/* Sellios Storefront Builder prototype */
.content.program-services-canvas{flex:1 1 auto;width:100%;max-width:none;min-width:0;margin:0;padding:0!important}.content.program-services-canvas>.page-heading{box-sizing:border-box;margin:0;padding:28px 30px 0}.content.program-services-canvas>#viewRoot{width:100%;max-width:none;min-width:0;margin:0;padding:0 30px 40px;box-sizing:border-box}
:root { --sf-purple:#7244f3; --sf-deep:#24153f; --sf-ink:#191722; --sf-muted:#777381; --sf-line:#e7e4ed; --sf-bg:#f5f6fb; }
.module-center,.storefront-overview{display:grid;gap:26px}.sf-kicker{margin:0 0 8px;color:#7450ef;font-size:12px;font-weight:800;letter-spacing:.14em}.module-center-intro{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:34px 38px;border:1px solid #e5e1ee;border-radius:24px;background:linear-gradient(125deg,#fff 0%,#faf8ff 55%,#f1ebff 100%);box-shadow:0 18px 50px rgba(39,24,75,.06)}.module-center-intro h2,.sf-section-heading h2{font-size:32px;line-height:1.1;margin:0 0 12px;color:#1d1925;letter-spacing:-.035em}.module-center-intro p,.sf-section-heading p{margin:0;color:#74707d;line-height:1.65;max-width:760px}.module-summary{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;min-width:210px}.module-summary strong{font-size:38px;line-height:1;color:#6c3ff0}.module-summary span{color:#7e7889}.module-summary button{grid-column:1/-1;margin-top:16px}.module-flow{display:flex;align-items:center;justify-content:center;gap:18px;padding:16px 22px;border:1px solid #e7e3ef;border-radius:18px;background:#fff}.module-flow span{display:flex;align-items:center;gap:9px;color:#4e4858;font-size:13px;font-weight:700}.module-flow span b{display:grid;place-items:center;width:25px;height:25px;border-radius:9px;background:#eee8ff;color:#6940e4}.module-flow i{font-style:normal;color:#b6b0c0}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.business-module-card{min-height:235px;display:flex;flex-direction:column;padding:24px;border:1px solid #e3e0e8;border-radius:22px;background:#fff;box-shadow:0 12px 36px rgba(38,27,68,.04);transition:.22s ease}.business-module-card:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(38,27,68,.08)}.business-module-card.is-active{border-color:#cfc2fb;box-shadow:0 0 0 1px rgba(114,68,243,.06),0 18px 42px rgba(70,42,139,.07)}.business-module-top{display:flex;align-items:center;justify-content:space-between}.business-module-top em{padding:7px 10px;border-radius:999px;background:#fff0d1;color:#aa6617;font-size:10px;font-style:normal;font-weight:800}.module-code{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;font-size:12px;font-weight:900}.module-code.violet{background:#f0eaff;color:#6635e5}.module-code.mint{background:#e5f8f2;color:#167b65}.module-code.blue{background:#e8f3fb;color:#2675ac}.module-code.amber{background:#fff2dc;color:#b76516}.business-module-card h3{margin:24px 0 8px;font-size:20px;letter-spacing:-.025em}.business-module-card p{margin:0;color:#7a7582;line-height:1.55;font-size:14px}.business-module-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:22px;color:#8b8592;font-size:12px}.business-module-card footer b{color:#27222f}.business-module-card footer button{border:0;background:transparent;color:#6740de;font-weight:800;cursor:pointer}.module-switch{position:relative;width:42px;height:24px;display:inline-block}.module-switch input{opacity:0;width:0;height:0}.module-switch i{position:absolute;inset:0;border-radius:999px;background:#d9d5de;cursor:pointer;transition:.2s}.module-switch i:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.15);transition:.2s}.module-switch input:checked+i{background:#7244f3}.module-switch input:checked+i:after{transform:translateX(18px)}.sf-principle{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:20px;border-radius:18px;background:#251840;color:#fff}.sf-principle span{color:#bda9ff;font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.sf-principle b{font-size:13px}.sf-principle i{color:#625574;font-style:normal}
.storefront-status-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.15fr);gap:30px;padding:36px;border:1px solid #e3dff0;border-radius:26px;background:linear-gradient(135deg,#fff,#faf8ff);overflow:hidden}.storefront-status-copy{display:flex;flex-direction:column;justify-content:center}.storefront-title-row{display:flex;gap:14px;align-items:center}.storefront-title-row h2{margin:0;font-size:34px;letter-spacing:-.04em}.storefront-title-row span{padding:6px 10px;border-radius:999px;background:#f1eef5;color:#766f80;font-size:11px;font-weight:800}.storefront-title-row span.is-live{background:#e6f8ef;color:#16805c}.storefront-status-copy>p{color:#77717f;line-height:1.65}.storefront-address{display:flex;align-items:center;margin:18px 0;padding:13px 15px;border:1px solid #e6e1ec;border-radius:13px;background:#fff;font-size:13px}.storefront-address span{color:#a29ca8}.storefront-address strong{overflow:hidden;text-overflow:ellipsis}.storefront-address button{margin-left:auto;border:0;background:none;color:#6740df;font-weight:800;cursor:pointer}.storefront-status-actions{display:flex;gap:10px}.storefront-status-preview{min-height:320px;padding:15px;border-radius:20px;background:linear-gradient(145deg,#f2edff,#fff);box-shadow:0 22px 60px rgba(65,37,128,.13);transform:rotate(.5deg)}.status-preview-browser{display:flex;align-items:center;gap:5px;padding:8px 9px;border-radius:9px 9px 0 0;background:#f8f7fa;font-size:9px;color:#817989}.status-preview-browser i{width:5px;height:5px;border-radius:50%;background:#f3a19c}.status-preview-browser i:nth-child(2){background:#f1c975}.status-preview-browser i:nth-child(3){background:#84d48e}.status-preview-browser span{margin-left:auto;margin-right:auto}.status-preview-nav{display:flex;align-items:center;gap:14px;padding:12px 18px;background:#fff}.status-preview-nav b{font-size:12px}.status-preview-nav span{width:48px;height:5px;border-radius:10px;background:#e8e4ed}.status-preview-nav em{margin-left:auto;width:50px;height:18px;border-radius:8px;background:#7445f5}.status-preview-hero{display:grid;grid-template-columns:1fr 1fr;min-height:170px;padding:25px;background:linear-gradient(120deg,#fff,#ede6ff)}.status-preview-hero small{font-size:7px;color:#7045ee}.status-preview-hero strong{display:block;max-width:210px;margin-top:8px;font-size:18px;line-height:1.05}.status-preview-hero p{width:80%;height:14px;border-radius:8px;background:#dcd5e5}.status-preview-hero button{border:0;width:72px;height:20px;border-radius:8px;background:#27212e}.status-preview-hero figure{margin:0;border-radius:45% 45% 18px 18px;background:linear-gradient(150deg,#cbb6ff,#f7dff7)}.status-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px 18px;background:#fff}.status-preview-grid i{height:48px;border-radius:9px;background:#f2eff6}.storefront-status-preview.fashion,.sf-template-cover.fashion{background:linear-gradient(145deg,#ece4ff,#fbf6ff)}.storefront-status-preview.beauty,.sf-template-cover.beauty{background:linear-gradient(145deg,#fde9f6,#fff8fc)}.storefront-status-preview.food,.sf-template-cover.food{background:linear-gradient(145deg,#fff0df,#fffaf4)}.storefront-status-preview.education,.sf-template-cover.education{background:linear-gradient(145deg,#eae8ff,#f7fbff)}.storefront-status-preview.creator,.sf-template-cover.creator{background:linear-gradient(145deg,#e9e4ff,#fff)}.storefront-overview-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.sf-overview-panel{padding:25px;border:1px solid #e4e1e9;border-radius:22px;background:#fff}.sf-overview-panel header{display:flex;justify-content:space-between;align-items:start}.sf-overview-panel h3{margin:0 0 5px;font-size:19px}.sf-overview-panel header p{margin:0;color:#88828f;font-size:13px}.sf-overview-panel header button{border:0;background:none;color:#6740dd;font-weight:800;cursor:pointer}.sf-structure-list{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:9px}.sf-structure-list li{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#f8f7fa}.sf-structure-list li>span{color:#8a8292;font-size:11px;font-weight:800}.sf-structure-list div{display:grid}.sf-structure-list strong{font-size:13px}.sf-structure-list small{color:#98919d}.sf-structure-list i{font-style:normal;color:#4c9a72;font-size:11px}.sf-active-module-list{display:grid;gap:8px;margin-top:20px}.sf-active-module-list>span{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#f8f7fa}.sf-active-module-list .module-code{width:32px;height:32px;border-radius:10px;font-size:9px}.sf-active-module-list i,.sf-active-module-list em{font-style:normal;font-size:12px}.sf-active-module-list em{color:#918b96}.sf-template-library{display:grid;gap:22px;margin-top:12px}.sf-section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.sf-template-filters{display:flex;gap:7px;flex-wrap:wrap}.sf-template-filters button{padding:9px 14px;border:1px solid #e1dde7;border-radius:999px;background:#fff;color:#6f6975;font-weight:700;cursor:pointer}.sf-template-filters button.is-active{border-color:#7244f3;background:#7244f3;color:#fff}.sf-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sf-template-card{overflow:hidden;border:1px solid #e3dfe9;border-radius:22px;background:#fff;transition:.2s}.sf-template-card:hover{transform:translateY(-3px);box-shadow:0 18px 48px rgba(37,24,64,.1)}.sf-template-cover{height:230px;padding:12px;background:linear-gradient(145deg,#eee9ff,#fbfaff);overflow:hidden}.mini-browser{display:flex;gap:4px;align-items:center;padding:6px;border-radius:7px 7px 0 0;background:#faf9fb}.mini-browser i{width:4px;height:4px;border-radius:50%;background:#ec968f}.mini-browser i:nth-child(2){background:#e9c067}.mini-browser i:nth-child(3){background:#79ce86}.mini-browser span{width:45%;height:5px;margin:auto;border-radius:5px;background:#e5e1e9}.mini-template-nav{display:flex;align-items:center;gap:12px;padding:11px;background:#fff}.mini-template-nav b{font-size:9px}.mini-template-nav span{width:30px;height:4px;border-radius:5px;background:#e7e2eb}.mini-template-nav em{margin-left:auto;width:42px;height:15px;border-radius:7px;background:#7143ef}.mini-template-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:8px;padding:14px;min-height:104px;background:rgba(255,255,255,.45)}.mini-template-hero div{display:flex;flex-direction:column}.mini-template-hero small{font-size:6px;color:#6f43e9}.mini-template-hero strong{font-size:13px;line-height:1.05;margin:6px 0}.mini-template-hero i{width:50px;height:14px;border-radius:6px;background:#211b28}.mini-template-hero figure{margin:0;border-radius:40% 40% 10px 10px;background:linear-gradient(150deg,#b99bff,#f4d7ef)}.mini-template-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px;background:#fff}.mini-template-cards span{height:37px;border-radius:7px;background:#f2eff5}.sf-template-copy{display:grid;gap:12px;padding:20px}.sf-template-copy>div:first-child{display:flex;align-items:center;justify-content:space-between}.sf-template-copy span{color:#7a6c8b;font-size:11px;font-weight:700}.sf-template-copy h3{margin:0;font-size:19px}.sf-template-copy p{min-height:40px;margin:0;color:#827c87;font-size:13px;line-height:1.5}.sf-template-modules{display:flex;gap:5px;flex-wrap:wrap}.sf-template-modules span{padding:5px 8px;border-radius:999px;background:#f3f0f8;color:#6d6576;font-size:9px}.sf-template-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}.sf-template-actions button{justify-content:center}
.sf-builder{position:fixed;inset:0;z-index:1000;background:#f2f3f7;color:#1d1924}.sf-builder-topbar{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border-bottom:1px solid #dedbe4;background:#fff}.sf-builder-topbar>div{display:flex;align-items:center;gap:10px}.sf-builder-topbar>div:last-child{justify-content:flex-end}.sf-builder-topbar>div:first-child>button{width:34px;height:34px;border:1px solid #e1dde6;border-radius:10px;background:#fff;cursor:pointer}.sf-builder-topbar span{display:grid}.sf-builder-topbar small{color:#938c9a;font-size:10px}.sf-builder-topbar strong{font-size:14px}.sf-builder-topbar em{padding:5px 8px;border-radius:999px;background:#f0edf4;color:#77717f;font-size:10px;font-style:normal}.sf-builder-view-switch{padding:4px;border-radius:12px;background:#f0eef3}.sf-builder-view-switch button{width:34px;height:30px;border:0;border-radius:8px;background:transparent;color:#8c8594;cursor:pointer}.sf-builder-view-switch button.is-active{background:#fff;color:#5d33d4;box-shadow:0 3px 9px rgba(34,24,52,.09)}.sf-builder-body{height:calc(100vh - 68px);display:grid;grid-template-columns:272px minmax(0,1fr)}.sf-builder-left,.sf-builder-right{overflow:auto;background:#fff}.sf-builder-left{border-right:1px solid #dfdce4}.sf-builder-right{border-left:1px solid #dfdce4}.sf-builder-left-tabs{display:grid;grid-template-columns:1fr 1fr;padding:13px 14px 8px}.sf-builder-left-tabs button{padding:10px;border:0;border-bottom:2px solid transparent;background:transparent;color:#827c89;font-weight:800;cursor:pointer}.sf-builder-left-tabs button.is-active{border-color:#7041e9;color:#5b32d1}.sf-block-library,.sf-page-list{padding:12px 14px 30px}.sf-block-library>p,.sf-page-list>p{margin:0 0 12px;color:#8b8491;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.sf-block-search{display:flex;align-items:center;gap:7px;padding:9px 10px;margin-bottom:12px;border:1px solid #e2dee7;border-radius:10px;color:#9b95a0}.sf-block-search input{width:100%;border:0;outline:0;font:inherit}.sf-block-card{width:100%;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px;margin-bottom:7px;border:1px solid #e5e1e9;border-radius:12px;background:#fff;text-align:left;cursor:grab}.sf-block-card:hover{border-color:#bfb1f5;background:#faf8ff}.sf-block-card>b{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eee9ff;color:#6334df;font-size:9px}.sf-block-card span{display:grid}.sf-block-card strong{font-size:12px}.sf-block-card small{color:#918a96;font-size:10px;line-height:1.35}.sf-block-card>i{font-style:normal;color:#7040e9;font-size:17px}.sf-block-card.is-disabled{opacity:.48;cursor:not-allowed}.sf-manage-modules{width:100%;margin-top:12px;padding:11px;border:1px dashed #bcb3c6;border-radius:11px;background:#faf9fb;color:#6740dc;font-weight:800;cursor:pointer}.sf-page-list{display:grid;gap:7px}.sf-page-list>button{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid #e5e1e9;border-radius:11px;background:#fff;cursor:pointer}.sf-page-list>button.is-active{border-color:#bdaef4;background:#f8f5ff}.sf-page-list>button span{font-weight:800;font-size:12px}.sf-page-list>button i{font-style:normal;color:#928b97;font-size:9px}.sf-page-note{padding:14px;margin-top:12px;border-radius:12px;background:#f5f3f8}.sf-page-note b{font-size:11px}.sf-page-note p{margin:5px 0 0;color:#827b88;font-size:10px;line-height:1.5}.sf-builder-stage{overflow:auto;padding:30px;background:#eef0f5}.sf-canvas-wrap{margin:0 auto;background:#fff;box-shadow:0 18px 60px rgba(31,24,45,.14);transition:.25s}.sf-canvas-wrap.desktop{width:min(1120px,100%)}.sf-canvas-wrap.tablet{width:760px}.sf-canvas-wrap.mobile{width:390px}.sf-browser-bar{display:flex;align-items:center;gap:5px;padding:8px 12px;border-bottom:1px solid #e8e5eb;background:#f8f7f9;color:#8d8792;font-size:9px}.sf-browser-bar i{width:6px;height:6px;border-radius:50%;background:#ec9189}.sf-browser-bar i:nth-child(2){background:#e8be62}.sf-browser-bar i:nth-child(3){background:#71c985}.sf-browser-bar span{margin:auto;padding:4px 24px;border-radius:6px;background:#fff}.sf-canvas{min-height:700px;padding:10px}.sf-canvas-section{position:relative;margin:0 0 9px;border:2px solid transparent;background:#fff;transition:.12s}.sf-canvas-section:hover{border-color:#d7cef8}.sf-canvas-section.is-selected{border-color:#7041ed;box-shadow:0 0 0 3px rgba(112,65,237,.08)}.sf-canvas-section.is-dragging{opacity:.4}.sf-canvas-section.sf-drop-before{border-top:5px solid #7041ed}.sf-section-toolbar{position:absolute;z-index:5;top:-29px;left:-2px;right:-2px;display:none;align-items:center;justify-content:space-between;height:27px;padding:0 7px;border-radius:6px 6px 0 0;background:#7041ed;color:#fff;font-size:9px}.sf-canvas-section.is-selected .sf-section-toolbar,.sf-canvas-section:hover .sf-section-toolbar{display:flex}.sf-section-toolbar span{display:flex;gap:6px;align-items:center}.sf-section-toolbar button{width:22px;height:21px;border:0;border-radius:4px;background:rgba(255,255,255,.14);color:#fff;cursor:pointer}.sf-add-section-button{display:block;width:calc(100% - 30px);margin:20px auto;padding:13px;border:1px dashed #a99fba;border-radius:10px;background:#f8f7fa;color:#6840dc;font-weight:800;cursor:pointer}.sf-announcement{display:flex;justify-content:center;gap:20px;padding:8px;background:#24163f;color:#fff;font-size:10px}.sf-announcement b{color:#cdbdff}.sf-store-header{display:flex;align-items:center;gap:25px;padding:17px 25px;border-bottom:1px solid #eeeaf1}.sf-store-header>strong{font-size:16px}.sf-store-header nav{display:flex;gap:19px;margin:auto;font-size:10px;color:#6c6672}.sf-store-header>div{display:flex;gap:9px}.sf-store-header i{font-style:normal;font-size:10px}.sf-store-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:285px;padding:40px 50px;background:radial-gradient(circle at 70% 60%,#e4d5ff 0,transparent 32%),radial-gradient(circle at 35% 70%,#dff8ff 0,transparent 30%),#fbfaff}.sf-store-hero small{color:#7346ed;font-size:8px;font-weight:900;letter-spacing:.14em}.sf-store-hero h2{margin:12px 0;font-size:35px;line-height:1.03;letter-spacing:-.045em}.sf-store-hero p{max-width:440px;color:#6f6877;font-size:12px;line-height:1.6}.sf-store-hero button{padding:10px 15px;border:1px solid #ded7e7;border-radius:9px;background:#fff;font-size:9px;font-weight:800}.sf-store-hero button:first-child{border-color:#231a29;background:#231a29;color:#fff}.sf-store-hero figure{position:relative;height:210px;margin:0}.sf-store-hero figure:before{content:"";position:absolute;inset:12px 20px 0;border-radius:50% 50% 25px 25px;background:linear-gradient(145deg,#b897ff,#f0d5ed)}.sf-store-hero figure span{position:absolute;z-index:1;width:120px;height:145px;left:35%;bottom:15px;border-radius:30px 30px 12px 12px;background:linear-gradient(145deg,#7650d4,#c7aef9);box-shadow:0 18px 30px rgba(70,42,130,.24)}.sf-store-hero figure i{position:absolute;z-index:2;width:55px;height:110px;left:20%;bottom:18px;border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(40,29,63,.18)}.sf-store-hero figure b{position:absolute;z-index:2;width:70px;height:35px;right:15%;bottom:25px;border-radius:50%;background:#362942}.sf-benefit-row{display:grid;grid-template-columns:repeat(4,1fr);padding:15px 25px;border-top:1px solid #ebe7ef;border-bottom:1px solid #ebe7ef}.sf-benefit-row span{display:flex;align-items:center;justify-content:center;gap:8px;border-right:1px solid #e8e4eb}.sf-benefit-row span:last-child{border:0}.sf-benefit-row b{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:#eee8ff;color:#7243ed}.sf-benefit-row i{font-style:normal;font-size:9px;font-weight:800}.sf-section-body{padding:28px 38px}.sf-section-body>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px}.sf-section-body h3{margin:0 0 5px;font-size:18px}.sf-section-body p{margin:0;color:#8a8390;font-size:9px}.sf-section-body a{color:#6d41e3;font-size:9px;font-weight:800}.sf-category-preview{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.sf-category-preview span{display:grid;place-items:center;gap:6px;padding:13px 6px;border:1px solid #e9e5ed;border-radius:10px}.sf-category-preview b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eee9ff;color:#6c3ee5;font-size:8px}.sf-category-preview i{font-style:normal;font-size:8px}.sf-item-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sf-item-preview article{overflow:hidden;border:1px solid #e6e2e9;border-radius:12px;background:#fff}.sf-item-preview figure{height:100px;margin:0;display:grid;place-items:center;background:#f0ecf7}.sf-item-preview figure.tone-2{background:#eef7f5}.sf-item-preview figure.tone-3{background:#edf4fa}.sf-item-preview figure.tone-4{background:#fff4e6}.sf-item-preview figure span{display:grid;place-items:center;width:45px;height:45px;border-radius:15px;background:rgba(255,255,255,.75);color:#6e43e4;font-size:10px;font-weight:900}.sf-item-preview article>div{display:grid;padding:10px}.sf-item-preview small{color:#8b8491;font-size:7px;text-transform:uppercase}.sf-item-preview strong{margin:5px 0;font-size:10px}.sf-item-preview p{font-size:9px}.sf-item-preview button{margin-top:8px;padding:7px;border:0;border-radius:7px;background:#efeaff;color:#6538dd;font-size:7px;font-weight:800}.sf-promo-preview{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;margin:25px 38px;padding:30px;border-radius:15px;background:linear-gradient(120deg,#6d34dd,#9e66f5);color:#fff}.sf-promo-preview small{font-size:7px}.sf-promo-preview h3{margin:8px 0;font-size:24px}.sf-promo-preview p{font-size:10px;color:#e9dcff}.sf-promo-preview button{padding:9px 12px;border:0;border-radius:8px;background:#fff;color:#6d39db;font-size:8px;font-weight:800}.sf-promo-preview figure{display:grid;place-items:center;height:110px;margin:0;border-radius:50%;background:rgba(255,255,255,.15)}.sf-promo-preview figure b{font-size:46px}.sf-collection-preview{display:grid;grid-template-columns:1.3fr .7fr;gap:10px}.sf-collection-preview figure{height:150px;margin:0;border-radius:14px;background:linear-gradient(135deg,#d8c6ff,#f5dfef)}.sf-collection-preview>div{display:grid;gap:8px}.sf-collection-preview span{border-radius:10px;background:#f1edf6}.sf-ingredient-preview,.sf-testimonial-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sf-ingredient-preview span{display:grid;justify-items:center;gap:6px;padding:17px;border-radius:12px;background:#f8f6fa}.sf-ingredient-preview b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#efe8ff;color:#6b3ae1}.sf-ingredient-preview strong{font-size:9px}.sf-ingredient-preview small{font-size:7px;color:#8f8994}.sf-testimonial-preview blockquote{margin:0;padding:15px;border:1px solid #e6e2e9;border-radius:11px}.sf-testimonial-preview blockquote>b{color:#efaa3c;font-size:8px}.sf-testimonial-preview blockquote p{min-height:35px;margin:7px 0;color:#4f4856}.sf-testimonial-preview blockquote span{display:flex;align-items:center;gap:6px;font-size:8px}.sf-testimonial-preview blockquote i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#eee7ff;color:#6c3ee4;font-style:normal;font-size:7px}.sf-faq-preview{display:grid}.sf-faq-preview span{display:flex;justify-content:space-between;padding:12px 2px;border-bottom:1px solid #ebe7ee;font-size:10px}.sf-lead-preview{display:flex;align-items:center;justify-content:space-between;margin:25px 38px;padding:25px;border-radius:15px;background:#24163f;color:#fff}.sf-lead-preview h3{margin:0 0 5px}.sf-lead-preview p{margin:0;color:#bdb4c7;font-size:9px}.sf-lead-preview form{display:flex}.sf-lead-preview input{padding:10px;border:0;border-radius:8px 0 0 8px;font-size:8px}.sf-lead-preview button{border:0;border-radius:0 8px 8px 0;background:#7a4cf0;color:#fff;font-size:8px}.sf-social-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.sf-social-preview span{height:100px;border-radius:10px;background:#ece5ff}.sf-social-preview span.tone-2{background:#f8e5ef}.sf-social-preview span.tone-3{background:#e4f4f2}.sf-social-preview span.tone-4{background:#fff0dc}.sf-footer-preview{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:30px 38px;background:#21162f;color:#fff}.sf-footer-preview div{display:flex;gap:20px;color:#bbb1c5;font-size:8px}.sf-footer-preview small{grid-column:1/-1;color:#7f758a;font-size:7px}.sf-hidden-section{padding:24px;text-align:center;background:#f4f2f6;color:#8f8994}.sf-hidden-section strong{display:block;color:#645d69}.sf-builder-right .sf-right-title{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e7e3e9}.sf-right-title span{font-weight:900;font-size:13px}.sf-right-title button{border:0;background:none;color:#7649e7;font-size:11px;font-weight:800;cursor:pointer}.sf-settings-content{padding:18px}.sf-settings-heading{display:flex;justify-content:space-between;align-items:center}.sf-settings-heading span{color:#7b4deb;font-size:9px;text-transform:uppercase;font-weight:900;letter-spacing:.1em}.sf-settings-heading h3{margin:4px 0 0;font-size:16px}.sf-settings-tabs{display:grid;grid-template-columns:1fr 1fr;margin:18px 0;border-bottom:1px solid #e6e2e8}.sf-settings-tabs button{padding:9px;border:0;border-bottom:2px solid transparent;background:transparent;color:#8c8691;font-weight:800}.sf-settings-tabs button.is-active{border-color:#7545ed;color:#5f34d5}.sf-settings-content>label{display:grid;gap:6px;margin-bottom:14px;color:#5d5663;font-size:11px;font-weight:800}.sf-settings-content input,.sf-settings-content textarea,.sf-settings-content select{width:100%;padding:10px;border:1px solid #ded9e3;border-radius:9px;background:#fff;font:inherit;font-weight:500;box-sizing:border-box}.sf-settings-content textarea{min-height:75px;resize:vertical}.sf-setting-note{padding:13px;border-radius:11px;background:#f1edff}.sf-setting-note b{font-size:10px;color:#5f36d0}.sf-setting-note p{margin:5px 0 0;color:#746c7d;font-size:9px;line-height:1.45}.sf-empty-settings{padding:28px 18px;text-align:center;color:#88818e}.sf-empty-settings b{color:#3e3744}.sf-preview-only .sf-builder-left,.sf-preview-only .sf-builder-right,.sf-preview-only .sf-builder-topbar>div:first-child{display:none}.sf-preview-only .sf-builder-topbar{grid-template-columns:1fr auto}.sf-preview-only .sf-builder-topbar>div:last-child .button:not(:first-child){display:none}.sf-preview-only .sf-builder-body{grid-template-columns:1fr}.sf-preview-only .sf-builder-stage{padding:20px}.sf-preview-only .sf-canvas-section{border-color:transparent!important}.sf-preview-only .sf-section-toolbar{display:none!important}
@media(max-width:1200px){.module-grid{grid-template-columns:repeat(3,1fr)}.sf-template-grid{grid-template-columns:repeat(2,1fr)}.storefront-status-card{grid-template-columns:1fr}.sf-builder-body{grid-template-columns:240px minmax(0,1fr)}.sf-store-hero{padding:30px}.sf-item-preview{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.module-grid{grid-template-columns:repeat(2,1fr)}.module-center-intro,.sf-section-heading{align-items:flex-start;flex-direction:column}.module-flow{overflow:auto;justify-content:flex-start}.storefront-overview-grid,.sf-template-grid{grid-template-columns:1fr}.sf-builder-left,.sf-builder-right{display:none}.sf-builder-body{grid-template-columns:1fr}.sf-builder-topbar{grid-template-columns:minmax(0,1fr) auto;height:auto;min-height:68px;padding:8px 12px;gap:8px}.sf-builder-view-switch{display:none}.sf-builder-topbar>div:last-child{display:flex}.sf-builder-actions{gap:6px}.sf-builder-actions .sf-autosave-state,.sf-builder-actions [data-action="sf-undo"],.sf-builder-actions [data-action="sf-redo"]{display:none}.sf-builder-actions .button{min-height:40px;padding:8px 10px;font-size:11px}.sf-canvas-wrap.desktop,.sf-canvas-wrap.tablet{width:100%}.sf-category-preview{grid-template-columns:repeat(3,1fr)}.sf-item-preview{grid-template-columns:repeat(2,1fr)}}
.sf-canvas-wrap.desktop{width:min(1440px,100%)}
@media(max-width:850px){.sf-canvas-wrap.desktop,.sf-canvas-wrap.tablet{width:100%}}
.sf-preview-only .sf-builder-topbar::before{content:'MODE PREVIEW · DRAF PRIBADI';color:#5d33d4;font-size:11px;font-weight:900;letter-spacing:.08em}

/* The mobile composition keeps the live canvas primary and moves the same
   Builder inspector into an accessible sheet; it does not create a second
   draft or a mobile-only editor model. */
.sf-mobile-editor-trigger,.sf-mobile-editor-overlay{display:none}
.sf-advanced-disclosure{margin-top:10px;color:#716a7a;font-size:10px}.sf-advanced-disclosure summary{cursor:pointer;font-weight:800}.sf-advanced-disclosure label{margin-top:10px}
@media(max-width:850px){
  .sf-builder{padding-bottom:0}.sf-builder-body{height:calc(100vh - 68px)}.sf-builder-stage{padding:18px 12px 82px}.sf-mobile-editor-trigger{position:fixed;right:16px;bottom:18px;z-index:1010;display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 18px;border:0;border-radius:999px;background:#24163f;color:#fff;box-shadow:0 12px 28px rgba(34,22,63,.28);font:800 13px/1 inherit;cursor:pointer}.sf-mobile-editor-overlay{position:fixed;inset:0;z-index:1100;display:flex;align-items:flex-end;background:rgba(24,17,38,.45)}.sf-mobile-editor-sheet{display:grid;grid-template-rows:auto auto minmax(0,1fr);width:100%;max-height:min(82vh,760px);border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -18px 48px rgba(22,14,39,.22);outline:0}.sf-mobile-editor-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px 12px;border-bottom:1px solid #ebe7ef}.sf-mobile-editor-sheet header small,.sf-mobile-editor-sheet header strong{display:block}.sf-mobile-editor-sheet header small{color:#7a4cea;font-size:9px;font-weight:900;letter-spacing:.1em}.sf-mobile-editor-sheet header strong{margin-top:3px;color:#30273d;font-size:15px}.sf-mobile-editor-sheet header button{display:grid;width:44px;height:44px;place-items:center;border:1px solid #e5e0e9;border-radius:12px;background:#fff;color:#4d4458;font-size:24px;line-height:1;cursor:pointer}.sf-mobile-editor-sheet nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 14px;border-bottom:1px solid #eeeaf1}.sf-mobile-editor-sheet nav button{min-height:42px;border:0;border-radius:10px;background:#f5f2f8;color:#766f7d;font:800 12px/1 inherit;cursor:pointer}.sf-mobile-editor-sheet nav button.is-active{background:#eee7ff;color:#5d33d4}.sf-mobile-editor-panel{min-height:0;overflow:auto;padding:0 0 calc(20px + env(safe-area-inset-bottom))}.sf-mobile-editor-panel .sf-section-outline{margin:14px;border:1px solid #e7e2eb;border-radius:14px}.sf-mobile-editor-panel .sf-section-outline .sf-section-toolbar{display:flex}.sf-mobile-editor-panel .sf-settings-content{padding:18px}.sf-mobile-editor-panel .sf-settings-tabs{overflow:auto;grid-template-columns:repeat(10,minmax(92px,1fr))}.sf-mobile-editor-panel .sf-settings-tabs button{white-space:nowrap}.sf-mobile-editor-panel .sf-mobile-pwa-settings{display:none}.sf-mobile-editor-panel .sf-section-outline li button{min-height:44px}.sf-mobile-editor-panel .sf-section-toolbar button{min-width:36px;min-height:36px}.sf-builder-topbar>div:first-child>span{max-width:130px;overflow:hidden}.sf-builder-topbar>div:first-child strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-builder-topbar>div:first-child em{display:none}
}
@media(max-width:540px){.sf-builder-actions [data-action="sf-preview-current"],.sf-builder-actions [data-action="sf-save"]{font-size:0}.sf-builder-actions [data-action="sf-preview-current"]:before{content:'◉';font-size:14px}.sf-builder-actions [data-action="sf-save"]:before{content:'↓';font-size:16px}.sf-builder-actions .button{min-width:40px;padding:8px}.sf-builder-actions [data-action="sf-publish"]{padding-inline:11px}.sf-builder-topbar>div:first-child>button{width:36px;height:36px}.sf-builder-topbar{padding-inline:8px}.sf-mobile-editor-trigger{right:12px;bottom:14px}.sf-canvas{padding:6px}.sf-canvas-wrap.mobile{width:min(390px,100%)}}
@media(max-width:560px){.module-grid{grid-template-columns:1fr}.storefront-status-card{padding:22px}.storefront-status-actions{flex-direction:column}.sf-template-actions{grid-template-columns:1fr!important}.sf-store-hero{grid-template-columns:1fr;padding:25px}.sf-store-hero figure{display:none}.sf-benefit-row{grid-template-columns:repeat(2,1fr);gap:10px}.sf-category-preview{grid-template-columns:repeat(2,1fr)}.sf-item-preview{grid-template-columns:1fr}.sf-section-body{padding:22px}.sf-lead-preview{margin:20px;flex-direction:column;align-items:flex-start;gap:14px}}
.storefront-title-row{flex-wrap:wrap}.storefront-title-row .sf-pwa-badge{border:1px solid #ddd1fb;background:#f5f0ff;color:#6334df;letter-spacing:.06em}.storefront-title-row .sf-pwa-badge::before{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#6d28d9;content:''}

.sf-page-nav{display:flex;gap:8px;align-items:center;margin:0 0 22px;padding:6px;width:max-content;max-width:100%;overflow:auto;border:1px solid #e3e5ef;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(46,36,82,.05)}
.sf-page-nav button{border:0;background:transparent;color:#6d7080;font:700 13px/1.2 inherit;padding:11px 16px;border-radius:10px;white-space:nowrap;cursor:pointer}
.sf-page-nav button:hover{background:#f5f2ff;color:#5e35d6}
.sf-page-nav button.is-active{background:#ede7ff;color:#5e35d6}


/* Storefront domain settings */
.storefront-address em{margin-left:10px;padding:4px 8px;border-radius:999px;background:#f1ecff;color:#6840dd;font:800 9px/1.2 inherit;font-style:normal;white-space:nowrap}
.sf-domain-center{display:grid;gap:22px}.sf-domain-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:30px 32px;border:1px solid #e2ddef;border-radius:24px;background:linear-gradient(135deg,#fff,#f7f3ff)}.sf-domain-intro h2{margin:4px 0 8px;font-size:32px;letter-spacing:-.035em}.sf-domain-intro p:not(.sf-kicker){max-width:700px;margin:0;color:#77717f;line-height:1.65}.sf-domain-live-card{min-width:285px;padding:15px 17px;border:1px solid #dfd9e8;border-radius:15px;background:#fff;box-shadow:0 12px 35px rgba(48,31,81,.06)}.sf-domain-live-card span{display:block;color:#958e9c;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.sf-domain-live-card strong{display:block;overflow:hidden;margin:5px 0 10px;text-overflow:ellipsis;font-size:14px}.sf-domain-live-card button{border:0;background:none;color:#6740df;font-weight:800;cursor:pointer;padding:0}
.sf-domain-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sf-domain-choice{position:relative;display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:14px;padding:20px;border:1px solid #e1dce8;border-radius:18px;background:#fff;cursor:pointer;transition:.18s}.sf-domain-choice:hover{border-color:#b9a8ed;box-shadow:0 12px 35px rgba(54,32,98,.07)}.sf-domain-choice.is-selected{border-color:#7b4bee;background:#fbf9ff;box-shadow:0 0 0 3px rgba(123,75,238,.09)}.sf-domain-choice input{position:absolute;opacity:0;pointer-events:none}.sf-domain-choice-mark,.sf-domain-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#ede7ff;color:#6739df;font-size:11px;font-weight:900}.sf-domain-choice-mark.white-label,.sf-domain-icon.white-label{background:#e8f3ff;color:#2467a5}.sf-domain-choice>span:nth-of-type(2){display:grid;gap:3px}.sf-domain-choice b{font-size:16px}.sf-domain-choice small{color:#817a87;font-size:12px}.sf-domain-choice em{color:#6b42dc;font-size:10px;font-style:normal;font-weight:800}.sf-domain-choice>i{color:#d6d0dd;font-style:normal}.sf-domain-choice.is-selected>i{color:#7547eb}
.sf-domain-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.65fr);gap:18px}.sf-domain-panel,.sf-domain-side>article{border:1px solid #e2dee7;border-radius:22px;background:#fff}.sf-domain-panel{padding:27px}.sf-domain-panel-heading{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;padding-bottom:22px;border-bottom:1px solid #eeeaf1}.sf-domain-panel-heading h3{margin:0 0 4px;font-size:21px}.sf-domain-panel-heading p{margin:0;color:#87808d;font-size:12px}.sf-domain-status{align-self:start;padding:6px 9px;border-radius:999px;background:#f1eef3;color:#77707d;font-size:10px}.sf-domain-status.is-pending{background:#fff4dc;color:#a56a0b}.sf-domain-status.is-verified{background:#e6f7ef;color:#167958}.sf-domain-field{display:grid;gap:8px;margin:24px 0 16px;color:#554e5b;font-size:12px;font-weight:800}.sf-domain-field>small{color:#8d8692;font-size:10px;font-weight:500}.sf-domain-input-composer,.sf-domain-input-simple{display:flex;align-items:center;overflow:hidden;border:1px solid #dcd6e2;border-radius:12px;background:#fff;box-shadow:0 7px 22px rgba(46,31,75,.04)}.sf-domain-input-composer:focus-within,.sf-domain-input-simple:focus-within{border-color:#7a4bea;box-shadow:0 0 0 3px rgba(122,75,234,.1)}.sf-domain-input-composer span,.sf-domain-input-simple span{padding-left:14px;color:#9c95a2;font-weight:600}.sf-domain-input-composer strong{padding-right:14px;color:#5a5360;white-space:nowrap}.sf-domain-input-composer input,.sf-domain-input-simple input{min-width:0;flex:1;padding:13px 5px;border:0;outline:0;background:transparent;font:700 14px/1.2 inherit}.sf-domain-preview{display:flex;align-items:center;gap:12px;margin:8px 0 18px;padding:12px 14px;border-radius:12px;background:#f8f6fa}.sf-domain-preview span{color:#938c99;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.sf-domain-preview strong{overflow:hidden;text-overflow:ellipsis;font-size:13px}.sf-domain-actions{display:flex;gap:9px;flex-wrap:wrap}.sf-domain-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.sf-domain-benefits span{display:grid;gap:4px;padding:13px;border-radius:12px;background:#f8f6fa}.sf-domain-benefits b{font-size:11px}.sf-domain-benefits small{color:#85808a;font-size:9px;line-height:1.45}
.sf-dns-card{margin-top:22px;padding:18px;border:1px solid #e0d9ea;border-radius:16px;background:#fbfaff}.sf-dns-card header{display:flex;justify-content:space-between;gap:18px}.sf-dns-card header span{color:#7c4be9;font-size:9px;font-weight:900;letter-spacing:.09em}.sf-dns-card h4{margin:4px 0 2px;font-size:17px}.sf-dns-card header p{margin:0;color:#817a87;font-size:11px}.sf-dns-table{display:grid;grid-template-columns:.45fr .7fr 1.25fr auto;align-items:end;gap:8px;margin-top:16px}.sf-dns-table>span{display:grid;gap:4px;padding:10px;border:1px solid #e5e0e9;border-radius:10px;background:#fff}.sf-dns-table small{color:#99919f;font-size:8px;text-transform:uppercase}.sf-dns-table strong{overflow:hidden;text-overflow:ellipsis;font-size:11px}.sf-dns-table button{height:38px;padding:0 12px;border:1px solid #ded8e5;border-radius:10px;background:#fff;color:#6740dc;font-weight:800;cursor:pointer}.sf-dns-note{margin:12px 0 0;color:#817a87;font-size:10px;line-height:1.55}
.sf-domain-side{display:grid;align-content:start;gap:14px}.sf-domain-side>article{padding:22px}.sf-domain-side h3{margin:4px 0 18px;font-size:19px}.sf-domain-side ol{list-style:none;display:grid;gap:13px;margin:0;padding:0}.sf-domain-side li{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start}.sf-domain-side li>b{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#f0edf3;color:#88818e;font-size:10px}.sf-domain-side li.is-done>b{background:#e9e2ff;color:#6738dc}.sf-domain-side li span{display:grid;gap:2px}.sf-domain-side li strong{font-size:11px}.sf-domain-side li small{color:#908997;font-size:9px}.sf-domain-help{display:grid!important;grid-template-columns:34px 1fr;gap:11px;background:#f7f3ff!important}.sf-domain-help>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e9e1ff;color:#6637d8;font-weight:900}.sf-domain-help strong{font-size:12px}.sf-domain-help p{margin:5px 0 0;color:#7e7686;font-size:10px;line-height:1.5}
@media(max-width:1000px){.sf-domain-intro{align-items:flex-start;flex-direction:column}.sf-domain-live-card{width:100%;box-sizing:border-box}.sf-domain-workspace{grid-template-columns:1fr}.sf-domain-side{grid-template-columns:1fr 1fr}.sf-dns-table{grid-template-columns:repeat(3,1fr)}.sf-dns-table button{grid-column:1/-1}}
@media(max-width:650px){.sf-domain-choice-grid,.sf-domain-benefits,.sf-domain-side{grid-template-columns:1fr}.sf-domain-intro,.sf-domain-panel{padding:21px}.sf-domain-panel-heading{grid-template-columns:46px 1fr}.sf-domain-panel-heading>.sf-domain-status{grid-column:1/-1;justify-self:start}.sf-domain-choice{grid-template-columns:44px 1fr auto}.sf-domain-input-composer strong{font-size:11px}.sf-dns-table{grid-template-columns:1fr}.sf-dns-table button{grid-column:auto}.storefront-address em{display:none}}

/* Storefront management redesign */
.sf-management-nav{margin-bottom:22px}.sf-manager-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin-bottom:22px}.sf-manager-heading h2{margin:3px 0 6px;font-size:28px;color:#19162d}.sf-manager-heading p{margin:0;color:#788297;line-height:1.55}.sf-manager-heading>div:last-child{display:flex;gap:9px;flex-wrap:wrap}.sf-theme-manager,.sf-admin-panel{display:grid;gap:20px}.sf-theme-active-section>h3,.sf-theme-draft-section h3{margin:0 0 12px;color:#24203a;font-size:17px}.sf-theme-admin-card{overflow:hidden;border:1px solid #e6e1ee;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(34,22,72,.05)}.sf-theme-admin-card.is-active-theme{display:grid;grid-template-columns:minmax(360px,1.4fr) minmax(330px,1fr);align-items:stretch}.sf-theme-preview{min-height:260px;padding:20px;background:linear-gradient(135deg,#eaf8ff,#f4eaff 52%,#fff1ed);border-bottom:1px solid #eee8f4}.sf-theme-admin-card.is-active-theme .sf-theme-preview{border-bottom:0;border-right:1px solid #eee8f4}.sf-theme-preview .mini-template-hero{min-height:125px}.sf-theme-preview.is-compact{min-height:190px}.sf-theme-admin-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:20px}.sf-theme-admin-copy span{font-size:11px;font-weight:900;letter-spacing:.09em;color:#8068a8}.sf-theme-admin-copy h3{margin:5px 0 7px;font-size:20px}.sf-theme-admin-copy p{margin:0 0 8px;color:#737d8f;line-height:1.5}.sf-theme-admin-copy small{color:#929baa}.sf-theme-admin-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.sf-more-button{width:39px;height:39px;border:1px solid #ddd7e8;border-radius:10px;background:#fff;color:#665a79;font-weight:900}.sf-subheading{display:flex;justify-content:space-between;align-items:center}.sf-subheading span{font-size:12px;color:#817790}.sf-theme-draft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sf-empty-admin{padding:30px;border:1px dashed #d9cfe8;border-radius:14px;background:#fcfaff;color:#7d728e;text-align:center}.sf-page-admin-list,.sf-inventory-table,.sf-product-table{overflow:hidden;border:1px solid #e6e0ed;border-radius:16px;background:#fff}.sf-page-admin-head,.sf-page-admin-row{display:grid;grid-template-columns:1.5fr .65fr .6fr 1.25fr;gap:14px;align-items:center;padding:13px 18px}.sf-page-admin-head,.sf-inventory-head,.sf-product-table-head{background:#faf8fc;color:#827990;font-size:12px;font-weight:850}.sf-page-admin-row{border-top:1px solid #eee9f2}.sf-page-admin-row>div:first-child{display:grid;gap:3px}.sf-page-admin-row small{color:#949ba8}.sf-page-admin-row>div:last-child{display:flex;gap:6px;justify-content:flex-end}.sf-page-admin-row b{width:max-content;padding:5px 8px;border-radius:999px;font-size:11px}.sf-page-admin-row b.is-visible{background:#e7f7ed;color:#087443}.sf-page-admin-row b.is-hidden{background:#f0edf3;color:#786f82}.sf-navigation-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sf-navigation-editor{padding:0;overflow:hidden}.sf-navigation-editor .panel-heading{padding:18px}.sf-nav-admin-list{display:grid}.sf-nav-admin-row{display:grid;grid-template-columns:30px minmax(120px,.8fr) minmax(180px,1.3fr) auto;gap:8px;align-items:center;padding:10px 16px;border-top:1px solid #eee9f2}.sf-nav-admin-row>span{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#f3eff9;color:#6841a8;font-size:11px;font-weight:850}.sf-nav-admin-row input{min-width:0;padding:9px 10px;border:1px solid #ddd7e7;border-radius:8px;font:600 13px inherit}.sf-nav-admin-row>div{display:flex;gap:4px}.sf-nav-admin-row button{width:30px;height:30px;border:1px solid #e0dbe8;border-radius:7px;background:#fff}.sf-preferences-form{padding:24px}.sf-preferences-form fieldset{margin:0 0 20px}.sf-product-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 160px 190px auto;gap:10px;align-items:center;margin-bottom:14px}.sf-product-toolbar label{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #ddd7e7;border-radius:10px;background:#fff}.sf-product-toolbar label svg{width:18px}.sf-product-toolbar input{width:100%;border:0;outline:0;font:600 14px inherit}.sf-product-toolbar select{padding:11px;border:1px solid #ddd7e7;border-radius:10px;background:#fff;font:700 13px inherit}.sf-product-toolbar>span{text-align:right;color:#80758d;font-size:12px;font-weight:800}.sf-product-table-head,.sf-product-table-row{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(130px,.8fr) 120px 105px minmax(130px,.8fr) minmax(220px,1.2fr);gap:12px;align-items:center;padding:13px 16px}.sf-product-table-row{border-top:1px solid #eee9f2;color:#5e6678;font-size:13px}.sf-product-name-cell{display:flex;align-items:center;gap:11px}.sf-product-name-cell>img,.sf-product-name-cell>span{width:42px;height:42px;border-radius:10px;object-fit:cover}.sf-product-name-cell>span{display:grid;place-items:center;background:#f2ecff;color:#6937d0;font-weight:900;font-size:11px}.sf-product-name-cell>div{display:grid;gap:3px}.sf-product-name-cell strong{color:#221e35;font-size:14px}.sf-product-name-cell small{color:#9097a4}.sf-product-table-row>em{width:max-content;padding:5px 8px;border-radius:999px;font-style:normal;font-size:11px;font-weight:850}.sf-status-active{background:#e5f7ec;color:#087443}.sf-status-draft{background:#f1edf4;color:#756c7e}.sf-status-archived{background:#fff0e5;color:#9a5b1b}.sf-product-row-actions{display:flex;justify-content:flex-end;gap:5px}.sf-collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sf-collection-card{padding:20px}.sf-collection-card h3{margin:5px 0}.sf-collection-card>div:first-child span{font-size:11px;font-weight:850;color:#8068a8}.sf-collection-card>div:first-child p{margin:0;color:#8a92a0}.sf-collection-products{display:grid;gap:7px;max-height:230px;overflow:auto;margin:17px 0;padding:12px;border:1px solid #ece6f1;border-radius:10px;background:#fcfbfd}.sf-collection-products label{display:flex;align-items:center;gap:8px;font-size:13px}.sf-collection-card footer{display:flex;justify-content:flex-end;gap:6px}.sf-inventory-head,.sf-inventory-row{display:grid;grid-template-columns:minmax(240px,1.5fr) 120px 80px 100px minmax(210px,1fr);gap:12px;align-items:center;padding:13px 16px}.sf-inventory-row{border-top:1px solid #eee9f2}.sf-inventory-row>div:first-child{display:grid;gap:3px}.sf-inventory-row small{color:#8993a0}.sf-inventory-row em{width:max-content;padding:5px 8px;border-radius:999px;font-style:normal;font-size:11px;font-weight:850}.sf-inventory-row em.ok{background:#e5f7ec;color:#087443}.sf-inventory-row em.low{background:#fff2d9;color:#9a6517}.sf-inventory-row em.out{background:#ffebe9;color:#af3b34}.sf-inventory-row>div:last-child{display:flex;gap:5px}.sf-product-editor-v2{display:grid;gap:14px}.sf-product-editor-v2>header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px;border:1px solid #e5dfeb;border-radius:16px;background:#fff}.sf-product-editor-v2>header h2{margin:3px 0;font-size:26px}.sf-product-editor-v2>header>div:last-child{display:flex;gap:7px}.sf-product-editor-tabs{display:flex;gap:7px;padding:5px;border:1px solid #e6e0eb;border-radius:12px;background:#fff;width:max-content}.sf-product-editor-tabs button{padding:9px 13px;border:0;border-radius:8px;background:transparent;color:#756d80;font-weight:800}.sf-product-editor-tabs button.is-active{background:#5b21b6;color:#fff}.sf-product-edit-form{padding:24px;display:grid;gap:17px}.sf-product-edit-form>label{display:grid;gap:7px;font-weight:800;color:#554c61}.sf-product-edit-form input,.sf-product-edit-form textarea,.sf-product-edit-form select{padding:11px;border:1px solid #dcd5e6;border-radius:9px;font:600 14px inherit}.sf-product-edit-form textarea{min-height:150px;resize:vertical}.sf-edit-collection-list{display:flex;flex-wrap:wrap;gap:9px}.sf-edit-collection-list label{padding:9px 11px;border:1px solid #e2dce9;border-radius:9px}.sf-product-storefront-summary{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px;border-radius:10px;background:#f8f4ff}.sf-operation-link-card{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:15px;border:1px solid #e6e0eb;border-radius:12px}.sf-operation-link-card>span{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#efe8ff;color:#5d29bd;font-weight:900}.sf-operation-link-card>div{display:grid;gap:3px}.sf-operation-link-card small{color:#7f8794}@media(max-width:1100px){.sf-theme-admin-card.is-active-theme{grid-template-columns:1fr}.sf-theme-admin-card.is-active-theme .sf-theme-preview{border-right:0;border-bottom:1px solid #eee8f4}.sf-theme-draft-grid,.sf-collection-grid,.sf-navigation-grid{grid-template-columns:1fr}.sf-product-table{overflow:auto}.sf-product-table-head,.sf-product-table-row{min-width:1040px}.sf-product-toolbar{grid-template-columns:1fr 1fr}.sf-product-toolbar label{grid-column:1/-1}}@media(max-width:720px){.sf-manager-heading,.sf-theme-admin-copy,.sf-product-editor-v2>header{display:grid}.sf-theme-admin-actions,.sf-product-editor-v2>header>div:last-child{justify-content:flex-start}.sf-product-toolbar{grid-template-columns:1fr}.sf-product-toolbar>*{grid-column:auto!important}.sf-page-admin-list,.sf-inventory-table{overflow:auto}.sf-page-admin-head,.sf-page-admin-row{min-width:720px}.sf-inventory-head,.sf-inventory-row{min-width:760px}.sf-nav-admin-row{grid-template-columns:28px 1fr}.sf-nav-admin-row input:nth-of-type(2),.sf-nav-admin-row>div{grid-column:2}.sf-product-editor-tabs{width:100%;overflow:auto}.sf-product-editor-tabs button{white-space:nowrap}}
.sf-product-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sf-product-summary article{display:grid;gap:5px;min-height:112px;padding:17px 18px;border:1px solid #e6e0ed;border-radius:15px;background:#fff;box-shadow:0 7px 18px rgba(40,28,77,.035)}.sf-product-summary span{font-size:12px;font-weight:850;color:#7f7590}.sf-product-summary strong{font-size:25px;line-height:1;color:#28213c}.sf-product-summary small{font-size:12px;color:#929aab}.sf-product-toolbar{grid-template-columns:minmax(260px,1fr) 160px 190px auto auto}.sf-product-toolbar .row-action{white-space:nowrap}@media(max-width:1100px){.sf-product-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-product-toolbar{grid-template-columns:1fr 1fr}.sf-product-toolbar label{grid-column:1/-1}}@media(max-width:720px){.sf-product-summary{grid-template-columns:1fr}}

.sf-theme-entitlement{display:grid;gap:4px;padding:15px 17px;border:1px solid #ddd3fb;border-radius:14px;background:linear-gradient(100deg,#faf8ff,#fff);box-shadow:0 5px 18px rgba(69,45,128,.04)}.sf-theme-entitlement span{font-size:10px;font-weight:900;letter-spacing:.11em;color:#8068a8}.sf-theme-entitlement strong{font-size:15px;color:#2c2147}.sf-theme-entitlement p{margin:0;color:#737d8f;font-size:13px;line-height:1.5}

/* Builder shell: the storefront preview includes its public chat widget, but
   editor actions always take precedence. Keep that widget out of the toolbar
   and inside the canvas safe area beside (never over) the inspector. */
.sf-builder{--sf-builder-chat-right:328px;--sf-builder-chat-bottom:24px}
.sf-builder-topbar{grid-template-columns:minmax(0,1fr) auto auto}
.sf-builder-actions{flex-wrap:nowrap}
.sf-builder-actions .button{flex:none;white-space:nowrap}
.sf-builder .sf-shared-storefront-preview .sellios-web-chat{position:fixed;top:auto;right:var(--sf-builder-chat-right);bottom:var(--sf-builder-chat-bottom);z-index:1010;transform:none;pointer-events:none}
.sf-builder .sf-shared-storefront-preview .sellios-web-chat-launcher{min-height:48px;pointer-events:auto}
.sf-builder .sf-shared-storefront-preview .sellios-web-chat.is-open .sellios-web-chat-panel{position:fixed;right:var(--sf-builder-chat-right);bottom:calc(var(--sf-builder-chat-bottom) + 60px);z-index:1010;display:flex!important;pointer-events:auto}
@media(max-width:1200px){.sf-builder{--sf-builder-chat-right:298px}.sf-builder-actions .sf-autosave-state,.sf-builder-actions [data-action="sf-undo"],.sf-builder-actions [data-action="sf-redo"]{display:none}}
@media(max-width:850px){.sf-builder{--sf-builder-chat-right:max(12px,env(safe-area-inset-right));--sf-builder-chat-bottom:80px}.sf-builder .sf-shared-storefront-preview .sellios-web-chat-launcher{width:48px;min-width:48px;padding:0;justify-content:center}.sf-builder .sf-shared-storefront-preview .sellios-web-chat-launcher-label{display:none}}

/* Storefront section design controls — 2026-08-07 */
.sf-section-render{box-sizing:border-box;padding-block:var(--sf-section-pad,28px);border-radius:var(--sf-section-radius,0);overflow:hidden;cursor:pointer}
.sf-section-render.container-boxed{width:calc(100% - 32px);margin-inline:auto}.sf-section-render.container-full{width:100%;margin-inline:0}
.sf-section-render.width-narrow>*{max-width:760px;margin-inline:auto}.sf-section-render.width-wide>*{max-width:1040px;margin-inline:auto}.sf-section-render.width-full>*{max-width:none}
.sf-section-render .align-center,.sf-section-render .align-center header>div{text-align:center}.sf-section-render .align-right,.sf-section-render .align-right header>div{text-align:right}
.sf-section-render .align-center.sf-section-body>header{justify-content:center}.sf-section-render .align-right.sf-section-body>header{justify-content:flex-end}
.sf-store-hero{padding:0 50px}.sf-store-hero.layout-image-left>figure{order:-1}.sf-store-hero.layout-centered{grid-template-columns:1fr;text-align:center;min-height:320px}.sf-store-hero.layout-centered>div{max-width:720px;margin:auto}.sf-store-hero.layout-centered figure{display:none}.sf-store-hero.layout-cover{position:relative;display:grid;grid-template-columns:1fr;min-height:360px;color:#fff;overflow:hidden}.sf-store-hero.layout-cover>div{z-index:2;max-width:720px;padding:60px 20px}.sf-store-hero.layout-cover>figure{position:absolute;inset:0;height:auto;z-index:1}.sf-store-hero.layout-cover>figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,15,40,.78),rgba(25,15,40,.18))}.sf-store-hero.layout-cover p{color:#eee8f5}.sf-store-hero.layout-cover small{color:#d8c9ff}.sf-store-hero figure.has-image{overflow:hidden;border-radius:18px;background-repeat:no-repeat}.sf-store-hero figure.has-image:before,.sf-store-hero figure.has-image>i,.sf-store-hero figure.has-image>b{display:none}.sf-store-hero figure.has-image>.sf-media-overlay{position:absolute;inset:0;width:auto;height:auto;left:0;bottom:0;border-radius:inherit;box-shadow:none;background:transparent}
.sf-promo-preview figure.has-image,.sf-collection-preview figure.has-image{position:relative;background-repeat:no-repeat;overflow:hidden}.sf-media-overlay{position:absolute;inset:0;display:block}
.sf-hero-actions{display:flex;gap:8px;flex-wrap:wrap}.sf-store-hero.align-center .sf-hero-actions{justify-content:center}.sf-store-hero.align-right .sf-hero-actions{justify-content:flex-end}
.sf-setting-panel{display:block}.sf-setting-group{display:grid;gap:8px;margin:4px 0 16px;padding:12px;border:1px solid #e6e1eb;border-radius:12px;background:#faf9fc}.sf-setting-group>b{font-size:10px;color:#554d5d}.sf-setting-group label{display:grid;gap:6px;color:#5d5663;font-size:10px;font-weight:800}.sf-settings-content input[type="range"]{padding:0;border:0}.sf-settings-content input[type="color"]{height:42px;padding:4px}
.sf-image-control{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center}.sf-image-thumb,.sf-image-empty{width:56px;height:46px;border-radius:9px;background:#eee9f7 center/cover no-repeat}.sf-image-empty{display:grid;place-items:center;color:#6a3ee0;font-size:9px;font-weight:900;border:1px dashed #bcaef2}.sf-image-control>div:last-child{display:grid;gap:3px}.sf-image-control strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-image-control small{color:#8c8493;font-size:8px;line-height:1.4}.sf-upload-button{display:grid!important;place-items:center;padding:10px!important;margin:0!important;border:1px solid #cfc4f8;border-radius:9px;color:#6538dd!important;background:#f7f4ff;cursor:pointer}.sf-remove-media{padding:9px;border:0;background:transparent;color:#b43d55;font-size:10px;font-weight:800;cursor:pointer}
@media(max-width:560px){.sf-section-render.container-boxed{width:calc(100% - 16px)}.sf-store-hero{padding-inline:24px}.sf-store-hero.layout-cover>div{padding:42px 8px}}

/* Sellios for Desa storefront UX finalization */
.sf-storefront-quickstart{display:flex;align-items:center;gap:10px;padding:14px 16px;margin:16px 0 22px;border:1px solid #e8e4f3;border-radius:16px;background:#fff}.sf-storefront-quickstart span{display:flex;align-items:center;gap:8px;min-width:0}.sf-storefront-quickstart b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f0edff;color:#5b46e8;font-size:12px}.sf-storefront-quickstart small{font-weight:700;color:#50485e}.sf-storefront-quickstart i{color:#b0a7bc;font-style:normal}.sf-template-actions.is-single{grid-template-columns:1fr}.sf-template-cover.kdmp-desa,.sf-theme-preview.kdmp-desa{background:linear-gradient(135deg,#fff1f2,#fff7ed)}.sf-template-cover.bumdes-desa,.sf-theme-preview.bumdes-desa{background:linear-gradient(135deg,#eff6ff,#eef2ff)}.sf-template-cover.wisata-desa,.sf-theme-preview.wisata-desa{background:linear-gradient(135deg,#ecfdf5,#eff6ff)}.sf-template-cover.umkm-desa,.sf-theme-preview.umkm-desa{background:linear-gradient(135deg,#fff7ed,#fefce8)}
.sf-village-preview{display:grid;grid-template-columns:1.35fr .65fr;gap:24px;padding:34px}.sf-village-preview>div>small,.sf-affiliate-preview>div>small{font-size:11px;font-weight:800;letter-spacing:.12em;color:#6550d8}.sf-village-preview h3,.sf-affiliate-preview h3{margin:8px 0;font-size:27px}.sf-village-preview>div>div{display:flex;gap:10px;margin-top:18px}.sf-village-preview>div>div span{padding:12px;border:1px solid #ece7f4;border-radius:12px;display:flex;flex-direction:column}.sf-village-preview aside{padding:22px;border-radius:18px;background:#f5f2ff;display:flex;flex-direction:column;justify-content:center;gap:7px}.sf-village-preview aside>b{font-size:12px;letter-spacing:.18em;color:#7055e6}.sf-village-preview aside>strong{font-size:22px}.sf-unit-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sf-unit-preview article{padding:18px;border:1px solid #ece8f3;border-radius:16px;background:#fff;display:flex;flex-direction:column;gap:7px}.sf-unit-preview article>b{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#f0edff;color:#5b46e8}.sf-unit-preview article span{margin-top:8px;font-weight:800;color:#5b46e8;font-size:12px}.sf-affiliate-preview{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;padding:34px;border-radius:18px;background:linear-gradient(135deg,#f3f0ff,#fff)}.sf-affiliate-preview button{border:0;border-radius:10px;background:#5b46e8;color:#fff;font-weight:800;padding:11px 15px}.sf-affiliate-flow{display:flex;align-items:center;justify-content:center;gap:10px}.sf-affiliate-flow span{min-width:92px;padding:15px 10px;border-radius:14px;background:#fff;border:1px solid #e9e4f3;text-align:center}.sf-affiliate-flow span b{display:block;color:#5b46e8}.sf-affiliate-flow span small{display:block;margin-top:5px}.sf-affiliate-flow i{font-style:normal;color:#9e95aa}
.sf-system-page{padding:28px;min-height:620px;background:#fff}.sf-system-page>header{margin-bottom:22px}.sf-system-page>header small{font-weight:800;letter-spacing:.1em;color:#6d58d8}.sf-system-page>header h2{margin:7px 0;font-size:30px}.sf-system-toolbar{display:flex;gap:10px;margin-bottom:18px}.sf-system-toolbar input,.sf-system-page input,.sf-system-page textarea{width:100%;border:1px solid #ddd7e8;border-radius:10px;padding:11px;background:#fff}.sf-system-toolbar button,.sf-system-detail button,.sf-system-cart button,.sf-system-checkout button{border:0;border-radius:10px;padding:11px 14px;background:#5b46e8;color:#fff;font-weight:800}.sf-system-products{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sf-system-products article{border:1px solid #ebe6f2;border-radius:14px;padding:16px}.sf-system-products article>b{display:grid;place-items:center;height:100px;border-radius:12px;background:#f4f1fa;color:#6552d2;font-size:22px}.sf-system-products article span{display:flex;flex-direction:column;gap:5px;margin-top:12px}.sf-system-detail{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sf-system-detail figure{min-height:280px;border-radius:18px;background:#f1eef8;display:grid;place-items:center;font-size:48px;font-weight:900;color:#6d58d8}.sf-system-detail>div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px}.sf-system-detail strong{font-size:25px}.sf-system-cart,.sf-system-checkout{display:grid;grid-template-columns:1.4fr .6fr;gap:20px}.sf-system-cart aside,.sf-system-checkout aside{padding:20px;border:1px solid #e9e4ef;border-radius:15px;display:flex;flex-direction:column;gap:12px}.sf-system-checkout>div{display:grid;gap:10px}.sf-system-checkout label{display:grid;gap:5px;font-size:12px;font-weight:700}.sf-system-account{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sf-system-account article{padding:20px;border:1px solid #e9e4ef;border-radius:15px;display:flex;flex-direction:column;gap:7px}.sf-system-account article b{color:#5b46e8}.sf-system-settings{padding:18px}.sf-system-settings>b{font-size:17px}.sf-system-settings p{color:#756d7e;line-height:1.55}.sf-system-empty{color:#777}.sf-block-card[hidden]{display:none!important}
@media(max-width:980px){.sf-storefront-quickstart{overflow:auto}.sf-storefront-quickstart i{display:none}.sf-unit-preview,.sf-system-products{grid-template-columns:repeat(2,1fr)}.sf-village-preview,.sf-affiliate-preview,.sf-system-detail,.sf-system-cart,.sf-system-checkout{grid-template-columns:1fr}.sf-affiliate-flow{justify-content:flex-start;overflow:auto}}
@media(max-width:620px){.sf-unit-preview,.sf-system-products,.sf-system-account{grid-template-columns:1fr}.sf-village-preview,.sf-affiliate-preview,.sf-system-page{padding:20px}.sf-affiliate-flow i{display:none}.sf-affiliate-flow{display:grid;grid-template-columns:1fr}}

/* Storefront preferences: use the same soft, rounded form language as the Merchant OS. */
.content .sf-preferences-form fieldset{padding:20px;border:1px solid #e4ddec;border-radius:16px;background:#fcfbfe}
.content .sf-preferences-form legend{padding:0 7px;color:#382d49;font-size:16px;font-weight:800}
.content .sf-preferences-form label{color:#40364f;font-size:14px;font-weight:750}
.content .sf-preferences-form input:not([type="checkbox"]),.content .sf-preferences-form select{width:100%;min-height:46px;padding:0 13px;color:#29213a;border:1px solid #dcd4e6;border-radius:12px;outline:0;background:#fff;font:600 14px inherit;transition:border-color .18s ease,box-shadow .18s ease}
.content .sf-preferences-form input:not([type="checkbox"]):focus,.content .sf-preferences-form select:focus{border-color:#8a5cf4;box-shadow:0 0 0 3px rgba(124,58,237,.12)}
.content .sf-preferences-form input[type="color"]{padding:5px;cursor:pointer}
.content .sf-preferences-form input[type="color"]::-webkit-color-swatch-wrapper{padding:0}
.content .sf-preferences-form input[type="color"]::-webkit-color-swatch{border:0;border-radius:7px}
.content .sf-preferences-form .check-label{align-self:end;min-height:46px;padding:0 2px;color:#40364f;font-size:14px}
.content .sf-preferences-form .check-label input{width:20px;height:20px;margin:0;border-radius:6px;accent-color:#7c3aed}

/* Data binding for offer sections. A section now reads real merchant records,
   so the builder preview and the published storefront cannot drift apart. */
.sf-content-binding{display:grid;gap:12px;margin:0 0 16px;padding:13px;border:1px solid #e6e0ee;border-radius:13px;background:#fcfbfe}.sf-content-binding-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.sf-content-binding-heading b{display:block;font-size:11px;color:#40384b}.sf-content-binding-heading p{margin:4px 0 0;color:#827a89;font-size:10px;line-height:1.45}.sf-content-binding-heading em{flex:none;padding:5px 7px;border-radius:999px;background:#eee8ff;color:#6037d6;font-size:9px;font-style:normal;font-weight:850}.sf-content-binding-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sf-content-binding label{display:grid!important;gap:6px!important;margin:0!important;color:#5d5663!important;font-size:10px!important;font-weight:800!important}.sf-content-binding select,.sf-content-binding input{box-sizing:border-box}.sf-content-choice-list{display:grid;gap:7px;max-height:226px;overflow:auto;padding:2px}.sf-content-choice{grid-template-columns:34px 1fr!important;align-items:center;gap:9px!important;padding:8px!important;border:1px solid #e9e4ef;border-radius:10px;background:#fff;cursor:pointer}.sf-content-choice:has(input:checked){border-color:#9f83ee;background:#faf7ff}.sf-content-choice input{position:absolute;opacity:0;pointer-events:none}.sf-content-choice-thumb{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#eee9f7;color:#6840dc;font-size:8px;font-weight:900;background-position:center;background-size:cover}.sf-content-choice b{font-size:10px;color:#3f374a}.sf-content-choice small{display:block;margin-top:2px;color:#88808e;font-size:9px;font-weight:600}.sf-content-binding-note{margin:0;padding:10px;border-radius:9px;background:#f4f1f8;color:#7d7585;font-size:10px;line-height:1.45}.sf-preview-empty{display:grid;gap:4px;padding:18px;border:1px dashed #d8d1e1;border-radius:12px;background:#fcfbfd;color:#837b89;font-size:10px}.sf-preview-empty b{color:#5a5263;font-size:11px}.sf-item-preview figure.has-product-image{position:relative;background-position:center;background-size:cover}.sf-item-preview figure.has-product-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(27,20,39,.18))}.sf-item-preview figure.has-product-image span{position:relative;z-index:1}
.sf-content-binding-note{background:#eff9f3;color:#48705a}.sf-content-binding-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.sf-content-binding-actions small{max-width:56%;color:#776d83;font-size:10px;line-height:1.4}.sf-content-offers-link{appearance:none;border:0;background:transparent;color:#6938d4;font:inherit;font-size:11px;font-weight:800;cursor:pointer;padding:6px 0;text-align:right}.sf-content-offers-link:hover{text-decoration:underline}
@media(max-width:620px){.sf-content-binding-grid{grid-template-columns:1fr}.sf-content-binding-heading{display:grid}.sf-content-binding-heading em{width:max-content}}

/* Industry template visuals. The customer-facing screenshots replace the old
   abstract placeholder blocks, while card size and Merchant OS typography stay
   unchanged. */
.sf-template-cover,.sf-theme-preview,.storefront-status-preview{position:relative;isolation:isolate;overflow:hidden}
.sf-template-visual{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 37%;background:#f4f1f8}
.sf-template-cover .sf-template-visual{object-position:center 34%}
.sf-theme-preview .sf-template-visual{object-position:center 38%}
.storefront-status-preview .sf-template-visual{object-position:center 36%}

/* Industry Solution context: the chosen solution gets its own visual before
   its entitled theme cards, including industries that share a core template. */
.sf-theme-entitlement{grid-template-columns:minmax(0,1fr) 214px;gap:0;padding:0;align-items:stretch;overflow:hidden}
.sf-theme-entitlement-copy{display:grid;align-content:center;gap:4px;padding:15px 17px}
.sf-industry-visual{position:relative;min-height:132px;margin:0;overflow:hidden;background:#f3f0f8}
.sf-industry-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.sf-industry-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(27,18,42,.62))}
.sf-industry-visual figcaption{position:absolute;right:11px;bottom:9px;z-index:1;color:#fff;font-size:10px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
@media(max-width:620px){.sf-theme-entitlement{grid-template-columns:1fr}.sf-industry-visual{min-height:178px}.sf-industry-visual img{object-position:center 32%}}

/* Decision context stays inside the actual controls: it describes the live
   customer journey and required operational record without changing the dashboard scale. */
.business-module-journey{display:grid;gap:4px;margin-top:14px;padding:11px 12px;border:1px solid #eeeaf3;border-radius:13px;background:#faf9fc}.business-module-journey span,.sf-template-experience>span{color:#8b819c;font-size:10px;font-weight:850;letter-spacing:.09em}.business-module-journey strong{color:#464050;font-size:12px;line-height:1.45}.business-module-journey small{color:#88818e;font-size:11px;line-height:1.35}.business-module-card footer{padding-top:14px}.sf-template-experience{display:grid;gap:4px;padding:11px 12px;border:1px solid #ede8f4;border-radius:13px;background:#faf9fc}.sf-template-experience strong{color:#433c4c;font-size:12px;line-height:1.45}.sf-template-experience small{color:#837b8c;font-size:11px;line-height:1.4}

/* Universal builder V2: block library, canvas previews, and global studio panels. */
.sf-block-library-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.sf-block-library-heading span{color:#83798f;font-size:11px;line-height:1.35}.sf-block-library-heading input{width:190px;min-height:34px;padding:0 10px;border:1px solid #e2dcea;border-radius:10px;background:#fff;color:#2d2536;font:600 11px inherit}.sf-block-category-tabs{display:flex;gap:6px;overflow:auto;padding:0 0 9px;margin-bottom:10px;scrollbar-width:thin}.sf-block-category-tabs button{border:1px solid #e4ddec;border-radius:999px;padding:6px 9px;background:#fff;color:#756b80;font:800 10px inherit;white-space:nowrap;cursor:pointer}.sf-block-category-tabs button.is-active{border-color:#7445f5;background:#7445f5;color:#fff}.sf-block-group{display:grid;gap:7px;margin:0 0 12px}.sf-block-group h4{margin:3px 0;color:#6d6278;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.sf-block-empty{padding:14px;border:1px dashed #dcd3e6;border-radius:10px;color:#887e91;font-size:11px;line-height:1.45}.sf-block-card[hidden]{display:none!important}
.sf-layout-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:14px;border:1px dashed #b9acd1;border-radius:10px;background:#f7f4fb}.sf-layout-preview span{min-height:52px;border-radius:7px;background:linear-gradient(135deg,#eee8ff,#fff);border:1px solid #e4dbf5}.sf-text-preview{display:grid;gap:7px;padding:12px;color:#2d2536}.sf-text-preview h3,.sf-text-preview p{margin:0}.sf-text-preview h3{font-size:18px;line-height:1.15}.sf-text-preview p{color:#7d7486;font-size:11px;line-height:1.45}.sf-button-preview{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:35px;padding:0 14px;border-radius:999px;background:#7445f5;color:#fff;font-weight:800;font-size:11px}.sf-columns-preview{display:grid;grid-template-columns:repeat(var(--sf-columns,3),minmax(0,1fr));gap:8px}.sf-columns-preview span{display:grid;place-items:center;min-height:72px;border:1px solid #e5ddef;border-radius:10px;background:#faf8ff;color:#8b7e99;font-size:10px}.sf-spacer-preview{height:var(--sf-spacer-height,72px);display:grid;place-items:center;border:1px dashed #ded5e8;border-radius:9px;background:repeating-linear-gradient(135deg,#fbfaff,#fbfaff 7px,#f4f0f8 7px,#f4f0f8 14px);color:#998da7;font-size:10px}.sf-divider-preview{height:1px;margin:16px 0;background:#dcd3e5}.sf-image-preview{display:grid;gap:6px}.sf-image-preview figure,.sf-gallery-preview figure{position:relative;min-height:132px;margin:0;border-radius:11px;background:#f0edf5 center/cover no-repeat;overflow:hidden}.sf-image-preview figcaption,.sf-gallery-preview figcaption{position:absolute;right:8px;bottom:7px;left:8px;color:#fff;font-size:10px;font-weight:800;text-shadow:0 1px 4px #1e162c}.sf-gallery-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.sf-gallery-preview figure{min-height:84px}.sf-icon-content-preview{display:flex;align-items:center;gap:10px}.sf-block-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--sf-icon-bg,#f1edff);color:var(--sf-icon-color,#7445f5);font-size:18px;font-weight:900}.sf-logo-grid-preview,.sf-video-preview,.sf-search-preview,.sf-map-preview,.sf-form-preview,.sf-communication-preview,.sf-share-preview,.sf-trust-preview{display:grid;gap:8px;padding:12px;border:1px solid #e8e1ef;border-radius:11px;background:#fbfafe}.sf-logo-grid-preview{grid-template-columns:repeat(4,minmax(0,1fr))}.sf-logo-grid-preview span{height:24px;border-radius:6px;background:#eee9f7}.sf-video-preview{place-items:center;min-height:90px;color:#7445f5}.sf-video-preview strong{font-size:22px}.sf-search-preview{grid-template-columns:1fr auto;align-items:center}.sf-search-preview span{color:#9a91a2;font-size:11px}.sf-search-preview b{padding:6px 8px;border-radius:999px;background:#eee8ff;color:#633bd2;font-size:9px}.sf-map-preview{grid-template-columns:1fr auto;align-items:center}.sf-map-preview .sf-map-surface{position:relative;min-height:96px;border-radius:8px;background:linear-gradient(135deg,#dceee5,#e9e4f8);overflow:hidden}.sf-map-pin{position:absolute;width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:#7445f5;box-shadow:0 2px 5px #6d5c82;transform:translate(-50%,-50%)}.sf-form-preview label{display:grid;gap:4px;color:#746a80;font-size:9px;font-weight:800}.sf-form-preview input{min-height:25px;border:1px solid #e4ddec;border-radius:6px;background:#fff}.sf-communication-preview{grid-template-columns:auto 1fr;align-items:center}.sf-communication-preview strong{font-size:11px}.sf-communication-preview small{grid-column:2;color:#8f8598;font-size:9px}.sf-share-preview{display:flex;gap:6px}.sf-share-preview span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eee8ff;color:#633bd2;font-weight:900;font-size:10px}.sf-trust-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.sf-trust-preview span{display:grid;place-items:center;min-height:42px;border-radius:8px;background:#f1f8f2;color:#4e785f;font-size:9px;font-weight:800}
.sf-studio-center{max-width:1100px;margin:0 auto;padding:20px 0 48px}.sf-studio-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:22px;align-items:center;margin-bottom:18px}.sf-studio-intro h2{margin:4px 0 8px;color:#2b2335;font-size:27px;line-height:1.12}.sf-studio-intro p:not(.sf-kicker){max-width:650px;margin:0;color:#7e7488;font-size:13px;line-height:1.55}.sf-global-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sf-global-grid>article{display:grid;align-content:start;gap:10px;padding:18px;border:1px solid #e5ddec;border-radius:15px;background:#fff}.sf-global-grid h3{margin:0 0 3px;color:#3b3048;font-size:14px}.sf-global-field{display:grid;gap:6px;color:#6f6578;font-size:10px;font-weight:800}.sf-global-field input,.sf-global-field select,.sf-global-field textarea{box-sizing:border-box;width:100%;min-height:38px;padding:0 10px;border:1px solid #ded5e7;border-radius:9px;background:#fff;color:#33293d;font:600 12px inherit}.sf-global-field textarea{min-height:96px;padding:10px;resize:vertical}.sf-global-toggle{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid #ebe4f1;border-radius:10px;background:#fcfbfe;color:#4a4054;cursor:pointer}.sf-global-toggle input{margin-top:2px;accent-color:#7445f5}.sf-global-toggle span{display:grid;gap:3px}.sf-global-toggle small{color:#8a8091;font-size:10px;font-weight:600;line-height:1.35}.sf-brand-preview,.sf-search-engine-preview,.sf-map-studio-preview,.sf-chat-studio-preview,.sf-share-studio-preview,.sf-pwa-studio-preview,.sf-seo-preview{display:grid;gap:7px;padding:20px;border:1px solid #e4dbef;border-radius:16px;background:linear-gradient(135deg,var(--sf-brand-accent,#f4f0ff),#fff)}.sf-brand-preview strong{font-size:23px;color:#33293e}.sf-brand-preview button{width:max-content;border:0;border-radius:999px;padding:9px 13px;background:var(--sf-brand-primary,#7445f5);color:#fff;font:800 11px inherit}.sf-brand-preview span,.sf-search-engine-preview b,.sf-pwa-studio-preview small{color:#7d6c94;font-size:10px;font-weight:800}.sf-upload-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:10px;background:#7445f5;color:#fff;font-size:11px;font-weight:800;cursor:pointer}.sf-asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sf-asset-grid article{display:grid;gap:5px;padding:10px;border:1px solid #e8e1ef;border-radius:12px;background:#fff}.sf-asset-thumb{aspect-ratio:1.4;border-radius:8px;background:#f0edf5 center/cover no-repeat}.sf-asset-grid strong{overflow:hidden;color:#41364e;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.sf-asset-grid small{color:#94899d;font-size:9px}.sf-studio-empty,.sf-studio-note{padding:18px;border:1px dashed #dcd2e6;border-radius:12px;background:#fcfbfe;color:#82788d;font-size:11px;line-height:1.45}.sf-capability-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sf-capability-list span{padding:9px;border-radius:8px;background:#f6f2fb;color:#68597a;font-size:10px;font-weight:800}.sf-map-studio-preview{position:relative;min-height:100px;grid-template-columns:repeat(3,1fr);place-items:center;background:linear-gradient(135deg,#dff2e8,#eae4fc)}.sf-map-studio-preview span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#7445f5;color:#fff}.sf-map-studio-preview b{grid-column:1/-1;font-size:10px;color:#635472}.sf-chat-studio-preview{grid-template-columns:auto 1fr}.sf-chat-studio-preview span{grid-row:span 2;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#7445f5;color:#fff}.sf-chat-studio-preview strong{font-size:12px}.sf-chat-studio-preview small{color:#8a8092;font-size:10px}.sf-share-studio-preview{display:flex;align-items:center;justify-content:center;gap:9px}.sf-share-studio-preview span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#7445f5;color:#fff;font-size:10px;font-weight:900}.sf-pwa-studio-preview{min-height:130px;background:linear-gradient(145deg,#1e1632,#7445f5);color:#fff}.sf-pwa-studio-preview small{color:#ddd3f1}.sf-pwa-studio-preview nav{display:flex;justify-content:space-around;margin-top:auto;padding-top:12px;border-top:1px solid #ffffff45}.sf-pwa-studio-preview nav i{font-style:normal}.sf-seo-preview{gap:5px;background:#fff}.sf-seo-preview small{color:#27723e;font-size:10px}.sf-seo-preview strong{color:#1d4d2a;font-size:14px}.sf-seo-preview p{margin:0;color:#756c7c;font-size:11px;line-height:1.4}
.sf-builder-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.sf-builder-actions button:disabled{opacity:.42;cursor:not-allowed}.sf-autosave-state{color:#70826f;font-size:10px;font-weight:800}.sf-section-toolbar button:disabled{opacity:.35;cursor:not-allowed}
.sf-shared-storefront-preview{overflow:hidden;background:#fff}.sf-shared-storefront-preview .merchant-themed-store{min-height:460px}.sf-shared-storefront-preview .sf-shared-section{position:relative;cursor:pointer;outline:2px solid transparent;outline-offset:-2px;transition:outline-color .15s ease}.sf-shared-storefront-preview .sf-shared-section:hover{outline-color:#7445f5}.sf-shared-storefront-preview .sf-shared-section:focus-within{outline-color:#5d35ce}.sf-shared-storefront-preview .merchant-themed-store button:not([data-sf-object-type]),.sf-shared-storefront-preview .merchant-themed-store a:not([data-sf-object-type]){pointer-events:none}.sf-section-outline{display:grid;gap:10px;margin:16px;padding:13px;border:1px solid #e4ddec;border-radius:12px;background:#fcfbfe}.sf-section-outline>div{display:grid;gap:3px}.sf-section-outline>div>b{color:#40364f;font-size:12px}.sf-section-outline>div>small{color:#857b90;font-size:10px;line-height:1.35}.sf-section-outline ol{display:grid;gap:6px;margin:0;padding:0;list-style:none}.sf-section-outline li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;padding:5px;border:1px solid #eee8f3;border-radius:9px;background:#fff}.sf-section-outline li.is-selected{border-color:#9c7be8;background:#faf7ff}.sf-section-outline li.is-hidden{opacity:.55}.sf-section-outline li.sf-drop-before{box-shadow:0 -3px #7445f5}.sf-section-outline li>button{display:flex;min-width:0;align-items:center;gap:8px;border:0;background:transparent;color:#3e3449;font:700 11px inherit;text-align:left;cursor:pointer}.sf-section-outline li>button span{flex:none;color:#887d99;font-size:9px}.sf-section-outline li>button b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-section-outline .sf-section-toolbar{display:flex;gap:2px}.sf-section-outline .sf-section-toolbar button{width:23px;height:23px;padding:0;border:1px solid #e5ddec;border-radius:6px;background:#fff;color:#695b78;font:700 12px inherit;cursor:pointer}.sf-section-outline .sf-section-toolbar button:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:800px){.sf-studio-intro{grid-template-columns:1fr}.sf-global-grid{grid-template-columns:1fr}.sf-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-block-library-heading{align-items:flex-start;flex-direction:column}.sf-block-library-heading input{width:100%}.sf-studio-center{padding:12px 0 34px}}
@media(max-width:520px){.sf-logo-grid-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-gallery-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-trust-preview{grid-template-columns:1fr}.sf-studio-intro h2{font-size:23px}}

/* V2 progressive settings and universal block fallback. */
.sf-settings-tabs{display:flex;gap:5px;overflow:auto;padding:8px 0 10px;scrollbar-width:thin}.sf-settings-tabs button{flex:none;padding:7px 9px;border:1px solid #e3dce9;border-radius:999px;background:#fff;color:#7b7184;font:800 10px inherit;cursor:pointer}.sf-settings-tabs button.is-active{border-color:#7445f5;background:#7445f5;color:#fff}.sf-progressive-panel{min-height:185px}.sf-progressive-panel .sf-setting-group{display:grid;gap:9px}.sf-progressive-panel .sf-setting-group>b{color:#44384f;font-size:11px}.sf-progressive-panel .sf-setting-group label{display:grid;gap:5px}.sf-progressive-panel .sf-setting-group input,.sf-progressive-panel .sf-setting-group select{box-sizing:border-box;width:100%;min-height:34px;padding:0 9px;border:1px solid #ded5e7;border-radius:8px;background:#fff;color:#3d3249;font:600 11px inherit}.sf-progressive-panel .sf-setting-group input[type=range]{padding:0}.sf-progressive-panel .sf-global-toggle{display:flex!important;grid-template:none!important}.sf-generic-block-preview{display:flex;align-items:center;gap:12px;min-height:88px;padding:15px;border:1px solid #e8e1ef;border-radius:12px;background:linear-gradient(135deg,#fcfbff,#f4f0fb)}.sf-generic-block-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eee7ff;color:#6d3fe8;font-size:12px;font-weight:900}.sf-generic-block-preview div{display:grid;gap:4px}.sf-generic-block-preview small{color:#7d6e91;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.sf-generic-block-preview h3{margin:0;color:#33283e;font-size:15px}.sf-generic-block-preview p{margin:0;color:#867b91;font-size:10px;line-height:1.4}.sf-generic-block-preview em{color:#9d91aa;font-size:9px;font-style:normal}.sf-section-render[data-action=sf-select-section]{overflow:hidden}.sf-block-card{user-select:none}
@media(max-width:520px){.sf-settings-tabs{margin-right:-4px}.sf-settings-tabs button{padding:6px 8px;font-size:9px}.sf-generic-block-preview{min-height:72px;padding:11px}.sf-generic-block-icon{width:34px;height:34px}.sf-generic-block-preview h3{font-size:13px}}

/* Production editor guidance keeps the template identity and the next action
   visible while the merchant edits the real tenant draft. */
.sf-builder-context{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:10px 16px 0;padding:12px 16px;border:1px solid #e4d9fb;border-radius:14px;background:#fbf9ff}.sf-builder-context-copy{display:grid;gap:3px;min-width:0}.sf-builder-context-copy>span{color:#7850d9;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.sf-builder-context-copy strong{color:#312540;font-size:15px}.sf-builder-context-copy small{color:#6f6380;font-size:11px;font-weight:700}.sf-builder-context-copy p{margin:3px 0 0;color:#80758d;font-size:11px;line-height:1.45}.sf-builder-context img{width:120px;height:52px;object-fit:cover;border-radius:9px;background:#eee8fb}.sf-builder-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 16px 0}.sf-builder-guide>div{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #eee8f6;border-radius:10px;background:#fff}.sf-builder-guide b{display:grid;flex:none;place-items:center;width:22px;height:22px;border-radius:7px;background:#eee5ff;color:#7043df;font-size:11px}.sf-builder-guide span{display:grid;gap:1px;min-width:0}.sf-builder-guide strong{color:#4b4058;font-size:11px}.sf-builder-guide small{overflow:hidden;color:#887d95;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.sf-settings-heading p{margin:4px 0 0;color:#877c91;font-size:10px;line-height:1.4}.sf-builder .sf-settings-heading h3{margin-bottom:0}
.sf-template-scope{display:flex;align-items:center;gap:7px;margin:14px 0 4px;flex-wrap:wrap;color:#80758d;font-size:11px;font-weight:800}.sf-template-scope button{padding:7px 11px;border:1px solid #e2d9ee;border-radius:999px;background:#fff;color:#75687f;font:800 11px inherit;cursor:pointer}.sf-template-scope button.is-active{border-color:#7445f5;background:#f1eaff;color:#6538d4}.sf-template-preview-only{align-self:center;color:#897e91;font-size:10px;font-weight:800}
@media(max-width:850px){.sf-builder-context{margin:8px 10px 0}.sf-builder-guide{grid-template-columns:1fr;margin:8px 10px 0}.sf-builder-guide>div{padding:7px 9px}.sf-builder-context img{display:none}}

/* Merchant Website & Storefront workspace: the public-site extension uses
   the same panel language as the customer, pipeline, and inbox workspaces. */
.sf-workspace-tabs{margin-bottom:18px}.sf-merchant-workspace{display:grid;gap:20px;min-width:0;padding-bottom:40px}.sf-merchant-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:30px 32px;border:1px solid #e5dfef;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#faf8ff 66%,#f3edff 100%);box-shadow:0 16px 42px rgba(48,31,81,.045)}.sf-merchant-intro h2{max-width:780px;margin:0 0 9px;color:#241d32;font-size:31px;letter-spacing:-.04em;line-height:1.12}.sf-merchant-intro p:not(.sf-kicker){max-width:760px;margin:0;color:#787180;line-height:1.6}.sf-merchant-actions{display:flex;flex:none;gap:10px;flex-wrap:wrap}.sf-site-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sf-site-status article,.sf-workspace-panel,.sf-connection-card{min-width:0;border:1px solid #e5e0eb;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(43,28,75,.035)}.sf-site-status article{display:grid;align-content:start;gap:7px;min-height:116px;padding:19px}.sf-site-status span,.sf-connection-card>div>span{color:#8b8395;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.sf-site-status strong{overflow:hidden;color:#33293f;font-size:17px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.sf-site-status small{color:#817a89;font-size:12px;line-height:1.45}.sf-merchant-grid,.sf-appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sf-workspace-panel{padding:24px}.sf-workspace-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sf-workspace-panel h3{margin:0 0 6px;color:#33293f;font-size:19px;letter-spacing:-.02em}.sf-workspace-panel p:not(.sf-kicker){margin:0;color:#817a89;font-size:13px;line-height:1.55}.sf-workspace-panel .text-button{flex:none;border:0;background:transparent;color:#6740de;font:800 12px inherit;cursor:pointer}.sf-workspace-panel .sf-theme-preview{min-height:215px;margin-top:20px}.sf-source-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:23px}.sf-source-summary span{padding:12px;border-radius:12px;background:#f8f6fc;color:#766d80;font-size:12px}.sf-source-summary b{display:block;margin-bottom:3px;color:#493867;font-size:17px}.sf-core-connections{display:grid;gap:18px}.sf-connection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sf-connection-card{display:flex;flex-direction:column;justify-content:space-between;gap:17px;padding:17px}.sf-connection-card strong{display:block;margin:7px 0 5px;color:#31273e;font-size:20px}.sf-connection-card p{margin:0;color:#817a89;font-size:12px;line-height:1.45}.sf-connection-card .button{align-self:flex-start;font-size:11px}.sf-secondary-connections,.sf-content-tools{display:flex;align-items:center;justify-content:space-between;gap:20px}.sf-secondary-connections>div:last-child,.sf-content-tools>div:last-child{display:flex;gap:9px;flex-wrap:wrap}.sf-appearance-grid .sf-workspace-panel{display:grid;align-content:start;gap:11px}.sf-appearance-grid .sf-theme-preview{margin:8px 0}.sf-unsaved-dialog{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(24,17,39,.44)}.sf-unsaved-dialog section{width:min(100%,460px);padding:28px;border:1px solid #e0d7ed;border-radius:21px;background:#fff;box-shadow:0 24px 80px rgba(20,11,37,.28)}.sf-unsaved-dialog h2{margin:0 0 9px;color:#2e243a;font-size:24px;letter-spacing:-.03em}.sf-unsaved-dialog p:not(.sf-kicker){margin:0;color:#746b7d;line-height:1.55}.sf-unsaved-dialog section>div:last-child{display:flex;justify-content:flex-end;gap:9px;margin-top:22px;flex-wrap:wrap}
@media(max-width:1100px){.sf-site-status,.sf-connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sf-merchant-intro{align-items:flex-start;flex-direction:column}.sf-merchant-actions{width:100%}}
@media(max-width:700px){.sf-merchant-intro{padding:22px}.sf-merchant-intro h2{font-size:25px}.sf-merchant-actions .button{flex:1}.sf-merchant-grid,.sf-appearance-grid,.sf-site-status,.sf-connection-grid{grid-template-columns:1fr}.sf-secondary-connections,.sf-content-tools{align-items:flex-start;flex-direction:column}.sf-source-summary{grid-template-columns:1fr 1fr}.sf-workspace-tabs{overflow-x:auto;flex-wrap:nowrap}.sf-workspace-tabs button{flex:none}.sf-site-status article{min-height:0}}

/* This stays last because the universal Builder layer also defines the action
   cluster. Primary actions must not wrap below the fixed mobile toolbar. */
.sf-builder .sf-builder-actions{flex-wrap:nowrap}
@media(max-width:850px){.sf-builder-topbar{grid-template-columns:minmax(0,1fr) auto}.sf-builder-topbar>.sf-builder-view-switch{display:none}}

/* Canvas-first editor: the inspector is a temporary drawer, so the page
   preview keeps the width of the published storefront while it is closed. */
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-body{grid-template-columns:250px minmax(0,1fr)}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-left{width:250px}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-right{position:fixed;z-index:1200;top:68px;right:0;bottom:0;width:min(360px,calc(100vw - 24px));border-left:1px solid #dfd8ed;box-shadow:-18px 0 44px rgba(40,24,75,.16);transform:translateX(105%);transition:transform .2s ease;overflow:auto}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-right.is-open{transform:translateX(0)}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-right .sf-right-title{position:sticky;top:0;z-index:2;background:#fff}
.sf-builder[data-sf-builder-mode="elementor"] .sf-canvas-edit-help button{flex:none;padding:6px 10px;border:1px solid #d9cafc;border-radius:999px;background:#fff;color:#6740d6;font:800 10px inherit;cursor:pointer}
.sf-context-toolbar{position:sticky;top:8px;z-index:30;display:flex;align-items:center;gap:5px;width:max-content;max-width:calc(100% - 16px);margin:10px auto 0;padding:6px 7px;border:1px solid #d8c9fb;border-radius:10px;background:#2c1b53;color:#fff;box-shadow:0 9px 25px rgba(38,21,77,.24)}
.sf-context-toolbar strong{padding:0 5px;font-size:10px}.sf-context-toolbar button{padding:5px 7px;border:0;border-radius:6px;background:rgba(255,255,255,.12);color:#fff;font:800 10px inherit;cursor:pointer}.sf-context-toolbar button:hover{background:#7445f3}
.sf-context-toolbar-local{position:absolute;top:8px;right:8px;margin:0;max-width:calc(100% - 16px)}
.sf-object-toolbar-hint{display:grid;gap:3px;margin:0 0 12px;padding:11px;border-radius:10px;background:#f5f0ff}.sf-object-toolbar-hint b{color:#4d327c;font-size:12px}.sf-object-toolbar-hint span{color:#837594;font-size:10px}.sf-object-actions{display:flex;gap:7px;margin:0 0 15px}.sf-object-actions button{flex:1;padding:9px;border:1px solid #dfd4ef;border-radius:8px;background:#fff;color:#5e3ac4;font:800 11px inherit;cursor:pointer}.sf-object-actions button.is-danger{border-color:#f0c7d5;background:#fff6f8;color:#b3345e}.sf-object-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sf-object-control-grid label{display:grid;gap:5px}.sf-object-control-grid input[type="color"]{height:38px;padding:3px;cursor:pointer}.sf-object-media-actions{display:grid;gap:8px;margin-bottom:12px}.sf-advanced-object-button{width:100%;margin-top:12px;padding:10px;border:1px solid #ded3ef;border-radius:9px;background:#fff;color:#6840d7;font:800 11px inherit;cursor:pointer}
.sf-shared-storefront-preview [data-sf-object-type]{position:relative;outline:2px solid transparent;outline-offset:3px;cursor:pointer;transition:outline-color .15s ease,box-shadow .15s ease}.sf-shared-storefront-preview [data-sf-object-type]:hover,.sf-shared-storefront-preview [data-sf-object-type]:focus{outline-color:#a184ef;box-shadow:0 0 0 4px rgba(161,132,239,.12)}
.sf-shared-storefront-preview [data-sf-object-selected="true"]{outline-color:#7445f5;box-shadow:0 0 0 4px rgba(116,69,245,.14)}
.sf-shared-storefront-preview .sf-product-layout-list{grid-template-columns:1fr!important}.sf-shared-storefront-preview .sf-product-layout-featured{grid-template-columns:repeat(3,minmax(0,1fr))}.sf-shared-storefront-preview .sf-product-layout-featured>.merchant-product-card:first-child{grid-column:span 2}.sf-shared-storefront-preview [data-sf-product-layout="list"]{grid-column:1/-1}
.sf-shared-storefront-preview{isolation:isolate;contain:layout style paint;box-sizing:border-box}.sf-shared-storefront-preview *{box-sizing:border-box}.sf-shared-storefront-preview .sf-shared-section{position:relative}.sf-inline-add{position:absolute;z-index:20;left:50%;bottom:6px;display:flex;align-items:center;justify-content:center;min-height:26px;padding:4px 10px;border:1px solid #d7c8fa;border-radius:999px;background:#fff;color:#6237ca;font:800 10px inherit;box-shadow:0 6px 15px rgba(53,28,116,.14);opacity:0;pointer-events:none;transform:translate(-50%,50%);transition:opacity .15s ease,transform .15s ease;cursor:pointer}.sf-shared-section:hover>.sf-inline-add,.sf-shared-section:focus-within>.sf-inline-add,.sf-shared-section.is-selected>.sf-inline-add{opacity:1;pointer-events:auto;transform:translate(-50%,50%)}.sf-inline-add:hover{background:#f5f0ff;border-color:#a98de9}
@media(max-width:850px){.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-body{grid-template-columns:1fr}.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-left{width:auto}.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-right{top:68px;width:min(380px,100vw)}}

/* Final cascade guard: this follows every legacy and Elementor rule so an
   opened inspector is visible even when the global mobile rail rule applies. */
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-right.is-open{display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;pointer-events:auto!important}

/* Canvas-first production editor. The storefront is the primary work surface;
   page/widget and settings panels are drawers that never shrink the template. */
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-body{display:block!important;position:relative!important;height:calc(100% - 112px)!important;min-height:0!important;grid-template-columns:none!important}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-stage{width:100%!important;height:100%!important;min-width:0!important;overflow:auto!important;padding:24px clamp(18px,4vw,64px) 56px!important;background:#eef0f5!important}
.sf-builder[data-sf-builder-mode="elementor"] .sf-canvas-wrap{width:min(1280px,100%)!important;max-width:none!important;margin:0 auto!important}
.sf-builder[data-sf-builder-mode="elementor"] .sf-canvas-wrap.desktop{width:min(1280px,100%)!important}
.sf-builder[data-sf-builder-mode="elementor"] .sf-canvas{min-height:calc(100vh - 190px)!important;padding:12px!important}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-left{position:absolute!important;z-index:1400!important;top:0!important;left:0!important;bottom:0!important;width:min(320px,calc(100vw - 24px))!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:auto!important;background:#fff!important;border-right:1px solid #dfd8ed!important;box-shadow:18px 0 44px rgba(40,24,75,.16)!important;transform:translateX(-105%)!important;transition:transform .2s ease!important}
.sf-builder[data-sf-builder-mode="elementor"][data-sf-left-panel-open="true"] .sf-builder-left{transform:translateX(0)!important}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-right{position:absolute!important;z-index:1400!important;top:0!important;right:0!important;bottom:0!important;width:min(380px,calc(100vw - 24px))!important;min-height:0!important;display:block!important;overflow:auto!important;background:#fff!important;border-left:1px solid #dfd8ed!important;box-shadow:-18px 0 44px rgba(40,24,75,.16)!important;transform:translateX(105%)!important;transition:transform .2s ease!important;pointer-events:none!important;visibility:hidden!important;opacity:0!important}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-right.is-open{transform:translateX(0)!important;pointer-events:auto!important;visibility:visible!important;opacity:1!important}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-elementor-context{position:relative!important;z-index:1450!important;min-height:44px!important;padding:10px 18px!important}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-context-actions{display:flex;align-items:center;gap:7px;flex:none}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-context-actions button{padding:7px 11px;border:1px solid #d9cafc;border-radius:999px;background:#fff;color:#6740d6;font:800 10px inherit;cursor:pointer;white-space:nowrap}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-context-actions button:hover{background:#f4efff;border-color:#a98de9}
.sf-builder[data-sf-builder-mode="elementor"] .sf-canvas-edit-help{position:sticky;top:0;z-index:25}
@media(max-width:850px){
  .sf-builder[data-sf-builder-mode="elementor"] .sf-builder-body{height:calc(100% - 128px)!important}
  .sf-builder[data-sf-builder-mode="elementor"] .sf-builder-stage{padding:16px 12px 42px!important}
  .sf-builder[data-sf-builder-mode="elementor"] .sf-builder-elementor-context{align-items:flex-start;flex-wrap:wrap;padding:10px 12px!important}
  .sf-builder[data-sf-builder-mode="elementor"] .sf-builder-context-actions{width:100%;justify-content:flex-end}
  .sf-builder[data-sf-builder-mode="elementor"] .sf-builder-left,.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-right{top:0!important}
}

/* When settings are open, reserve a temporary third track for the inspector.
   This keeps the drawer visible even inside the transformed workspace shell;
   closing it returns the editor to the intended sidebar + canvas layout. */
.sf-builder[data-sf-builder-mode="elementor"][data-sf-inspector-open="true"] .sf-builder-body{grid-template-columns:250px minmax(0,1fr)!important}
.sf-builder[data-sf-builder-mode="elementor"][data-sf-inspector-open="true"] .sf-builder-right.is-open{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-height:0!important;transform:none!important;display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:2!important}
@media(max-width:850px){.sf-builder[data-sf-builder-mode="elementor"][data-sf-inspector-open="true"] .sf-builder-body{grid-template-columns:1fr!important}.sf-builder[data-sf-builder-mode="elementor"][data-sf-inspector-open="true"] .sf-builder-left{display:none!important}}

/* Keep the inspector a real overlay drawer at every editor viewport. The
   legacy mobile rule hides builder rails globally; an explicitly opened
   inspector must win that rule so UAT and keyboard users can reach the
   selected object's settings without restoring a third layout column. */
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-right.is-open{display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;pointer-events:auto!important}

/* Editor flow mirrors the merchant's actual publish journey. */
.sf-builder-guide{grid-template-columns:repeat(7,minmax(0,1fr));list-style:none;padding:0}
.sf-builder-guide>li{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #eee8f6;border-radius:10px;background:#fff}
@media(max-width:1100px){.sf-builder-guide{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.sf-builder-guide{grid-template-columns:1fr}.sf-builder-guide>li{padding:7px 9px}}

/* Visual editor foundation: direct manipulation remains lightweight and
   keeps the tenant draft as the only source of truth. */
.sf-canvas-edit-help{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 9px;padding:9px 12px;border:1px solid #e3d8fb;border-radius:10px;background:#fbf9ff;color:#75698a;font-size:10px;line-height:1.35}.sf-canvas-edit-help strong{color:#6538d4;font-size:10px}.sf-canvas-edit-help span{flex:1}.sf-canvas-edit-help::before{content:'✦';display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#eee6ff;color:#7041df;font-size:11px}.sf-canvas-edit-help b{padding:5px 8px;border-radius:999px;background:#efe9ff;color:#6740d6;font-size:9px;white-space:nowrap}.sf-shared-storefront-preview [data-sf-inline]{cursor:text;outline:2px solid transparent;outline-offset:3px;border-radius:4px;transition:outline-color .15s ease,background .15s ease}.sf-shared-storefront-preview [data-sf-inline]:hover,.sf-shared-storefront-preview [data-sf-inline]:focus{outline-color:#a184ef;background:rgba(238,230,255,.36)}.sf-shared-storefront-preview [data-sf-editable-media]{cursor:pointer;outline:2px dashed transparent;outline-offset:-4px;transition:outline-color .15s ease,filter .15s ease}.sf-shared-storefront-preview [data-sf-editable-media]:hover{outline-color:#a184ef;filter:brightness(.96)}.sf-shared-storefront-preview [data-sf-editable-media]::after{content:'Klik untuk mengganti gambar';position:absolute;z-index:4;right:8px;bottom:8px;display:none;padding:5px 8px;border-radius:999px;background:rgba(35,22,63,.82);color:#fff;font-size:9px;font-weight:800;pointer-events:none}.sf-shared-storefront-preview [data-sf-editable-media]:hover::after{display:block}.sf-section-outline li.is-dragging{opacity:.42}.sf-section-outline li.sf-drop-before{box-shadow:0 -3px #7445f5;background:#faf7ff}.sf-section-select{cursor:grab!important}.sf-section-select:active{cursor:grabbing!important}.sf-section-grip{font-size:13px!important;letter-spacing:-3px;color:#7653c7!important}.sf-section-outline li>button.sf-section-select{padding:4px 2px}.sf-section-outline li>button.sf-section-select>b{flex:1}.sf-section-outline li>button.sf-section-select>span:nth-child(2){font-size:9px;color:#9a8eb0}
@media(max-width:700px){.sf-canvas-edit-help{align-items:flex-start;flex-wrap:wrap}.sf-canvas-edit-help span{flex-basis:calc(100% - 35px)}.sf-canvas-edit-help b{margin-left:34px}.sf-builder-stage{padding:16px 12px 40px}}

/* Elementor-inspired production surface: pages stay visible in the left
   rail, widgets and structure share the same context, and the canvas is
   reserved for the real storefront preview. */
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-elementor-context{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 20px;border-bottom:1px solid #e7e2ee;background:#fbf9ff;color:#7b7187;font-size:11px}.sf-builder-elementor-context strong{color:#4d347c;font-size:12px}.sf-builder-elementor-context span{flex:1}.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-body{grid-template-columns:300px minmax(0,1fr);height:calc(100vh - 68px)}.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-left{display:flex;min-height:0;flex-direction:column}.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-left-tabs{flex:none;grid-template-columns:1fr 1fr;padding:10px 14px 8px;border-bottom:1px solid #eeeaf3}.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-left-tabs button{font-size:11px}.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-page-rail{flex:none;padding:14px 14px 10px;border-bottom:1px solid #eeeaf3;background:#fff}.sf-builder-page-rail>div:first-child{display:grid;gap:3px;margin-bottom:9px}.sf-builder-page-rail>div:first-child strong{color:#3e314b;font-size:12px}.sf-builder-page-rail>div:first-child small{color:#8a8091;font-size:10px}.sf-builder[data-sf-builder-mode="elementor"] .sf-page-list{padding:0;gap:5px}.sf-builder[data-sf-builder-mode="elementor"] .sf-page-list>p,.sf-builder[data-sf-builder-mode="elementor"] .sf-page-note{display:none}.sf-builder[data-sf-builder-mode="elementor"] .sf-page-list>button{min-height:34px;padding:8px 10px;border-radius:9px}.sf-builder[data-sf-builder-mode="elementor"] .sf-page-list>button span{font-size:11px}.sf-builder[data-sf-builder-mode="elementor"] .sf-page-list>button i{font-size:8px}.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-left-panel{min-height:0;overflow:auto;flex:1}.sf-builder[data-sf-builder-mode="elementor"] .sf-block-library,.sf-builder[data-sf-builder-mode="elementor"] .sf-section-outline{margin:0;padding:14px 14px 30px;border:0;border-radius:0}.sf-builder[data-sf-builder-mode="elementor"] .sf-section-outline{background:#fff}.sf-builder[data-sf-builder-mode="elementor"] .sf-section-outline>div{margin-bottom:10px}.sf-builder[data-sf-builder-mode="elementor"] .sf-section-outline li{grid-template-columns:minmax(0,1fr) auto}.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-stage{padding:24px;background:#f0f1f6}.sf-builder[data-sf-builder-mode="elementor"] .sf-canvas{min-height:calc(100vh - 180px);padding:12px}.sf-builder[data-sf-builder-mode="elementor"] .sf-canvas-wrap{box-shadow:0 16px 45px rgba(31,24,45,.12)}.sf-builder[data-sf-builder-mode="elementor"] .sf-add-section-button{margin:18px auto 4px}.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-guide,.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-context{display:none}.sf-builder[data-sf-builder-mode="elementor"] .sf-shared-storefront-preview{min-height:700px}.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-right{background:#fff}
@media(max-width:1200px){.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-body{grid-template-columns:270px minmax(0,1fr)}}
@media(max-width:850px){.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-elementor-context{align-items:flex-start;flex-direction:column;gap:4px;padding:11px 14px}.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-elementor-context span{font-size:10px}.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-body{height:calc(100vh - 68px);grid-template-columns:1fr}.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-left,.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-right{display:none}}

/* Global chrome is part of the editable page canvas. Keep the whole demo
   visible while making header, logo, and announcement targets obvious. */
.sf-shared-storefront-preview{overflow:visible}
.sf-shared-storefront-preview .sf-editor-global{position:relative;cursor:pointer;outline:2px solid transparent;outline-offset:-2px;transition:outline-color .15s ease,background .15s ease}
.sf-shared-storefront-preview .sf-editor-global:hover,.sf-shared-storefront-preview .sf-editor-global:focus{outline-color:#7445f5;background:rgba(238,230,255,.16)}
.sf-shared-storefront-preview .sf-editor-global::after{content:'Klik untuk mengedit';position:absolute;z-index:8;top:7px;right:8px;display:none;padding:5px 8px;border-radius:999px;background:rgba(45,28,79,.86);color:#fff;font-size:9px;font-weight:800;pointer-events:none}
.sf-shared-storefront-preview .sf-editor-global:hover::after,.sf-shared-storefront-preview .sf-editor-global:focus::after{display:block}
.sf-shared-storefront-preview [data-sf-global-element="logo"]{cursor:pointer;outline:2px dashed transparent;outline-offset:4px}
.sf-shared-storefront-preview [data-sf-global-element="logo"]:hover,.sf-shared-storefront-preview [data-sf-global-element="logo"]:focus{outline-color:#a184ef}
.sf-section-outline .sf-global-outline-row{grid-template-columns:minmax(0,1fr) auto;background:#fbf9ff;border-style:dashed}
.sf-section-outline .sf-global-outline-row>small{padding-right:5px;color:#8e7ab1;font-size:9px;font-weight:800}
.sf-section-outline .sf-outline-add{width:100%;margin:5px 0 0;padding:10px 12px;font-size:11px}
.sf-remove-section-action{width:100%;margin-top:10px;padding:10px 12px;border:1px solid #f0c7d5;border-radius:9px;background:#fff6f8;color:#b3345e;font:800 11px inherit;cursor:pointer}
.sf-remove-section-header{flex:none;padding:7px 10px;border:1px solid #f0c7d5;border-radius:8px;background:#fff6f8;color:#b3345e;font:800 10px inherit;cursor:pointer}
.sf-remove-section-header:hover,.sf-remove-section-action:hover{background:#ffedf2;border-color:#dc91a6}
.sf-structural-note{margin:10px 0 0}
.sf-global-settings .sf-setting-panel{display:grid;gap:12px}
.sf-global-settings .sf-setting-note{margin:0}

/* Final canvas-first overrides. The inspector is a temporary drawer rather
   than a third permanent column. */
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-body{grid-template-columns:250px minmax(0,1fr)}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-left{width:250px}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-right{position:fixed;z-index:1200;top:68px;right:0;bottom:0;width:min(360px,calc(100vw - 24px));border-left:1px solid #dfd8ed;box-shadow:-18px 0 44px rgba(40,24,75,.16);transform:translateX(105%);transition:transform .2s ease;overflow:auto}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-right.is-open{transform:translateX(0)}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-right .sf-right-title{position:sticky;top:0;z-index:2;background:#fff}
.sf-builder[data-sf-builder-mode="elementor"] .sf-canvas-edit-help button{flex:none;padding:6px 10px;border:1px solid #d9cafc;border-radius:999px;background:#fff;color:#6740d6;font:800 10px inherit;cursor:pointer}
.sf-context-toolbar{position:sticky;top:8px;z-index:30;display:flex;align-items:center;gap:5px;width:max-content;max-width:calc(100% - 16px);margin:10px auto 0;padding:6px 7px;border:1px solid #d8c9fb;border-radius:10px;background:#2c1b53;color:#fff;box-shadow:0 9px 25px rgba(38,21,77,.24)}
.sf-context-toolbar strong{padding:0 5px;font-size:10px}.sf-context-toolbar button{padding:5px 7px;border:0;border-radius:6px;background:rgba(255,255,255,.12);color:#fff;font:800 10px inherit;cursor:pointer}.sf-context-toolbar button:hover{background:#7445f3}
.sf-object-toolbar-hint{display:grid;gap:3px;margin:0 0 12px;padding:11px;border-radius:10px;background:#f5f0ff}.sf-object-toolbar-hint b{color:#4d327c;font-size:12px}.sf-object-toolbar-hint span{color:#837594;font-size:10px}.sf-object-actions{display:flex;gap:7px;margin:0 0 15px}.sf-object-actions button{flex:1;padding:9px;border:1px solid #dfd4ef;border-radius:8px;background:#fff;color:#5e3ac4;font:800 11px inherit;cursor:pointer}.sf-object-actions button.is-danger{border-color:#f0c7d5;background:#fff6f8;color:#b3345e}.sf-object-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sf-object-control-grid label{display:grid;gap:5px}.sf-object-control-grid input[type="color"]{height:38px;padding:3px;cursor:pointer}.sf-object-media-actions{display:grid;gap:8px;margin-bottom:12px}.sf-advanced-object-button{width:100%;margin-top:12px;padding:10px;border:1px solid #ded3ef;border-radius:9px;background:#fff;color:#6840d7;font:800 11px inherit;cursor:pointer}
.sf-shared-storefront-preview [data-sf-object-type]{position:relative;outline:2px solid transparent;outline-offset:3px;cursor:pointer;transition:outline-color .15s ease,box-shadow .15s ease}.sf-shared-storefront-preview [data-sf-object-type]:hover,.sf-shared-storefront-preview [data-sf-object-type]:focus{outline-color:#a184ef;box-shadow:0 0 0 4px rgba(161,132,239,.12)}
@media(max-width:850px){.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-body{grid-template-columns:1fr}.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-left{width:auto}.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-right{top:68px;width:min(380px,100vw)}}

/* Final cascade guard: an opened inspector remains visible after all legacy
   and Elementor rules, including the mobile rail reset. */
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-right.is-open{display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;pointer-events:auto!important}

/* Release guard: the canvas is always one full work surface. Panels open as
   drawers and must never restore the legacy three-column layout. */
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-body{display:block!important;position:relative!important;grid-template-columns:none!important;height:calc(100% - 112px)!important}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-stage{width:100%!important;min-width:0!important;height:100%!important;overflow:auto!important}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-left{position:absolute!important;top:0!important;left:0!important;bottom:0!important;width:min(320px,calc(100vw - 24px))!important;transform:translateX(-105%)!important;z-index:1400!important}
.sf-builder[data-sf-builder-mode="elementor"][data-sf-left-panel-open="true"] .sf-builder-left{transform:translateX(0)!important}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-right{position:absolute!important;top:0!important;right:0!important;bottom:0!important;width:min(380px,calc(100vw - 24px))!important;transform:translateX(105%)!important;display:block!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;z-index:1400!important}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-right.is-open{transform:translateX(0)!important;display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
@media(max-width:850px){.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-body{height:calc(100% - 128px)!important}.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-stage{padding:16px 12px 42px!important}.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-left,.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-right{top:0!important}}

/* Specificity guard for the legacy inspector selector. The drawer must win
   even while an object is selected and data-sf-inspector-open is true. */
.sf-builder[data-sf-builder-mode="elementor"][data-sf-inspector-open="true"] .sf-builder-body{display:block!important;grid-template-columns:none!important}
.sf-builder[data-sf-builder-mode="elementor"][data-sf-inspector-open="true"] .sf-builder-right.is-open{position:absolute!important;inset:0 0 0 auto!important;width:min(380px,calc(100vw - 24px))!important;transform:translateX(0)!important;display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:1400!important}

/* Keep the closed drawer discoverable to accessibility and runtime checks;
   it remains completely outside the canvas until the merchant opens it. */
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-right{visibility:visible!important;opacity:1!important;pointer-events:none!important}

/* The production shell can apply a transform for its entrance animation.
   A fixed child inside that containing block otherwise resolves its
   percentage height against a zero-height wrapper. Give the editor its own
   viewport-sized surface so the canvas and drawers remain measurable and
   usable in the live workspace and in browser automation. */
.sf-builder[data-sf-builder-mode="elementor"]{position:fixed!important;inset:0!important;height:100vh!important;min-height:100vh!important;display:flex!important;flex-direction:column!important}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-body{height:calc(100vh - 112px)!important;min-height:0!important;flex:1 1 auto!important}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-right.is-open{visibility:visible!important;opacity:1!important;display:block!important;pointer-events:auto!important}

/* Canonical preview viewport: the editor scrolls a logical device surface so
   browser media queries do not silently reflow a desktop page into a narrow
   rail. The same width metadata is consumed by preview and visual tests. */
.sf-canvas-wrap[data-sf-preview-viewport]{overflow:auto!important;max-width:100%!important}
.sf-canvas-viewport{width:var(--sf-logical-viewport-width,1440px);max-width:none;min-width:var(--sf-logical-viewport-width,1440px);margin:0 auto;background:#fff}
.sf-canvas-wrap.mobile .sf-canvas-viewport{margin-inline:auto}
.sf-canvas-wrap.desktop .sf-canvas-viewport,.sf-canvas-wrap.tablet .sf-canvas-viewport{min-height:100%;}
.sf-shared-storefront-preview{isolation:auto!important;contain:none!important;overflow:visible!important;box-sizing:border-box}
.sf-shared-storefront-preview .sf-shared-section{display:block;width:100%;min-width:0;margin:0;padding:0;box-sizing:border-box}
.sf-shared-storefront-preview .sf-shared-section>.sf-inline-add{pointer-events:auto}

/* P0 builder shell contract: the canvas is the only permanent work area;
   panels are contextual drawers with explicit accessibility state. */
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-left-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-inspector-drawer[aria-hidden="true"]{visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translateX(105%)!important}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-inspector-drawer[aria-hidden="false"]{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translateX(0)!important}
.sf-builder[data-sf-builder-mode="elementor"] [data-sf-dedicated-workspace="true"]{isolation:isolate}

/* Canonical builder blocker remediation: the inspector is contextual for
   every builder mode, while the editor panel and canvas remain the only
   permanent work areas. */
.sf-builder .sf-builder-body{position:relative;grid-template-columns:272px minmax(0,1fr)!important;min-width:0;box-sizing:border-box;overflow:hidden}
.sf-builder .sf-builder-stage{min-width:0;box-sizing:border-box}
.sf-builder .sf-builder-right.sf-builder-inspector-drawer{position:absolute!important;z-index:1400!important;top:0!important;right:0!important;bottom:0!important;width:min(380px,calc(100vw - 24px))!important;min-height:0!important;display:block!important;overflow:auto!important;background:#fff!important;border-left:1px solid #dfd8ed!important;box-shadow:-18px 0 44px rgba(40,24,75,.16)!important;transform:translateX(105%)!important;transition:transform .2s ease,visibility .2s ease,opacity .2s ease!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.sf-builder .sf-builder-right.sf-builder-inspector-drawer[aria-hidden="false"],
.sf-builder .sf-builder-right.sf-builder-inspector-drawer.is-open{transform:translateX(0)!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
.sf-builder .sf-builder-right .sf-right-title{position:sticky;top:0;z-index:2;background:#fff}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-body{display:block!important;grid-template-columns:none!important;height:calc(100vh - 112px)!important;flex:1 1 auto!important}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-stage{width:100%!important;height:100%!important}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-right.sf-builder-inspector-drawer{top:0!important;bottom:0!important}
.sf-builder[data-sf-builder-mode="elementor"] .sf-builder-left{position:absolute!important;z-index:1400!important;top:0!important;left:0!important;bottom:0!important;width:min(320px,calc(100vw - 24px))!important;transform:translateX(-105%)!important}
.sf-builder[data-sf-builder-mode="elementor"][data-sf-left-panel-open="true"] .sf-builder-left{transform:translateX(0)!important}
@media(max-width:850px){
  .sf-builder .sf-builder-body{grid-template-columns:1fr!important}
  .sf-builder .sf-builder-left{display:none}
  .sf-builder[data-sf-builder-mode="elementor"] .sf-builder-left{display:flex}
  .sf-builder .sf-builder-right.sf-builder-inspector-drawer{top:0!important;width:min(380px,100vw)!important}
  .sf-builder[data-sf-builder-mode="elementor"] .sf-builder-body{height:calc(100vh - 128px)!important}
}