.ilena-extra-backdrop{position:fixed;inset:0;z-index:4090;background:rgba(22,18,16,.42);backdrop-filter:blur(2px)}
.ilena-extra-backdrop[hidden],.ilena-extra-modal[hidden]{display:none!important}
.ilena-mini-cart,.ilena-compare-drawer{position:fixed;z-index:4091;inset:0 0 0 auto;width:min(440px,100vw);padding:24px;background:#fff;color:#211d1a;box-shadow:-18px 0 50px rgba(20,15,10,.16);transform:translateX(105%);transition:transform .24s ease;display:flex;flex-direction:column}
.ilena-mini-cart.is-open,.ilena-compare-drawer.is-open{transform:translateX(0)}
.ilena-mini-cart header,.ilena-compare-drawer header,.ilena-filter-sheet>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9e5e1;padding-bottom:16px}
.ilena-mini-cart h2,.ilena-compare-drawer h2,.ilena-filter-sheet h2{font-family:inherit;font-size:22px;line-height:1.25;font-weight:600;margin:0}
.ilena-mini-cart header button,.ilena-compare-drawer header button,.ilena-filter-sheet header button,.ilena-extra-dismiss{border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:inherit;width:44px;height:44px}
.ilena-mini-cart__body,.ilena-compare-drawer [data-compare-content]{overflow:auto;flex:1;padding:12px 0}
.ilena-mini-cart__item,.ilena-compare-item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #eee9e4}
.ilena-mini-cart__item img,.ilena-compare-item img{width:64px;height:64px;object-fit:cover;background:#f7f6f3;border-radius:4px}
.ilena-mini-cart__item strong,.ilena-compare-item strong{display:block;font-size:14px}.ilena-mini-cart__item small,.ilena-compare-item small{display:block;color:#716a64;font-size:12px;margin-top:4px}.ilena-mini-cart__item>b,.ilena-compare-item b{font-size:12px;white-space:nowrap}
.ilena-mini-cart__subtotal{display:flex;justify-content:space-between;padding:18px 0;font-size:15px}.ilena-mini-cart footer{display:grid;gap:10px;padding-top:12px}
.ilena-compare-table{min-width:100%;overflow:auto}.ilena-compare-table__row{display:grid;grid-template-columns:92px repeat(var(--compare-count,3),minmax(110px,1fr));gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #eee9e4;font-size:13px}.ilena-compare-table__labels{align-items:start}.ilena-compare-table__product{display:flex;flex-direction:column;gap:6px;min-width:0}.ilena-compare-table__product img{width:76px;height:76px;object-fit:cover;background:#f7f6f3}.ilena-compare-table__product a{color:inherit;font-weight:600}.ilena-compare-table__product button{align-self:flex-start;border:0;background:transparent;color:#8d2e2b;text-decoration:underline;padding:4px 0;cursor:pointer}
.ilena-extra-primary{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 18px;border:0;background:#8d2e2b;color:white;text-decoration:none;font-weight:600;cursor:pointer}
.ilena-extra-loading,.ilena-extra-empty{padding:24px 8px;color:#645c55}.ilena-compare-item{grid-template-columns:64px 1fr auto}.ilena-compare-item button,.ilena-extra-clear{border:0;background:transparent;color:#8d2e2b;text-decoration:underline;cursor:pointer;padding:8px}.ilena-compare-drawer .ilena-extra-clear{align-self:flex-start}
.ilena-extra-modal{position:fixed;z-index:4092;left:50%;top:50%;transform:translate(-50%,-46%);width:min(760px,calc(100vw - 32px));padding:24px;background:#fff;box-shadow:0 24px 80px rgba(20,15,10,.22);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:center;opacity:0;transition:opacity .18s ease,transform .18s ease}
.ilena-extra-modal:not([hidden]){opacity:1;transform:translate(-50%,-50%)}.ilena-extra-modal img{width:100%;aspect-ratio:1;object-fit:cover;background:#f7f6f3}.ilena-extra-modal h2{font-size:clamp(22px,3vw,32px);margin:8px 0}.ilena-extra-eyebrow{color:#716a64;font-size:13px}.ilena-extra-price{font-weight:700;font-size:20px}.ilena-extra-availability{display:flex;align-items:center;gap:8px;margin:10px 0 16px;padding:8px 10px;background:#f7f5f1;color:#514a43;font-size:12px;line-height:1.4}.ilena-extra-availability::before{content:'';width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#57764e}.ilena-extra-availability[hidden]{display:none!important}.ilena-extra-dismiss{position:absolute;right:12px;top:12px}
.card1[data-product-card]{position:relative}.ilena-card-quick{cursor:pointer}.card1 .ilena-card-quick .material-icons{color:#171614;font-size:20px;line-height:1}.ilena-card-compare{position:absolute;z-index:3;right:10px;bottom:10px;padding:5px 8px;border:1px solid rgba(35,29,24,.18);border-radius:999px;background:rgba(255,255,255,.96);color:#27221d;font-size:10px;line-height:1.2;opacity:0;transition:opacity .18s ease,background .18s ease}.card1:hover .ilena-card-compare,.ilena-card-compare:focus-visible,.ilena-card-compare[aria-pressed=true]{opacity:1}.ilena-card-compare[aria-pressed=true]{background:#8d2e2b;color:#fff;border-color:#8d2e2b}
.ilena-filter-sheet{position:fixed;z-index:4091;inset:auto 0 0;max-height:min(86dvh,760px);padding:20px 20px max(20px,env(safe-area-inset-bottom));background:#fff;color:#211d1a;border-radius:18px 18px 0 0;box-shadow:0 -18px 48px rgba(20,15,10,.2);transform:translateY(102%);transition:transform .24s ease;display:flex;flex-direction:column}.ilena-filter-sheet.is-open{transform:translateY(0)}.ilena-filter-sheet__content{overflow:auto;padding:12px 0;overscroll-behavior:contain}.ilena-filter-sheet .container-filter{display:block!important;max-height:none!important;overflow:visible!important}.ilena-filter-sheet footer{padding-top:12px}.ilena-filter-sheet footer button{width:100%}
.ilena-filter-sheet__sort{display:grid;gap:6px;padding:12px 0;font-size:13px;font-weight:600}.ilena-filter-sheet__sort select{min-height:44px;padding:8px 12px;border:1px solid #d9d2cb;background:#fff;color:inherit}
.ilena-cart-empty__illustration{display:block;width:144px;height:96px;margin:0 auto 18px;color:#8d2e2b}
body.ilena-extra-open{overflow:hidden}
.ilena-product-gallery__stage>img.img-detail-prev{transition:opacity .2s ease}.ilena-product-gallery__stage>img.img-detail-prev.is-crossfading{opacity:.25}.ilena-heart-pop{animation:ilena-heart-pop .28s ease-out}@keyframes ilena-heart-pop{50%{transform:scale(1.35);color:#8d2e2b}}
@media(max-width:700px){.ilena-extra-modal{grid-template-columns:1fr;gap:12px;padding:18px;max-height:88dvh;overflow:auto}.ilena-extra-modal img{max-height:38dvh}.ilena-card-compare{opacity:1;right:7px;bottom:7px}.ilena-mini-cart,.ilena-compare-drawer{padding:18px}.ilena-filter-sheet .container-filter{width:100%}}
@media (min-width:701px) and (max-width:1024px) {
    .ilena-extra-modal { width:min(720px,calc(100vw - 40px)); max-height:calc(100dvh - 32px); padding:clamp(16px,2.6vw,24px); gap:clamp(14px,2.8vw,24px); overflow:auto; }
    .ilena-extra-modal img { max-height:calc(100dvh - 100px); }
}
@media (min-width:701px) and (max-width:1024px) and (hover:none) and (pointer:coarse) {
    body.ilena-storefront .ilena-catalog-grid .card1 .card1-content-img-kanan,
    body.ilena-storefront .product-detail-soft .ilena-product-related-grid .card1-content-img-kanan { opacity:1; transform:none; }
    body.ilena-storefront .ilena-catalog-grid .card1 .card1-btn-img,
    body.ilena-storefront .product-detail-soft .ilena-product-related-grid .card1-btn-img { width:44px; height:44px; }
    body.ilena-storefront .ilena-catalog-grid .card1 .ilena-card-compare,
    body.ilena-storefront .product-detail-soft .ilena-product-related-grid .ilena-card-compare { opacity:1; }
}
@media(prefers-reduced-motion:reduce){.ilena-mini-cart,.ilena-compare-drawer,.ilena-extra-modal,.ilena-card-compare,.ilena-filter-sheet{transition:none}}

/* Mobile comparison is a bottom sheet; keep the comparison grid readable and swipeable. */
@media (max-width: 700px) {
    .ilena-compare-drawer {
        inset: auto 0 0;
        box-sizing: border-box;
        width: 100%;
        height: min(78dvh, 680px);
        max-height: calc(100dvh - env(safe-area-inset-top) - 12px);
        padding: 18px 16px max(10px, env(safe-area-inset-bottom));
        border: 1px solid rgba(55, 43, 34, .10);
        border-bottom: 0;
        border-radius: 18px 18px 0 0;
        box-shadow: 0 -18px 48px rgba(20, 15, 10, .20);
        transform: translateY(105%);
        overscroll-behavior: contain;
    }
    .ilena-compare-drawer.is-open { transform: translateY(0); }
    .ilena-compare-drawer > header {
        flex: 0 0 auto;
        align-items: center;
        gap: 12px;
        padding-bottom: 12px;
    }
    .ilena-compare-drawer > header h2 { font-size: 19px; }
    .ilena-compare-drawer [data-compare-content] {
        min-height: 0;
        padding: 6px 0 12px;
        overflow: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }
    .ilena-compare-table {
        width: max-content;
        min-width: 100%;
        overflow: visible;
    }
    .ilena-compare-table__row {
        width: max-content;
        min-width: 100%;
        grid-template-columns: 76px repeat(var(--compare-count, 3), 112px);
        gap: 8px;
        padding: 11px 0;
        font-size: 12px;
    }
    .ilena-compare-table__row > :first-child {
        position: sticky;
        left: 0;
        z-index: 1;
        align-self: stretch;
        display: flex;
        align-items: center;
        padding-right: 4px;
        background: #fff;
        color: #6d6259;
        font-size: 11px;
        line-height: 1.35;
    }
    .ilena-compare-table__labels > :first-child { align-items: flex-start; padding-top: 5px; }
    .ilena-compare-table__product { gap: 7px; }
    .ilena-compare-table__product img { width: 64px; height: 64px; border-radius: 3px; }
    .ilena-compare-table__product a {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 12px;
        line-height: 1.4;
    }
    .ilena-compare-table__product button {
        min-height: 44px;
        padding: 5px 0;
        font-size: 11px;
    }
    .ilena-compare-table__row strong { font-weight: 650; }
    .ilena-compare-table__row [role="cell"] { overflow-wrap: anywhere; line-height: 1.45; }
    .ilena-compare-table__row:nth-child(3) [role="cell"] { color: #8d2e2b; font-weight: 700; }
    .ilena-compare-drawer .ilena-extra-clear {
        flex: 0 0 auto;
        align-self: stretch;
        min-height: 44px;
        border-top: 1px solid #eee9e4;
        color: #8d2e2b;
        text-align: center;
        text-decoration: none;
    }
    .ilena-card-compare {
        display: grid;
        width: 44px;
        height: 44px;
        min-height: 44px;
        padding: 0;
        place-items: center;
        border: 0;
        border-radius: 50%;
        background: transparent;
        box-shadow: none;
        font-size: 0;
        -webkit-tap-highlight-color: transparent;
    }
    .ilena-card-compare::before {
        content: '⇄';
        display: grid;
        width: 30px;
        height: 30px;
        place-items: center;
        border: 1px solid rgba(141, 46, 43, .20);
        border-radius: 50%;
        background: rgba(255, 255, 255, .97);
        color: #702622;
        font-size: 16px;
        line-height: 1;
        box-shadow: 0 2px 7px rgba(25, 18, 14, .09);
    }
    .ilena-card-compare[aria-pressed="true"]::before { border-color: #8d2e2b; background: #8d2e2b; color: #fff; }
}

/* Small, interaction-led motion; no continuous animation loops or layout-heavy effects. */
@media(min-width:701px){body.ilena-storefront .ilena-topbar{position:sticky;top:0;transition:box-shadow .2s ease}body.ilena-storefront .ilena-topbar .container{transition:padding .2s ease}body.ilena-storefront .ilena-topbar.is-scroll-compact{box-shadow:0 8px 24px rgba(20,15,10,.2)}body.ilena-storefront .ilena-topbar.is-scroll-compact .container{padding-top:5px!important;padding-bottom:5px!important}body.ilena-storefront .ilena-topbar.is-scroll-compact .ilena-topbar__inner{min-height:44px}}
body.ilena-storefront .navbar-hp-atas{transition:height .18s ease,padding .18s ease}
body.ilena-storefront .navbar-hp-atas.is-scroll-compact{height:60px!important;padding-top:8px!important;padding-bottom:8px!important;box-shadow:0 6px 20px rgba(20,15,10,.18)}
body.ilena-storefront .navbar-hp-atas.is-scroll-compact>a:first-child img{width:32px;height:32px}
body.ilena-storefront .navbar-hp-atas.is-scroll-compact .ilena-mobile-sister-brands img{max-height:19px;width:auto}
body.ilena-storefront .ilena-topbar a,body.ilena-storefront .navbar-hp-atas a{transition:color .16s ease,opacity .16s ease}
.btn-default-merah,.ilena-extra-primary,.btn-lonjong{position:relative;isolation:isolate;overflow:hidden;transform:translateZ(0);transition:transform .14s ease,filter .14s ease}
.btn-default-merah:active,.ilena-extra-primary:active,.btn-lonjong:active{transform:scale(.975);filter:brightness(.94)}
.ilena-button-ripple{position:absolute;z-index:0;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.34);transform:scale(0);animation:ilena-ripple .48s ease-out forwards}
.btn-default-merah>:not(.ilena-button-ripple),.ilena-extra-primary>:not(.ilena-button-ripple),.btn-lonjong>:not(.ilena-button-ripple){position:relative;z-index:1}
@keyframes ilena-ripple{to{transform:scale(1);opacity:0}}
.ilena-recommendation-controls{display:flex;gap:8px;margin-left:auto}.ilena-recommendation-arrow{width:42px;height:42px;border:1px solid #d8d0c7;background:#fff;color:#28231f;font-size:25px;line-height:1;cursor:pointer;transition:background .16s ease,color .16s ease}.ilena-recommendation-arrow:hover:not(:disabled){background:#28231f;color:#fff}.ilena-recommendation-arrow:disabled{opacity:.38;cursor:default}
.ilena-product-related-heading{display:flex;align-items:end;justify-content:space-between;gap:18px}
.ilena-product-related-grid.is-carousel{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;padding-bottom:8px}
.ilena-product-related-grid.is-carousel>.card1{flex:0 0 23.5%;min-width:0;scroll-snap-align:start}
.ilena-recently-viewed{margin:38px auto 12px;width:min(100%,1280px)}.ilena-recently-viewed h2{font-size:clamp(19px,2vw,25px);margin:0 0 14px}.ilena-recently-viewed__rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ilena-recently-viewed__item{display:flex;align-items:center;gap:12px;min-width:0;padding:10px;border:1px solid #eee9e4;color:inherit;text-decoration:none;transition:border-color .18s ease,transform .18s ease}.ilena-recently-viewed__item:hover{border-color:#b4a79a;transform:translateY(-2px)}.ilena-recently-viewed__item img{width:64px;height:64px;flex:none;object-fit:cover;background:#f7f6f3}.ilena-recently-viewed__item span{font-size:13px;font-weight:600;line-height:1.4}
@view-transition{navigation:auto}
::view-transition-old(root){animation:ilena-page-out .1s ease both}::view-transition-new(root){animation:ilena-page-in .18s ease both}
@keyframes ilena-page-out{to{opacity:.88}}@keyframes ilena-page-in{from{opacity:.88;transform:translateY(3px)}to{opacity:1;transform:none}}
.ilena-global-search input,.ilena-chat-compose textarea,.ilena-filter-sheet select{transition:border-color .16s ease,box-shadow .16s ease}
.ilena-cart-feedback.is-success{padding-left:44px}.ilena-cart-feedback.is-success::before{content:'✓';position:absolute;left:14px;top:50%;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#42684d;color:#fff;font-size:13px;font-weight:700;transform:translateY(-50%) scale(.5);animation:ilena-check-in .24s cubic-bezier(.2,.8,.3,1.2) forwards}.ilena-cart-feedback.is-error::before{content:none}@keyframes ilena-check-in{to{transform:translateY(-50%) scale(1)}}
@media(max-width:1000px){.ilena-product-related-grid.is-carousel>.card1{flex-basis:32%}.ilena-recently-viewed__rail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ilena-product-related-heading{align-items:center}.ilena-recommendation-arrow{width:38px;height:38px}.ilena-product-related-grid.is-carousel>.card1{flex-basis:52%}.ilena-recently-viewed{padding-inline:14px}.ilena-recently-viewed__rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ilena-recently-viewed__item{gap:8px;padding:8px}.ilena-recently-viewed__item img{width:48px;height:48px}.ilena-recently-viewed__item span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ilena-topbar,.navbar-hp-atas,.btn-default-merah,.ilena-extra-primary,.btn-lonjong,.ilena-recommendation-arrow,.ilena-recently-viewed__item,.ilena-global-search input,.ilena-chat-compose textarea,.ilena-filter-sheet select{transition:none!important}.ilena-recommendation-grid,.ilena-product-related-grid{scroll-behavior:auto!important}.ilena-cart-feedback.is-success::before{animation:none!important;transform:translateY(-50%) scale(1)}::view-transition-old(root),::view-transition-new(root){animation:none!important}}

/* Clear, calm notification surfaces: warm white, readable contrast, one accent. */
body.ilena-storefront .pemberitahuan {
    box-sizing: border-box;
    width: min(100% - 32px, 600px);
    min-height: 52px;
    align-items: center;
    gap: 12px;
    margin: 16px auto;
    padding: 14px 18px;
    border: 1px solid #e6ded5;
    border-left: 4px solid #8d2e2b;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(39, 31, 25, .07);
    color: #292522;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.55;
    text-align: left;
}
body.ilena-storefront .pemberitahuan::before {
    content: "i";
    display: grid;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    place-items: center;
    margin: 0;
    border-radius: 50%;
    background: #f6eeeb;
    box-shadow: none;
    color: #8d2e2b;
    font: 700 14px/1 Georgia, serif;
}
body.ilena-storefront .pemberitahuan.hijau {
    border-left-color: #47745a;
    background: #fff;
    color: #263b2d;
}
body.ilena-storefront .pemberitahuan.hijau::before {
    content: "✓";
    background: #edf5ef;
    color: #356247;
    font: 700 13px/1 Arial, sans-serif;
}
body.ilena-storefront .ilena-cart-feedback {
    box-sizing: border-box;
    max-width: min(390px, calc(100vw - 32px));
    padding: 14px 18px;
    border: 1px solid #e6ded5;
    border-left: 4px solid #47745a;
    border-radius: 10px;
    background: #fff;
    color: #292522;
    box-shadow: 0 12px 34px rgba(39, 31, 25, .14);
    font-size: 14px;
    font-weight: 550;
    line-height: 1.5;
}
body.ilena-storefront .ilena-cart-feedback.is-error {
    border-left-color: #a33430;
    background: #fff;
    color: #392522;
}
body.ilena-storefront .ilena-cart-feedback.is-success { padding-left: 48px; }
body.ilena-storefront .ilena-cart-feedback.is-success::before { left: 15px; }
body.ilena-storefront .toast {
    z-index: 4200;
    width: min(420px, calc(100vw - 32px));
    border: 1px solid #e6ded5;
    border-top: 3px solid #8d2e2b;
    border-radius: 10px;
    background: #fff;
    color: #292522;
    box-shadow: 0 16px 44px rgba(39, 31, 25, .16);
}
body.ilena-storefront .toast .toast-body { padding: 16px; font-size: 14px; line-height: 1.55; }
@media (max-width: 700px) {
    body.ilena-storefront .pemberitahuan { width: calc(100% - 28px); margin-block: 12px; padding: 12px 14px; font-size: 14px; }
    body.ilena-storefront .ilena-cart-feedback { right: 14px; left: 14px; bottom: calc(78px + env(safe-area-inset-bottom)); max-width: none; width: auto; }
}
@media (prefers-reduced-motion: reduce) {
    body.ilena-storefront .pemberitahuan { animation: none; }
}

body.ilena-storefront .ilena-product-stock {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #292522;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
}
body.ilena-storefront .ilena-product-stock__icon { width: 20px; height: 20px; display:inline-grid; place-items:center; flex:0 0 20px; border-radius:50%; background:#edf4ec; color:#47734c; font-size:12px; font-weight:800; }
body.ilena-storefront .ilena-product-stock__quantity { margin-left:2px; padding:4px 9px; border-radius:999px; background:#f4f1ed; color:#67594d; font-size:11px; font-weight:600; white-space:nowrap; }
body.ilena-storefront .ilena-product-stock.is-unavailable { color:#8d302b; }
body.ilena-storefront .ilena-product-stock.is-unavailable .ilena-product-stock__icon { background:#f8eeec; color:#8d302b; }
body.ilena-storefront .ilena-product-stock__quantity[hidden] { display:none; }
body.ilena-storefront .ilena-dimension-diagram { box-sizing:border-box; width:100%; max-width:390px; min-width:0; margin:14px 0 16px; padding:clamp(8px,3vw,12px); border:1px solid #e5dbd0; border-radius:7px; background:#faf8f5; color:#342c27; }
body.ilena-storefront .ilena-dimension-diagram svg { display:block; width:100%; max-width:300px; height:auto; margin-inline:auto; overflow:visible; }
body.ilena-storefront .ilena-dimension-diagram__outline { fill:none; stroke:#463b34; stroke-width:2.2; stroke-linejoin:round; stroke-linecap:round; }
body.ilena-storefront .ilena-dimension-diagram__measure { fill:none; stroke:#963a35; stroke-width:1.5; stroke-dasharray:3 2; }
body.ilena-storefront .ilena-dimension-diagram marker path { fill:#963a35; }
body.ilena-storefront .ilena-dimension-values { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:16px; margin:4px 0 0; }
body.ilena-storefront .ilena-dimension-values > div { min-width:0; padding:9px 2px 8px; border-top:1px solid #e7dfd6; }
body.ilena-storefront .ilena-dimension-values dt { margin:0; color:#71685f; font-size:11px; font-weight:500; line-height:1.35; }
body.ilena-storefront .ilena-dimension-values dd { margin:3px 0 0; color:#302923; font-size:clamp(13px,3.6vw,15px); font-weight:650; line-height:1.3; overflow-wrap:anywhere; }
body.ilena-storefront .ilena-dimension-values dd span { color:#786e64; font-size:11px; font-weight:500; }
body.ilena-storefront .ilena-fit-guide {
    margin-top: 20px;
    padding: 18px;
    border: 1px solid #e8e1d8;
    border-radius: 10px;
    background: #faf8f5;
}
body.ilena-storefront .ilena-fit-guide h3,
body.ilena-storefront .ilena-product-help h3 { margin: 0 0 8px; color: #292522; font-size: 16px; font-weight: 650; line-height: 1.35; }
body.ilena-storefront .ilena-fit-guide > p { margin: 0 0 14px; color: #625b54; font-size: 14px; line-height: 1.55; }
body.ilena-storefront .ilena-fit-guide__fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
body.ilena-storefront .ilena-fit-guide__fields label { display: grid; gap: 6px; color: #49433e; font-size: 13px; font-weight: 600; }
body.ilena-storefront .ilena-fit-guide__fields input { box-sizing: border-box; width: 100%; min-height: 44px; padding: 9px 11px; border: 1px solid #cfc6bc; border-radius: 6px; background: #fff; color: #292522; font: inherit; }
body.ilena-storefront .ilena-fit-guide__fields input:focus-visible { outline: 3px solid rgba(141, 46, 43, .2); border-color: #8d2e2b; }
body.ilena-storefront .ilena-fit-guide__button { min-height: 44px; margin-top: 12px; padding: 9px 16px; border: 0; border-radius: 5px; background: #8d2e2b; color: #fff; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
body.ilena-storefront .ilena-fit-guide__result { margin: 12px 0 0; font-size: 14px; line-height: 1.5; }
body.ilena-storefront .ilena-fit-guide__result:empty { display: none; }
body.ilena-storefront .ilena-fit-guide__result.is-pass { color: #315b3c; }
body.ilena-storefront .ilena-fit-guide__result.is-fail,
body.ilena-storefront .ilena-fit-guide__result.is-invalid { color: #8d302b; }
body.ilena-storefront .ilena-product-help { display: grid; grid-template-columns: 1fr repeat(4, auto); align-items: center; gap: 12px; margin-top: 16px; padding: 14px 0; border-top: 1px solid #e9e3dc; }
body.ilena-storefront .ilena-product-help h3 { margin: 0; font-size: 14px; }
body.ilena-storefront .ilena-product-help a { display: inline-flex; align-items: center; gap: 5px; min-height: 44px; color: #71312d; font-size: 13px; font-weight: 600; text-decoration: none; }
body.ilena-storefront .ilena-product-help a:hover { text-decoration: underline; }
body.ilena-storefront .ilena-product-policy-note,
body.ilena-storefront .ilena-preorder-note { margin: 10px 0 14px; padding: 12px 14px; border: 1px solid #eadfd6; border-left: 3px solid #8d2e2b; border-radius: 7px; background: #fffaf7; color: #423833; font-size: 14px; line-height: 1.55; }
body.ilena-storefront .ilena-preorder-note a { color: #7c2825; font-weight: 700; text-underline-offset: 2px; }
body.ilena-storefront .ilena-commerce-panel { margin: 22px 0 12px; padding: 18px 0; border-top: 1px solid #e9e3dc; color: #292522; }
body.ilena-storefront .ilena-commerce-notice { margin:0 0 12px; padding:11px 14px; border:1px solid #d9e4d9; border-radius:6px; background:#f5faf5; color:#35523a; font-size:14px; line-height:1.5; }
body.ilena-storefront .ilena-commerce-panel__heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
body.ilena-storefront .ilena-commerce-panel__heading span { color:#826f61; font-size:10px; letter-spacing:.14em; font-weight:700; }
body.ilena-storefront .ilena-commerce-panel__heading h2 { margin:4px 0 0; font-size:clamp(18px,2vw,24px); font-weight:650; }
body.ilena-storefront .ilena-commerce-panel__designer { color:#71312d; font-size:13px; font-weight:650; text-decoration:none; }
body.ilena-storefront .ilena-commerce-panel__muted { margin:12px 0; color:#716b66; font-size:14px; }
body.ilena-storefront .ilena-commerce-panel__login { display:inline-flex; min-height:34px; align-items:center; margin:6px 0 0 4px; padding:0 13px; border:1px solid #8d2e2b; border-radius:4px; background:#8d2e2b; color:#fff; font-size:12px; font-weight:650; text-decoration:none; transition:background-color .18s ease,border-color .18s ease,transform .18s ease; }
body.ilena-storefront .ilena-commerce-panel__login:hover { border-color:#702522; background:#702522; color:#fff; transform:translateY(-1px); }
body.ilena-storefront .ilena-commerce-panel__login:focus-visible { outline:3px solid rgba(141,46,43,.25); outline-offset:3px; }
body.ilena-storefront .ilena-commerce-feedback { padding:12px 0; border-bottom:1px solid #eee8e0; }
body.ilena-storefront .ilena-commerce-feedback p { margin:6px 0 0; font-size:14px; line-height:1.55; white-space:pre-wrap; }
body.ilena-storefront .ilena-commerce-feedback__meta { display:flex; align-items:center; flex-wrap:wrap; gap:10px; font-size:13px; }
body.ilena-storefront .ilena-commerce-feedback__meta span { color:#78675c; font-size:12px; }
body.ilena-storefront .ilena-commerce-feedback__purchase-hint { grid-column:1/-1; color:#756e68; font-size:12px; line-height:1.45; }
body.ilena-storefront .ilena-commerce-feedback__privacy { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:10px 18px; margin:0; padding:10px 12px; border:1px solid #e7dfd6; border-radius:6px; }
body.ilena-storefront .ilena-commerce-feedback__privacy legend { float:none; width:auto; margin:0; padding:0 5px; color:#554d46; font-size:12px; font-weight:600; }
body.ilena-storefront .ilena-commerce-feedback__privacy label { display:flex; grid-template-columns:none; align-items:center; gap:7px; min-height:32px; margin:0; font-weight:500; }
body.ilena-storefront .ilena-commerce-feedback__privacy input[type=radio] { width:16px; height:16px; margin:0; accent-color:#8d2e2b; }
body.ilena-storefront .ilena-commerce-panel__details { margin-top:10px; border-bottom:1px solid #eee8e0; }
body.ilena-storefront .ilena-commerce-panel__details summary { min-height:46px; display:flex; align-items:center; justify-content:space-between; cursor:pointer; color:#71312d; font-weight:650; font-size:14px; }
body.ilena-storefront .ilena-commerce-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:4px 0 16px; }
body.ilena-storefront .ilena-commerce-form label { display:grid; gap:5px; color:#554d46; font-size:12px; font-weight:600; }
body.ilena-storefront .ilena-commerce-form__review-fields { display:grid; grid-column:1/-1; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
body.ilena-storefront .ilena-commerce-form__review-fields[hidden] { display:none; }
body.ilena-storefront .ilena-commerce-form__review-fields small { grid-column:1/-1; color:#756e68; font-size:12px; line-height:1.45; }
body.ilena-storefront .ilena-commerce-form input:not([type=checkbox]), body.ilena-storefront .ilena-commerce-form select, body.ilena-storefront .ilena-commerce-form textarea { box-sizing:border-box; width:100%; min-height:42px; padding:9px 10px; border:1px solid #d9d1c8; border-radius:5px; background:#fff; color:#292522; font:inherit; font-size:14px; }
body.ilena-storefront .ilena-commerce-form textarea { resize:vertical; }
body.ilena-storefront .ilena-commerce-form input:focus-visible, body.ilena-storefront .ilena-commerce-form select:focus-visible, body.ilena-storefront .ilena-commerce-form textarea:focus-visible { outline:3px solid rgba(141,46,43,.17); border-color:#8d2e2b; }
body.ilena-storefront .ilena-commerce-form .ilena-commerce-consent { grid-column:1/-1; display:flex; align-items:flex-start; font-weight:400; font-size:13px; }
body.ilena-storefront .ilena-commerce-panel__submit { justify-self:start; min-height:44px; padding:9px 16px; border:0; border-radius:5px; background:#8d2e2b; color:#fff; font:inherit; font-size:13px; font-weight:650; cursor:pointer; }

/* Product detail: keep shopping decisions together; place supporting features in a full-width, quieter section. */
body.ilena-storefront .ilena-product-aftercare { width:100%; margin:30px 0 0; padding-top:8px; border-top:1px solid #e9e3dc; }
body.ilena-storefront .ilena-product-aftercare .ilena-product-help {
    grid-template-columns:minmax(170px,1.15fr) repeat(4,minmax(110px,1fr));
    gap:12px 22px; margin:0; padding:16px 0 12px; border:0;
}
body.ilena-storefront .ilena-product-aftercare .ilena-product-help h3 { color:#292522; font-size:14px; }
body.ilena-storefront .ilena-product-aftercare .ilena-product-help a { justify-content:space-between; border-bottom:1px solid #e9e3dc; color:#71312d; font-size:12px; }
body.ilena-storefront .ilena-product-aftercare .ilena-product-policy-note {
    margin:0; padding:9px 0 11px; border:0; border-top:1px solid #f0ece7; border-radius:0;
    background:transparent; color:#716b66; font-size:12px; line-height:1.55;
}
body.ilena-storefront .ilena-product-aftercare .ilena-commerce-panel { margin:8px 0 12px; padding:22px 0 8px; border-top:1px solid #e9e3dc; }
body.ilena-storefront .ilena-product-aftercare .ilena-commerce-panel__heading { align-items:flex-end; }
body.ilena-storefront .ilena-product-aftercare .ilena-commerce-panel__heading h2 { color:#292522; font-weight:550; }
body.ilena-storefront .ilena-product-aftercare .ilena-commerce-panel__designer { min-height:38px; display:inline-flex; align-items:center; padding:0 2px; border-bottom:1px solid #8d2e2b; }
body.ilena-storefront .ilena-product-aftercare .ilena-commerce-feedback { max-width:900px; padding:14px 0 10px; border-bottom:1px solid #eee8e0; }
body.ilena-storefront .ilena-product-aftercare .ilena-commerce-panel__details { max-width:900px; }
body.ilena-storefront .ilena-product-aftercare .ilena-commerce-form { max-width:760px; }
body.ilena-storefront #garansi-produk,
body.ilena-storefront #perawatan,
body.ilena-storefront #pengiriman,
body.ilena-storefront #perakitan { scroll-margin-top:112px; }

@media (max-width: 900px) {
    body.ilena-storefront .ilena-product-aftercare { margin-top:22px; }
    body.ilena-storefront .ilena-product-aftercare .ilena-product-help { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 14px; }
    body.ilena-storefront .ilena-product-aftercare .ilena-product-help h3 { grid-column:1/-1; margin-bottom:5px; }
    body.ilena-storefront .ilena-product-aftercare .ilena-commerce-panel__heading { align-items:flex-start; }
}
@media (max-width: 520px) {
    body.ilena-storefront .ilena-product-aftercare .ilena-product-help { grid-template-columns:1fr; }
    body.ilena-storefront .ilena-product-aftercare .ilena-product-help h3 { grid-column:auto; }
    body.ilena-storefront .ilena-product-aftercare .ilena-commerce-panel { padding-top:18px; }
    body.ilena-storefront .ilena-product-aftercare .ilena-commerce-panel__heading { flex-direction:column; gap:10px; }
    body.ilena-storefront .ilena-product-aftercare .ilena-commerce-panel__designer { min-height:34px; }
    body.ilena-storefront .ilena-commerce-form__review-fields { grid-template-columns:1fr; }
}
body.ilena-storefront .ilena-commerce-form small { align-self:center; color:#756e68; font-size:11px; }
body.ilena-storefront .ilena-order-service-request { margin-bottom:16px; padding:14px; border:1px solid #e8e1d8; border-radius:8px; background:#faf8f5; }
body.ilena-storefront .ilena-order-service-request summary { min-height:42px; cursor:pointer; color:#71312d; font-weight:650; }
body.ilena-storefront .ilena-order-service-request p { color:#655d56; font-size:13px; line-height:1.5; }
body.ilena-storefront .ilena-order-service-request form { display:grid; gap:10px; }
body.ilena-storefront .ilena-order-service-request label { display:grid; gap:5px; font-size:13px; font-weight:600; }
body.ilena-storefront .ilena-order-service-request input, body.ilena-storefront .ilena-order-service-request select, body.ilena-storefront .ilena-order-service-request textarea { box-sizing:border-box; width:100%; min-height:42px; padding:9px; border:1px solid #d9d1c8; border-radius:5px; background:#fff; font:inherit; }
body.ilena-storefront .ilena-service-case-tracker { margin:0 0 22px; padding:16px; border:1px solid #e8e1d8; border-radius:9px; background:#fff; }
body.ilena-storefront .ilena-service-case-tracker h2 { margin:0 0 10px; font-size:17px; font-weight:650; }

/* Refined cart confirmation: light, compact and consistent with Ilena's warm storefront palette. */
body.ilena-storefront .ilena-cart-feedback {
    right:24px; bottom:24px; left:auto; width:min(390px,calc(100vw - 32px)); max-width:390px;
    display:flex; align-items:center; gap:12px; padding:14px 17px;
    border:1px solid #e8dfd5; border-radius:7px; border-left:1px solid #e8dfd5;
    background:#fffdfa; color:#302923; box-shadow:0 14px 36px rgba(42,32,24,.16);
    font-size:13px; font-weight:550; line-height:1.5;
}
body.ilena-storefront .ilena-cart-feedback.is-success { padding-left:17px; }
body.ilena-storefront .ilena-cart-feedback::before {
    position:static; top:auto; left:auto; width:25px; height:25px; flex:0 0 25px;
    display:grid; place-items:center; border-radius:50%; transform:none;
    background:#edf3eb; color:#496b49; font:700 13px/1 Arial,sans-serif; animation:none;
}
body.ilena-storefront .ilena-cart-feedback.is-success::before { content:'✓'; }
body.ilena-storefront .ilena-cart-feedback.is-error {
    border:1px solid #eadbd6; background:#fffaf8; color:#49302b;
}
body.ilena-storefront .ilena-cart-feedback.is-error::before { content:'!'; background:#f7e9e6; color:#8d302b; }
@media (max-width:700px) {
    body.ilena-storefront .ilena-cart-feedback,
    body.ilena-storefront .ilena-cart-feedback.is-visible {
        position:fixed; z-index:5000;
        right:12px; bottom:calc(88px + env(safe-area-inset-bottom)); left:12px;
        box-sizing:border-box; width:auto; max-width:480px; margin-inline:auto;
        transform:translateY(8px); padding:12px 14px;
    }
    body.ilena-storefront .ilena-cart-feedback.is-visible { transform:translateY(0); }
}
@media (prefers-reduced-motion:reduce) {
    body.ilena-storefront .ilena-cart-feedback { transition:none !important; }
}
@media (max-width: 700px) {
    body.ilena-storefront .ilena-fit-guide { padding: 14px; }
    body.ilena-storefront .ilena-product-help { grid-template-columns: 1fr; gap: 2px; }
    body.ilena-storefront .ilena-product-help h3 { margin-bottom: 4px; }
    body.ilena-storefront .ilena-product-help a { justify-content: space-between; border-top: 1px solid #eee8e0; }
    body.ilena-storefront .ilena-commerce-panel { padding:16px 0; }
    body.ilena-storefront .ilena-commerce-panel__heading { align-items:flex-start; flex-direction:column; gap:8px; }
    body.ilena-storefront .ilena-commerce-form { grid-template-columns:1fr; }
}

/* Compact top-corner flash notices for storefront feedback. */
body.ilena-storefront #main-content .pemberitahuan.is-floating-notice {
    position: fixed !important;
    z-index: 5000;
    top: calc(18px + env(safe-area-inset-top));
    right: max(18px, env(safe-area-inset-right));
    left: auto;
    width: min(420px, calc(100vw - 32px));
    max-height: min(32vh, 220px);
    overflow: auto;
    margin: 0 !important;
    padding: 14px 46px 14px 16px;
    border: 1px solid #e7dfd7;
    border-left: 4px solid #a42b32;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(31, 25, 22, .16);
    opacity: 1;
    transform: translateY(0);
    transition: opacity .22s ease, transform .22s ease;
    animation: ilena-notice-enter .24s ease-out both;
}
body.ilena-storefront #main-content .pemberitahuan.is-floating-notice::before {
    content: "!";
    width: 22px;
    height: 22px;
    flex-basis: 22px;
    border-radius: 50%;
    background: #f8eeee;
    color: #a42b32;
}
body.ilena-storefront #main-content .pemberitahuan.is-floating-notice.hijau {
    border-left-color: #47745a;
}
body.ilena-storefront #main-content .pemberitahuan.is-floating-notice.hijau::before {
    content: "✓";
    background: #edf5ef;
    color: #356247;
}
body.ilena-storefront #main-content .pemberitahuan.is-floating-notice .ilena-notice-dismiss {
    position: absolute;
    top: 7px;
    right: 7px;
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #5e5751;
    font: 24px/1 Arial, sans-serif;
    cursor: pointer;
}
body.ilena-storefront #main-content .pemberitahuan.is-floating-notice .ilena-notice-dismiss:hover { background: #f4f0ec; }
body.ilena-storefront #main-content .pemberitahuan.is-floating-notice.is-notice-leaving {
    opacity: 0;
    transform: translateY(-8px);
    pointer-events: none;
}
@keyframes ilena-notice-enter {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 700px) {
    body.ilena-storefront #main-content .pemberitahuan.is-floating-notice {
        top: calc(10px + env(safe-area-inset-top));
        right: max(12px, env(safe-area-inset-right));
        width: min(420px, calc(100vw - 24px));
        max-height: min(28vh, 190px);
        padding: 12px 44px 12px 13px;
        font-size: 14px;
    }
}
@media (prefers-reduced-motion: reduce) {
    body.ilena-storefront #main-content .pemberitahuan.is-floating-notice { animation: none; transition: none; }
}