/* Stored content uses these classes in both TinyMCE and the product page. */
.nkl-product-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-block:24px;clear:both}
.nkl-product-columns--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.nkl-product-column,.nkl-product-feature__image,.nkl-product-feature__content{min-width:0;overflow-wrap:anywhere}
.nkl-product-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:20px;align-items:start}
.nkl-product-feature__image img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}
.nkl-product-feature__content>:first-child,.nkl-product-column>:first-child{margin-top:0}
.nkl-product-columns :is(img,video,iframe){max-width:100%}
.nkl-product-columns ul,.nkl-product-columns ul>li{list-style-type:disc}
.nkl-product-columns ol,.nkl-product-columns ol>li{list-style-type:decimal}
@media(max-width:1024px){.nkl-product-columns--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.nkl-product-columns,.nkl-product-columns--3{grid-template-columns:1fr;gap:24px}.nkl-product-feature{grid-template-columns:1fr;gap:16px}.nkl-product-feature__image{max-width:240px}}
/* Editor guides are visual only; no placeholder labels are saved in the content. */
.mce-content-body .nkl-product-columns{padding:12px;border:1px dashed #b7c9bf}
.mce-content-body .nkl-product-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
.mce-content-body .nkl-product-columns--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mce-content-body .nkl-product-column{padding:10px;border:1px dashed #d1dfd7;min-height:90px}
.mce-content-body .nkl-product-column::before{display:block;content:'Cột';font:12px/1.4 Arial,sans-serif;color:#77867d;margin-bottom:10px;pointer-events:none}
.mce-content-body .nkl-product-column:nth-child(1)::before{content:'Cột 1'}
.mce-content-body .nkl-product-column:nth-child(2)::before{content:'Cột 2'}
.mce-content-body .nkl-product-column:nth-child(3)::before{content:'Cột 3'}
.mce-content-body .nkl-product-feature__image{padding:8px;border:1px dashed #d1dfd7;min-height:80px}
.mce-content-body .nkl-product-feature__image::before{display:block;content:'Ảnh';font:12px/1.4 Arial,sans-serif;color:#77867d;pointer-events:none}
@media(max-width:600px){.mce-content-body .nkl-product-columns,.mce-content-body .nkl-product-columns--3{grid-template-columns:1fr}}