/* 1.18.1 modular homepage widgets. All selectors scoped to storefront. */
.storefront .cms-extra-widget{box-sizing:border-box;min-width:0}
.storefront .cms-extra-widget>h2{margin:0 0 18px;font-size:var(--widget-title-desktop,28px);color:var(--widget-ink,#172033);line-height:1.5}
.storefront .cms-extra-grid{display:grid;grid-template-columns:repeat(var(--widget-desktop-cards,4),minmax(0,1fr));gap:16px}
.storefront .cms-extra-item{background:rgba(128,140,164,.055);border:1px solid rgba(128,140,164,.18);border-radius:clamp(10px,var(--widget-radius,22px),40px);padding:20px;min-width:0;box-sizing:border-box;overflow-wrap:anywhere}
.storefront .cms-extra-item h3{font-size:clamp(14px,1.2vw,18px);color:var(--widget-ink,#172033);line-height:1.7;margin:10px 0 6px}
.storefront .cms-extra-item p{margin:0;line-height:1.9;opacity:.78;white-space:normal}
.storefront .cms-extra-item a{color:inherit;text-decoration:none;display:block}
.storefront .cms-extra-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:16px;background:rgba(99,102,241,.1);font-size:23px;line-height:1}
.storefront .cms-extra-stat-value{display:block;margin:10px 0 0;font-size:clamp(24px,3vw,40px);font-weight:900;unicode-bidi:plaintext}
.storefront .cms-extra-logos .cms-extra-item{text-align:center;display:grid;place-items:center}
.storefront .cms-extra-logo{height:72px;width:100%;max-width:150px;object-fit:contain;display:block;margin-inline:auto}
.storefront .cms-extra-faq-list{display:grid;gap:11px}
.storefront .cms-extra-faq-item{border:1px solid rgba(128,140,164,.25);border-radius:14px;overflow:hidden;background:rgba(128,140,164,.045)}
.storefront .cms-extra-faq-item summary{cursor:pointer;list-style:none;padding:17px 18px;font-weight:800;display:flex;justify-content:space-between;align-items:center;gap:12px;line-height:1.7}
.storefront .cms-extra-faq-item summary::-webkit-details-marker{display:none}
.storefront .cms-extra-faq-item[open] summary span{transform:rotate(45deg)}
.storefront .cms-extra-faq-item summary span{font-size:20px;transition:transform .2s}
.storefront .cms-extra-faq-item>p{margin:0;padding:0 18px 17px;line-height:2}
.storefront .cms-extra-categories-list .cms-extra-item{text-align:center;color:inherit;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:12px}
.storefront .cms-extra-categories-list img{width:90px;height:90px;object-fit:contain;border-radius:16px}
.storefront .cms-extra-articles-list img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px}
.storefront .cms-extra-articles-list .cms-extra-item a span{font-weight:800;font-size:13px;display:inline-block;margin-top:12px}
.storefront .cms-extra-video-frame{aspect-ratio:16/9;max-width:900px;margin-inline:auto;border-radius:clamp(10px,var(--widget-radius,22px),40px);overflow:hidden;background:#111827}
.storefront .cms-extra-video-frame iframe,.storefront .cms-extra-video-frame video{width:100%;height:100%;display:block;border:0;object-fit:contain}
.storefront .cms-extra-description{text-align:center;max-width:850px;margin:16px auto 0!important;line-height:2}
.storefront .cms-extra-callout-layout{display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px}
.storefront .cms-extra-callout-layout>div{min-width:0}
.storefront .cms-extra-callout-layout img{width:min(340px,32vw);height:auto;max-height:240px;object-fit:contain;border-radius:16px}
.storefront .cms-extra-callout-layout .cms-free-button{margin-top:18px}
@media(min-width:701px) and (max-width:1000px){.storefront .cms-extra-grid{grid-template-columns:repeat(var(--widget-tablet-cards,3),minmax(0,1fr))}}
@media(max-width:700px){.storefront .cms-extra-widget>h2{font-size:var(--widget-title-mobile,20px)}.storefront .cms-extra-grid{grid-template-columns:repeat(var(--widget-mobile-cards,2),minmax(0,1fr));gap:9px}.storefront .cms-extra-item{padding:12px}.storefront .cms-extra-item h3{font-size:13px}.storefront .cms-extra-item p{font-size:12px;line-height:1.75}.storefront .cms-extra-logo{height:54px}.storefront .cms-extra-categories-list img{width:62px;height:62px}.storefront .cms-extra-callout-layout{grid-template-columns:1fr;gap:15px}.storefront .cms-extra-callout-layout img{width:100%;max-height:220px;order:-1}}
/* Admin editor repeatable rows */
.cms-widget-items{border:1px solid #dce4f0;border-radius:15px;padding:14px;display:grid;gap:12px;min-width:0}
.cms-widget-items>small{color:#65748b;line-height:1.7}
.cms-widget-item{border:1px solid #e4e8f2;border-radius:13px;padding:12px;min-width:0}
.cms-widget-item[hidden]{display:none!important}
.cms-widget-item-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
.cms-widget-item .cms-widget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cms-widget-item label{min-width:0}.cms-widget-item input,.cms-widget-item textarea{width:100%;box-sizing:border-box;max-width:100%}
@media(max-width:700px){.cms-widget-item .cms-widget-grid{grid-template-columns:1fr}.cms-widget-item{padding:9px}}

.storefront .cms-extra-rail{display:flex!important;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scroll-behavior:smooth;padding-bottom:10px;cursor:grab}
.storefront .cms-extra-rail:active{cursor:grabbing}
.storefront .cms-extra-rail>.cms-extra-item{flex:0 0 calc((100% - (var(--widget-desktop-cards,4) - 1)*12px)/var(--widget-desktop-cards,4));scroll-snap-align:start;min-width:0}
@media(min-width:701px) and (max-width:1000px){.storefront .cms-extra-rail>.cms-extra-item{flex-basis:calc((100% - (var(--widget-tablet-cards,3) - 1)*12px)/var(--widget-tablet-cards,3))}}
@media(max-width:700px){.storefront .cms-extra-rail>.cms-extra-item{flex-basis:calc((100% - (var(--widget-mobile-cards,2) - 1)*9px)/var(--widget-mobile-cards,2))}}