/* BEGIN assets/css/front-mobile-v7.css */
:root{--bg:#f8fafc;--card:#fff;--text:#1e293b;--muted:#64748b;--line:#e2e8f0;--indigo:#4f46e5;--indigo2:#3730a3;--pink:#ec4899;--soft:#f1f5f9}html[data-theme=dark]{--bg:#0b1121;--card:#151f32;--text:#e2e8f0;--muted:#94a3b8;--line:#2a3752;--soft:#0f172a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:14px}.ds-shell{max-width:1248px;margin:0 auto;padding:0 16px}.ds-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-inner{height:76px;display:grid;grid-template-columns:245px minmax(360px,1fr) 330px;gap:22px;align-items:center}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);min-width:0}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--indigo);color:#fff;font-weight:900;display:grid;place-items:center}.brand b{display:block;font-size:15px;letter-spacing:.2px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.searchbar{height:52px;border-radius:16px;background:#eef2f7;display:flex;align-items:center;gap:14px;padding:0 16px}html[data-theme=dark] .searchbar{background:#0f172a}.searchbar span{color:#64748b;font-size:22px}.searchbar input{flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:14px}.searchbar button{width:48px;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--muted);font-size:12px;line-height:1}.searchbar button small{display:block;font-size:9px}.head-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px}.head-actions button,.head-actions a{position:relative;border:0;background:transparent;color:var(--muted);text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;cursor:pointer}.head-actions span{font-size:19px;line-height:1}.head-actions i{position:absolute;top:-6px;right:11px;min-width:18px;height:18px;border-radius:999px;background:var(--pink);color:#fff;font-style:normal;font-size:10px;font-weight:800;display:grid;place-items:center}.head-actions .moon{width:38px;height:38px;border:1px solid var(--line);border-radius:999px;display:grid;place-items:center}.head-actions .moon span{font-size:18px}.main-wrap{padding-top:32px}.hero-card{height:365px;border-radius:24px;background:linear-gradient(110deg,#4f46e5 0%,#4338ca 55%,#312e81 100%);box-shadow:0 20px 38px rgba(30,41,59,.15);color:#fff;overflow:hidden;display:grid;grid-template-columns:1fr 360px;gap:30px;padding:32px;position:relative}.hero-card:before{content:"";position:absolute;right:-90px;top:-80px;width:380px;height:380px;border-radius:50%;background:rgba(255,255,255,.08);filter:blur(25px)}.hero-copy{position:relative;z-index:2;max-width:900px}.hero-badge{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.09);padding:6px 12px;border-radius:999px;font-weight:800;font-size:12px;margin-bottom:18px}.hero-copy h1{font-size:30px;line-height:1.18;margin:0 0 10px;font-weight:900;letter-spacing:.2px;max-width:760px}.hero-copy p{font-size:16px;line-height:1.6;color:#c7d2fe;margin:0 0 24px;max-width:760px}.hero-buttons{display:flex;gap:12px;margin-bottom:32px}.btn{border-radius:12px;padding:12px 22px;text-decoration:none;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer}.btn.primary{background:#fff;color:var(--indigo)}.btn.secondary{background:rgba(49,46,129,.7);color:#fff;border:1px solid rgba(255,255,255,.14)}.hero-benefits{border-top:1px solid rgba(255,255,255,.12);padding-top:23px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.hero-benefits div{display:grid;grid-template-columns:36px 1fr;column-gap:10px}.hero-benefits span{grid-row:1/3;width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.09);display:grid;place-items:center;color:#67e8f9}.hero-benefits b{font-size:14px}.hero-benefits small{color:#c7d2fe;font-size:12px}.hero-art{position:relative;z-index:2;display:grid;place-items:center}.digital-card{width:190px;height:174px;border-radius:22px;background:linear-gradient(135deg,#22d3ee,#4f80f5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;transform:rotate(6deg);box-shadow:0 20px 60px rgba(14,165,233,.34)}.digital-card span{font-size:54px;color:rgba(255,255,255,.86)}.digital-card b{background:#fff;color:var(--indigo);border-radius:999px;padding:7px 18px;letter-spacing:2px;font-size:13px}.float,.spark{position:absolute;font-style:normal}.crown{left:12px;top:60px;background:#f59e0b;border-radius:15px;padding:14px;font-size:22px;transform:rotate(-12deg)}.zap{right:18px;bottom:74px;background:#ec4899;border-radius:999px;width:48px;height:48px;display:grid;place-items:center;font-size:20px}.s1{left:0;bottom:100px;color:#67e8f9;font-size:28px}.s2{right:0;top:135px;color:#fde047;font-size:34px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;padding-top:32px}.section-head{margin-bottom:24px}.section-head h2{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:22px}.section-head h2 span{color:var(--indigo)}.section-head p{margin:0;color:var(--muted)}.category-row{display:flex;gap:12px;overflow:auto;padding-bottom:16px}.cat-pill{white-space:nowrap;border:1px solid var(--line);background:var(--card);color:var(--muted);text-decoration:none;border-radius:12px;padding:10px 18px;font-weight:800;display:flex;align-items:center;gap:8px}.cat-pill.active{background:var(--indigo);border-color:var(--indigo);color:#fff}.tool-row{height:60px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.sort-btn{height:36px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text)}.view-icons{display:flex;gap:8px}.view-icons button{width:32px;height:32px;border:0;background:transparent;color:var(--muted);border-radius:8px}.view-icons .active{background:var(--indigo);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 14px 0;min-height:178px;display:grid;grid-template-columns:84px 1fr;column-gap:14px;position:relative;overflow:hidden}.thumb{position:relative;width:80px;height:80px;border-radius:12px;background:linear-gradient(135deg,#2dd4bf,#4f46e5);display:grid;place-items:center;color:#fff;font-size:11px;font-weight:900;letter-spacing:.5px}.thumb em{position:absolute;left:-8px;top:-8px;background:var(--pink);font-style:normal;color:#fff;border-radius:6px;padding:4px 8px;font-size:10px}.product-main h3{margin:3px 0 5px;font-size:15px;line-height:1.25}.mini-cat{display:inline-flex;align-items:center;gap:4px;border-radius:8px;background:#eef2ff;color:var(--indigo);font-size:11px;font-weight:800;padding:4px 8px}.product-main p{color:var(--muted);margin:12px 0 0}.product-main small{display:inline-block;background:#fdf2f8;color:#db2777;border-radius:6px;padding:4px 8px;font-size:10px;margin-top:10px}.card-bottom{grid-column:1/3;border-top:1px dashed var(--line);display:flex;align-items:flex-end;justify-content:space-between;margin-top:14px;padding:16px 0 14px}.card-bottom strong{display:block;color:var(--indigo);font-size:18px}.card-bottom del{display:block;color:var(--muted);font-size:12px}.card-bottom button{width:44px;height:44px;border:0;border-radius:14px;background:var(--indigo);color:#fff;font-size:18px;cursor:pointer}.sales-box{background:var(--card);border:1px solid var(--line);border-radius:16px;height:480px;position:sticky;top:104px;overflow:hidden}.sales-head{padding:18px 18px 14px;border-bottom:1px solid var(--line)}.sales-head h3{margin:0 0 6px;font-size:18px}.sales-head p{margin:0;color:var(--muted);font-size:12px}.sales-list{padding:14px 16px;display:flex;flex-direction:column;gap:12px}.sale-item{border:1px solid var(--line);background:var(--soft);border-radius:14px;padding:12px;display:flex;gap:12px;align-items:center}.sale-item span{width:38px;height:38px;border-radius:9px;background:#e0e7ff;color:var(--indigo);display:grid;place-items:center}.sale-item b{display:block;font-size:14px}.sale-item p{margin:3px 0 0;color:var(--muted);font-size:12px}.sale-item i{font-style:normal;color:var(--indigo);float:right;margin-left:10px}.site-footer{margin-top:48px;border-top:1px solid var(--line);background:var(--card);padding:30px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:24px;color:var(--muted)}.footer-grid h4{color:var(--text);margin:0 0 10px}.footer-grid a{display:block;color:var(--muted);text-decoration:none;margin:6px 0}.cart-drawer{position:fixed;inset:0;z-index:100;pointer-events:none}.cart-drawer.open{pointer-events:auto}.cart-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55);opacity:0;transition:.2s}.cart-drawer.open .cart-backdrop{opacity:1}.cart-drawer aside{position:absolute;right:0;top:0;height:100%;width:min(420px,100%);background:var(--card);transform:translateX(100%);transition:.25s;display:flex;flex-direction:column}.cart-drawer.open aside{transform:translateX(0)}.drawer-top{display:flex;align-items:center;justify-content:space-between;padding:18px;background:var(--indigo);color:#fff}.drawer-top button{border:0;background:rgba(255,255,255,.15);color:#fff;border-radius:8px;width:34px;height:34px}.cart-items{flex:1;overflow:auto;padding:18px}.cart-row{display:flex;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.cart-row i{width:58px;height:58px;border-radius:12px;background:linear-gradient(135deg,#2dd4bf,#4f46e5);color:#fff;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:900}.cart-row b{display:block}.cart-row p{margin:5px 0;color:var(--indigo);font-weight:900}.qty{display:flex;gap:8px;align-items:center}.qty button{width:26px;height:26px;border:1px solid var(--line);background:var(--card);border-radius:8px}.drawer-foot{padding:18px;border-top:1px solid var(--line);background:var(--soft)}.drawer-foot p{display:flex;justify-content:space-between;margin:0 0 14px}.drawer-foot .btn{width:100%;background:var(--indigo);color:#fff}.empty-state{grid-column:1/-1;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:40px;text-align:center;color:var(--muted)}
@media(max-width:1100px){.header-inner{grid-template-columns:1fr auto}.searchbar{grid-column:1/3;order:3}.hero-card{grid-template-columns:1fr}.hero-art{display:none}.content-grid{grid-template-columns:1fr}.sales-box{position:relative;top:0;height:auto}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.ds-shell{padding:0 14px}.header-inner{height:auto;padding:12px 14px;display:flex;flex-wrap:wrap;gap:12px}.brand{flex:1}.brand small{display:none}.searchbar{order:3;width:100%;height:46px}.searchbar button{display:none}.head-actions{gap:12px}.head-actions small{display:none}.hero-card{height:auto;border-radius:20px;padding:24px 18px;margin-top:8px}.hero-copy h1{font-size:30px}.hero-copy p{font-size:14px}.hero-buttons{flex-direction:column}.hero-benefits{grid-template-columns:1fr 1fr;gap:14px}.content-grid{padding-top:24px}.product-grid{grid-template-columns:1fr}.product-card{min-height:168px}.footer-grid{grid-template-columns:1fr}}

.category-menu-wrap{position:relative}.category-popover{position:absolute;right:0;top:calc(100% + 12px);width:230px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px rgba(15,23,42,.18);padding:8px;display:none;z-index:80}.category-popover.open{display:block}.cat-menu-item{width:100%;border:0;background:transparent;color:var(--muted);border-radius:11px;padding:11px 12px;display:flex;align-items:center;gap:10px;font-weight:750;text-align:left;cursor:pointer}.cat-menu-item:hover{background:var(--soft);color:var(--text)}.cat-menu-item.active{background:#eef2ff;color:var(--indigo)}html[data-theme=dark] .cat-menu-item.active{background:#312e81;color:#c7d2fe}.cat-pill{cursor:pointer}.cat-pill.hidden,.product-card.hidden,.product-table tr.hidden{display:none!important}.product-title{border:0;background:transparent;color:var(--text);font:inherit;font-weight:900;text-align:left;padding:0;cursor:pointer}.product-title:hover{color:var(--indigo);text-decoration:underline}.product-main .product-title{display:block;margin:3px 0 5px;font-size:15px;line-height:1.25}.product-table-wrap{display:none}.products-side[data-view=list] .product-grid{display:none}.products-side[data-view=list] .product-table-wrap{display:block}.products-side[data-view=list] .view-icons [data-view-mode=list]{background:var(--indigo);color:#fff}.products-side[data-view=list] .view-icons [data-view-mode=grid]{background:transparent;color:var(--muted)}.product-table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;font-size:13px}.product-table th{color:var(--muted);font-size:12px;text-align:left;padding:14px;border-bottom:1px solid var(--line);font-weight:800}.product-table td{padding:15px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.product-table tbody tr:hover{background:var(--soft)}.table-product{display:flex;align-items:center;gap:14px;min-width:310px}.thumb.mini{width:64px;height:64px;flex:0 0 64px}.thumb.mini em{font-size:9px;padding:3px 6px}.table-product p{margin:5px 0 0;color:var(--muted);font-size:12px;max-width:420px}.table-price{display:block;color:var(--indigo);font-size:15px}.product-table del{display:block;color:var(--muted);font-size:12px}.sold-text{color:#db2777;background:#fdf2f8;border-radius:7px;padding:4px 8px;font-size:11px;font-weight:800}.table-add{border:0;border-radius:10px;background:var(--indigo);color:#fff;padding:10px 13px;font-weight:800;cursor:pointer;white-space:nowrap}.table-add:hover,.card-bottom button:hover,#modalAddCart:hover{filter:brightness(.95);transform:translateY(-1px)}.product-modal{position:fixed;inset:0;z-index:140;display:none;align-items:center;justify-content:center;padding:18px}.product-modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.62);backdrop-filter:blur(7px)}.product-modal-card{position:relative;width:min(440px,100%);background:var(--card);border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 28px 90px rgba(15,23,42,.42);animation:modalUp .22s ease-out both}@keyframes modalUp{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-visual{height:132px;background:linear-gradient(135deg,#2dd4bf,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;position:relative;overflow:hidden}.modal-visual:after{content:"";position:absolute;right:-30px;bottom:-35px;width:120px;height:120px;border:18px solid rgba(255,255,255,.16);border-radius:28px;transform:rotate(18deg)}.modal-visual button{position:absolute;right:16px;top:14px;width:32px;height:32px;border:0;border-radius:999px;background:rgba(15,23,42,.25);color:#fff;font-size:22px;line-height:1;cursor:pointer}.modal-icon{font-size:36px;opacity:.8}.modal-visual b{letter-spacing:8px;font-size:22px}.modal-body{padding:22px}.modal-badges{display:flex;gap:8px;align-items:center;margin-bottom:10px}.modal-badges span{border-radius:8px;padding:6px 9px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.3px}.modal-badges span:first-child{background:#eef2ff;color:var(--indigo)}.modal-badges span:last-child{background:#fdf2f8;color:#db2777}.modal-body h3{margin:0 0 10px;font-size:20px;line-height:1.25}.modal-body p{color:var(--muted);line-height:1.65;margin:0 0 20px}.modal-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);padding:12px 0;margin-bottom:20px}.modal-stats div{text-align:center;padding:0 8px}.modal-stats div+div{border-left:1px solid var(--line)}.modal-stats small{display:block;color:var(--muted);font-size:9px;font-weight:900;text-transform:uppercase;margin-bottom:5px}.modal-stats b{font-size:13px}.modal-stats .instant{color:#10b981}.modal-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px}.modal-bottom strong{display:block;color:var(--indigo);font-size:24px}.modal-bottom del{display:block;color:var(--muted);font-size:13px}.modal-bottom button{border:0;border-radius:14px;background:var(--indigo);color:#fff;padding:13px 18px;font-weight:900;cursor:pointer;box-shadow:0 12px 28px rgba(79,70,229,.25)}
@media(max-width:900px){.products-side[data-view=list] .product-table-wrap{overflow:auto}.product-table{min-width:760px}}@media(max-width:640px){.category-popover{right:-52px}.products-side[data-view=list] .product-table-wrap{display:none}.products-side[data-view=list] .product-grid{display:grid}.product-modal{padding:12px}.product-modal-card{border-radius:22px}.modal-bottom{align-items:stretch}.modal-bottom button{min-width:128px}}

.brand small{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-card{height:auto;min-height:365px;overflow:hidden}.hero-benefits{align-items:start}.category-popover{width:270px;max-height:330px;overflow:auto;padding:7px;display:none;grid-template-columns:1fr;gap:4px;scrollbar-width:thin}.category-popover.open{display:grid}.cat-menu-item{padding:9px 10px;border-radius:10px;font-size:13px;min-height:38px}.cat-menu-item span{width:22px;height:22px;border-radius:7px;background:var(--soft);display:grid;place-items:center;flex:0 0 22px}.sort-wrap{position:relative}.sort-menu{position:absolute;left:0;top:calc(100% + 8px);min-width:132px;background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 40px rgba(15,23,42,.16);padding:6px;display:none;z-index:30}.sort-menu.open{display:block}.sort-menu button{width:100%;border:0;background:transparent;color:var(--muted);border-radius:9px;padding:9px 11px;text-align:left;font-weight:800;cursor:pointer}.sort-menu button:hover{background:var(--soft);color:var(--text)}.sort-menu button.active{background:#eef2ff;color:var(--indigo)}html[data-theme=dark] .sort-menu button.active{background:#312e81;color:#c7d2fe}.sort-btn{font-weight:800;min-width:112px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer}.head-actions a span{font-size:18px}.searchbar.mobile-open{background:var(--card);border:1px solid var(--line);box-shadow:0 18px 50px rgba(15,23,42,.18)}
@media(max-width:1100px){.hero-card{min-height:0}.hero-benefits{padding-bottom:4px}}
@media(max-width:640px){.header-inner{position:relative}.brand b{font-size:14px}.searchbar{order:0;width:44px;height:44px;flex:0 0 44px;padding:0;justify-content:center;border-radius:999px;gap:0}.searchbar span{font-size:20px}.searchbar input,.searchbar button{display:none}.searchbar.mobile-open{position:absolute;left:14px;right:14px;top:62px;width:auto;z-index:90;justify-content:flex-start;padding:0 12px;gap:10px;border-radius:16px}.searchbar.mobile-open input{display:block;min-width:0}.searchbar.mobile-open button{display:block;width:42px;height:32px}.head-actions{gap:10px}.category-popover{right:-120px;top:calc(100% + 10px);width:min(280px,calc(100vw - 28px));max-height:285px}.cat-menu-item{font-size:12px;padding:8px}.hero-card{overflow:hidden}.hero-benefits{grid-template-columns:1fr;gap:12px}.hero-benefits div{grid-template-columns:34px 1fr}.hero-benefits span{width:34px;height:34px}.sort-menu{min-width:126px}}

.mobile-menu-btn{display:none;border:0;background:var(--soft);color:var(--text);width:42px;height:42px;border-radius:14px;font-size:22px;font-weight:900;cursor:pointer;align-items:center;justify-content:center}
.mobile-menu{position:fixed;inset:0;z-index:160;display:none}.mobile-menu.open{display:block}.mobile-menu-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.56);backdrop-filter:blur(7px)}.mobile-menu-panel{position:absolute;left:0;top:0;height:100%;width:min(86vw,360px);background:var(--card);border-right:1px solid var(--line);box-shadow:22px 0 70px rgba(15,23,42,.22);padding:16px;overflow:auto;animation:slideMobileMenu .22s ease-out both}@keyframes slideMobileMenu{from{transform:translateX(-100%);opacity:.8}to{transform:translateX(0);opacity:1}}.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.mobile-menu-head .brand.mini{gap:10px}.mobile-menu-head .brand-mark{width:36px;height:36px}.mobile-menu-head button{border:0;background:var(--soft);color:var(--text);width:36px;height:36px;border-radius:12px;font-size:24px;line-height:1;cursor:pointer}.mobile-menu-search{height:46px;margin:16px 0;border:1px solid var(--line);border-radius:15px;background:var(--soft);display:flex;align-items:center;gap:10px;padding:0 10px}.mobile-menu-search span{color:var(--muted);font-size:20px}.mobile-menu-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:14px}.mobile-menu-search button{border:0;border-radius:11px;background:var(--indigo);color:#fff;font-weight:900;padding:9px 12px}.mobile-menu-section{display:flex;flex-direction:column;gap:8px;margin-top:16px}.mobile-menu-section>b{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.mobile-menu-section a,.mobile-menu-section button{width:100%;border:1px solid var(--line);background:var(--card);color:var(--text);text-decoration:none;border-radius:14px;padding:12px 13px;text-align:left;font-weight:800;display:flex;align-items:center;gap:10px;cursor:pointer}.mobile-menu-section button span{width:28px;height:28px;background:var(--soft);border-radius:10px;display:grid;place-items:center}.mobile-menu-section .active{background:color-mix(in srgb,var(--indigo) 12%,var(--card));border-color:color-mix(in srgb,var(--indigo) 28%,var(--line));color:var(--indigo)}

@media(max-width:640px){
  body{font-size:13px;overflow-x:hidden}.ds-shell{padding:0 12px}.ds-header{background:color-mix(in srgb,var(--card) 94%,transparent)}.header-inner{height:68px;padding:10px 12px;display:flex;flex-wrap:nowrap;gap:8px;align-items:center}.brand{min-width:0;flex:1}.brand-mark{width:38px;height:38px;border-radius:13px}.brand b{font-size:15px;max-width:128px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand small{display:block!important;font-size:10px;max-width:128px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu-btn{display:flex;order:2}.searchbar{display:none!important}.head-actions{order:3;gap:8px;flex:0 0 auto}.head-actions .category-menu-wrap,.head-actions a{display:none!important}.head-actions button[data-open-cart]{width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:var(--soft);display:grid;place-items:center}.head-actions button[data-open-cart] span{font-size:19px}.head-actions button[data-open-cart] small{display:none}.head-actions i{top:-7px;right:-5px;min-width:18px;height:18px}.head-actions .moon{width:42px;height:42px;border-radius:14px;background:var(--soft)}
  .main-wrap{padding-top:16px}.hero-card{border-radius:22px;padding:22px 16px;margin:0 0 20px;min-height:0}.hero-badge{font-size:11px;margin-bottom:14px}.hero-copy h1{font-size:26px;line-height:1.18;letter-spacing:0}.hero-copy p{font-size:13px;line-height:1.55;margin-bottom:18px}.hero-buttons{gap:10px;margin-bottom:20px}.btn{width:100%;padding:12px 14px}.hero-benefits{grid-template-columns:1fr 1fr!important;gap:10px;padding-top:16px}.hero-benefits div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px;display:grid;grid-template-columns:32px 1fr;column-gap:8px}.hero-benefits span{width:32px;height:32px}.hero-benefits b{font-size:12px}.hero-benefits small{font-size:10px;line-height:1.25}
  .content-grid{display:flex;flex-direction:column;gap:18px;padding-top:0}.section-head{margin-bottom:14px}.section-head h2{font-size:22px}.section-head p{font-size:13px;line-height:1.45}.category-row{gap:8px;padding-bottom:12px;margin:0 -12px 0;padding-left:12px;padding-right:12px;scroll-snap-type:x mandatory}.cat-pill{padding:9px 13px;border-radius:999px;font-size:12px;scroll-snap-align:start}.tool-row{height:48px;margin-bottom:14px}.sort-btn{height:38px;border-radius:12px;min-width:112px}.view-icons button{width:36px;height:36px;border:1px solid var(--line);background:var(--card)}
  .product-grid{grid-template-columns:1fr!important;gap:12px}.product-card{min-height:0;border-radius:18px;padding:12px;grid-template-columns:84px 1fr;gap:12px;box-shadow:0 10px 28px rgba(15,23,42,.06)}.thumb{width:84px;height:84px;border-radius:15px}.thumb em{left:-5px;top:-5px}.product-main .product-title{font-size:15px;line-height:1.25;margin:1px 0 6px}.mini-cat{font-size:10px;padding:4px 7px}.product-main p{margin:8px 0 0;font-size:13px}.product-main small{margin-top:8px;background:#ecfdf5;color:#059669}.card-bottom{grid-column:1/3;margin-top:12px;padding:12px 0 0}.card-bottom strong{font-size:18px}.card-bottom del{font-size:12px}.card-bottom button{width:44px;height:42px;border-radius:14px}.sales-box{order:3;border-radius:20px;height:auto}.sales-head{padding:16px}.sales-head h3{font-size:18px}.sales-list{padding:12px}.sale-item{padding:12px;border-radius:15px}.sale-item span{width:42px;height:42px}.site-footer{margin-top:28px}.footer-grid{gap:18px}
  .cart-drawer{align-items:flex-end}.cart-drawer aside{width:100%;max-width:none;border-radius:22px 22px 0 0;height:82vh;top:auto;bottom:0;right:0;transform:translateY(105%);transition:transform .25s cubic-bezier(.22,1,.36,1)}.cart-drawer.open aside{transform:translateY(0)}.drawer-top{border-radius:22px 22px 0 0}.product-modal-card{max-height:86vh;overflow:auto}.modal-body{padding:18px}.modal-bottom{flex-direction:column}.modal-bottom button{width:100%}
}
@media(max-width:380px){.brand b,.brand small{max-width:102px}.hero-copy h1{font-size:23px}.hero-benefits{grid-template-columns:1fr!important}.product-card{grid-template-columns:74px 1fr}.thumb{width:74px;height:74px}.card-bottom{grid-column:1/3}}

.cart-drawer:not(.open) aside{pointer-events:none;}
.cart-drawer:not(.open) .cart-backdrop{pointer-events:none;}
@media(max-width:640px){.cart-drawer aside{transform:translateY(105%)!important}.cart-drawer.open aside{transform:translateY(0)!important}.cart-drawer:not(.open) .cart-backdrop{opacity:0!important}}

.product-modal-card{z-index:2}.modal-backdrop{z-index:1}.modal-visual:after{pointer-events:none}.modal-visual button{z-index:6;display:grid;place-items:center}
@media(max-width:640px){
  .products-side[data-view=list] .product-grid{display:none!important}
  .products-side[data-view=list] .product-table-wrap{display:block!important;overflow:visible!important}
  .products-side[data-view=list] .product-table{display:block;width:100%;min-width:0!important;background:transparent;border:0;border-radius:0;font-size:13px}
  .products-side[data-view=list] .product-table thead{display:none!important}
  .products-side[data-view=list] .product-table tbody{display:grid;gap:12px;width:100%}
  .products-side[data-view=list] .product-table tr{display:grid;grid-template-columns:1fr auto;gap:10px 12px;width:100%;padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 10px 28px rgba(15,23,42,.06)}
  .products-side[data-view=list] .product-table tr.hidden{display:none!important}
  .products-side[data-view=list] .product-table td{display:block;border:0!important;padding:0;color:var(--muted)}
  .products-side[data-view=list] .product-table td:nth-child(1){grid-column:1/3;color:var(--text)}
  .products-side[data-view=list] .product-table td:nth-child(2){grid-column:1/2;align-self:center}
  .products-side[data-view=list] .product-table td:nth-child(3){grid-column:1/2;align-self:end}
  .products-side[data-view=list] .product-table td:nth-child(4){display:none}
  .products-side[data-view=list] .product-table td:nth-child(5){grid-column:2/3;grid-row:2/3;align-self:center;justify-self:end}
  .products-side[data-view=list] .product-table td:nth-child(6){grid-column:2/3;grid-row:3/4;align-self:end;justify-self:end}
  .products-side[data-view=list] .table-product{min-width:0;gap:11px;align-items:flex-start}.products-side[data-view=list] .thumb.mini{width:66px;height:66px;flex-basis:66px;border-radius:14px}.products-side[data-view=list] .table-product .product-title{font-size:15px;line-height:1.25}.products-side[data-view=list] .table-product p{display:none}.products-side[data-view=list] .table-price{font-size:18px;color:var(--indigo)}.products-side[data-view=list] .product-table del{font-size:12px}.products-side[data-view=list] .sold-text{background:#ecfdf5;color:#059669}.products-side[data-view=list] .table-add{padding:10px 12px;border-radius:13px;box-shadow:0 12px 26px rgba(79,70,229,.18)}

  .mobile-menu-panel{padding:18px;background:color-mix(in srgb,var(--card) 96%,var(--soft));box-shadow:18px 0 60px rgba(15,23,42,.18)}
  .mobile-menu-head{padding-bottom:16px;border-bottom:1px dashed var(--line)}
  .mobile-menu-head button{border-radius:999px;background:var(--soft)}
  .mobile-menu-search{border-radius:18px;margin:18px 0 20px;background:var(--soft);border:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
  .mobile-menu-section{gap:0;margin-top:18px}.mobile-menu-section>b{margin:0 0 8px;color:var(--muted);font-size:11px;letter-spacing:.11em}
  .mobile-menu-section a,.mobile-menu-section button{border:0;border-bottom:1px dashed var(--line);border-radius:0;background:transparent;padding:13px 4px;color:var(--text);box-shadow:none;font-weight:850}
  .mobile-menu-section a:first-of-type,.mobile-menu-section button:first-of-type{border-top:1px dashed var(--line)}
  .mobile-menu-section a:hover,.mobile-menu-section button:hover{background:color-mix(in srgb,var(--soft) 70%,transparent)}
  .mobile-menu-section button span{width:30px;height:30px;border-radius:12px;background:var(--soft);color:var(--muted)}
  .mobile-menu-section .active{background:linear-gradient(90deg,color-mix(in srgb,var(--indigo) 10%,transparent),transparent);border-color:color-mix(in srgb,var(--indigo) 28%,var(--line));color:var(--indigo);padding-left:10px;border-radius:14px}
}

.products-side.is-list-view .product-grid,.products-side[data-view=list] .product-grid{display:none!important}
.products-side.is-grid-view .product-table-wrap,.products-side[data-view=grid] .product-table-wrap{display:none!important}
.products-side.is-list-view .product-table-wrap,.products-side[data-view=list] .product-table-wrap{display:block!important}
@media(min-width:641px){.products-side.is-list-view .product-table-wrap,.products-side[data-view=list] .product-table-wrap{overflow-x:auto}.products-side.is-list-view .product-table,.products-side[data-view=list] .product-table{display:table;width:100%;min-width:820px}}

.page-wrap{padding-top:32px}.page-hero{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 18px 45px rgba(15,23,42,.06);margin-bottom:22px}.page-hero h1{margin:0 0 8px;font-size:28px;letter-spacing:-.02em}.page-hero p{margin:0;color:var(--muted);font-size:15px}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.front-form-card,.front-summary{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 45px rgba(15,23,42,.06);overflow:hidden}.front-form-card{padding:22px}.front-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.front-field{display:flex;flex-direction:column;gap:8px}.front-field label{font-weight:850;color:var(--text)}.front-field input{height:46px;border:1px solid var(--line);border-radius:14px;background:var(--soft);color:var(--text);outline:0;padding:0 14px;font:inherit}.front-field input:focus{border-color:color-mix(in srgb,var(--indigo) 60%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--indigo) 10%,transparent)}.front-submit{width:100%;margin-top:18px;border:0;border-radius:15px;background:var(--indigo);color:#fff;font-weight:950;padding:15px 18px;cursor:pointer}.front-summary-head,.front-summary-foot{padding:18px;border-bottom:1px solid var(--line);background:var(--soft)}.front-summary-foot{border-top:1px solid var(--line);border-bottom:0;display:flex;align-items:center;justify-content:space-between}.front-summary-head h3{margin:0}.front-summary-body{padding:18px;min-height:90px}.front-order-result{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 18px 45px rgba(15,23,42,.06)}.front-price{color:var(--indigo);font-size:22px;font-weight:950}.qris-box{background:#fff;color:#111;border-radius:22px;padding:18px;width:260px;text-align:center;margin:20px 0;box-shadow:0 18px 45px rgba(15,23,42,.09)}.qris-inner{border:8px solid var(--indigo);border-radius:18px;height:210px;display:grid;place-items:center;font-weight:950}.track-card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 18px 45px rgba(15,23,42,.06);max-width:820px}.track-form{display:flex;gap:12px;margin:18px 0}.track-form input{flex:1;min-width:0;height:48px;border:1px solid var(--line);border-radius:15px;background:var(--soft);color:var(--text);outline:0;padding:0 15px;font:inherit}.track-form button{border:0;border-radius:15px;background:var(--indigo);color:#fff;font-weight:900;padding:0 22px}.alert.err{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:14px;padding:12px 14px}.status-pill{display:inline-flex;border-radius:999px;background:color-mix(in srgb,var(--indigo) 12%,var(--card));color:var(--indigo);font-weight:950;padding:6px 12px}.delivered-stock{border:1px solid var(--line);border-radius:16px;background:var(--soft);padding:14px;margin:10px 0}.delivered-stock pre{white-space:pre-wrap;margin:8px 0 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:var(--text)}
@media(max-width:640px){.page-wrap{padding-top:16px}.page-hero{padding:18px;border-radius:20px}.page-hero h1{font-size:24px}.checkout-layout{grid-template-columns:1fr;gap:14px}.front-form-card,.front-summary,.front-order-result,.track-card{border-radius:20px}.front-form-card{padding:16px}.front-form-grid{grid-template-columns:1fr;gap:12px}.track-form{flex-direction:column}.track-form button{height:46px}.qris-box{width:100%;max-width:260px}.front-summary{order:-1}.product-table-wrap{max-width:100%}}

html[data-theme=dark]{
  --bg:#172033;
  --card:#202b40;
  --text:#edf3fb;
  --muted:#b7c4d6;
  --line:#3a4a63;
  --soft:#26354d;
  --indigo:#7c8cff;
  --indigo2:#6475f2;
  --pink:#f472b6;
}
html[data-theme=dark] body{
  background:
    radial-gradient(circle at top left,rgba(124,140,255,.16),transparent 34%),
    radial-gradient(circle at 90% 5%,rgba(45,212,191,.10),transparent 28%),
    var(--bg);
}
html[data-theme=dark] .ds-header,
html[data-theme=dark] .site-footer,
html[data-theme=dark] .front-form-card,
html[data-theme=dark] .front-summary,
html[data-theme=dark] .front-order-result,
html[data-theme=dark] .track-card,
html[data-theme=dark] .page-hero,
html[data-theme=dark] .product-card,
html[data-theme=dark] .sales-box,
html[data-theme=dark] .mobile-menu-panel,
html[data-theme=dark] .cart-drawer aside{
  background:rgba(32,43,64,.92);
  border-color:rgba(148,163,184,.24);
  box-shadow:0 18px 45px rgba(6,12,26,.22);
}
html[data-theme=dark] .searchbar,
html[data-theme=dark] .front-field input,
html[data-theme=dark] .track-form input,
html[data-theme=dark] .sale-item,
html[data-theme=dark] .front-summary-head,
html[data-theme=dark] .front-summary-foot,
html[data-theme=dark] .delivered-stock{
  background:#26354d;
  border-color:rgba(148,163,184,.22);
}
html[data-theme=dark] .mini-cat{background:rgba(124,140,255,.16);color:#dbe3ff}
html[data-theme=dark] .product-main small,
html[data-theme=dark] .sold-text{background:rgba(16,185,129,.16)!important;color:#a7f3d0!important}
.footer-copy{display:block;margin-top:12px;color:var(--muted);font-size:12px;line-height:1.6}

@media(max-width:640px){
  .products-side[data-view="list"] #productGrid,
  .products-side.is-list-view #productGrid{display:none!important}
  .products-side[data-view="list"] #productListView,
  .products-side.is-list-view #productListView{display:block!important;overflow:visible!important;max-width:100%!important}
  .products-side[data-view="list"] .product-table,
  .products-side.is-list-view .product-table{display:block!important;width:100%!important;min-width:0!important;border:0!important;background:transparent!important;border-radius:0!important}
  .products-side[data-view="list"] .product-table thead,
  .products-side.is-list-view .product-table thead{display:none!important}
  .products-side[data-view="list"] .product-table tbody,
  .products-side.is-list-view .product-table tbody{display:grid!important;gap:12px!important;width:100%!important}
  .products-side[data-view="list"] .product-table tr,
  .products-side.is-list-view .product-table tr{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px 12px!important;width:100%!important;padding:12px!important;border:1px solid var(--line)!important;border-radius:18px!important;background:var(--card)!important;box-shadow:0 10px 28px rgba(15,23,42,.07)!important}
  .products-side[data-view="list"] .product-table tr.hidden,
  .products-side.is-list-view .product-table tr.hidden{display:none!important}
  .products-side[data-view="list"] .product-table td,
  .products-side.is-list-view .product-table td{display:block!important;border:0!important;padding:0!important;color:var(--muted)!important}
  .products-side[data-view="list"] .product-table td:first-child,
  .products-side.is-list-view .product-table td:first-child{grid-column:1/3!important;color:var(--text)!important}
  .products-side[data-view="list"] .table-product,
  .products-side.is-list-view .table-product{display:flex!important;gap:12px!important;align-items:flex-start!important;min-width:0!important}
  .products-side[data-view="list"] .thumb.mini,
  .products-side.is-list-view .thumb.mini{width:64px!important;height:64px!important;flex:0 0 64px!important;border-radius:14px!important}
  .products-side[data-view="list"] .table-product .product-title,
  .products-side.is-list-view .table-product .product-title{font-size:15px!important;line-height:1.3!important;text-align:left!important}
  .products-side[data-view="list"] .table-product p,
  .products-side.is-list-view .table-product p{display:none!important}
  .products-side[data-view="list"] .product-table td:nth-child(2),
  .products-side.is-list-view .product-table td:nth-child(2){grid-column:1/2!important;align-self:center!important}
  .products-side[data-view="list"] .product-table td:nth-child(3),
  .products-side.is-list-view .product-table td:nth-child(3){grid-column:1/2!important;align-self:end!important}
  .products-side[data-view="list"] .product-table td:nth-child(4),
  .products-side.is-list-view .product-table td:nth-child(4){display:none!important}
  .products-side[data-view="list"] .product-table td:nth-child(5),
  .products-side.is-list-view .product-table td:nth-child(5){grid-column:2/3!important;grid-row:2/3!important;justify-self:end!important;align-self:center!important}
  .products-side[data-view="list"] .product-table td:nth-child(6),
  .products-side.is-list-view .product-table td:nth-child(6){grid-column:2/3!important;grid-row:3/4!important;justify-self:end!important;align-self:end!important}
  .products-side[data-view="list"] .table-price,
  .products-side.is-list-view .table-price{font-size:18px!important;color:var(--indigo)!important}
  .products-side[data-view="list"] .table-add,
  .products-side.is-list-view .table-add{white-space:nowrap!important;padding:10px 12px!important;border-radius:13px!important}
  .products-side[data-view="grid"] #productGrid,.products-side.is-grid-view #productGrid{display:grid!important;grid-template-columns:1fr!important}
  .products-side[data-view="grid"] #productListView,.products-side.is-grid-view #productListView{display:none!important}

  .track-card{width:100%;padding:18px!important;margin:0 auto;border-radius:22px!important}
  .track-form{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important}
  .track-form input{width:100%!important;height:52px!important;font-size:15px!important;border-radius:16px!important}
  .track-form button{width:100%!important;height:50px!important;border-radius:16px!important;font-size:15px!important}
  .front-order-result{padding:16px!important;overflow-wrap:anywhere}
}

.checkout-pay-panel{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:stretch}.checkout-pay-main,.checkout-pay-side{background:var(--card);border:1px solid var(--line);border-radius:28px;box-shadow:0 22px 60px rgba(15,23,42,.08);padding:26px;position:relative;overflow:hidden}.checkout-pay-main:before{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:999px;background:radial-gradient(circle,rgba(79,70,229,.18),transparent 68%);pointer-events:none}.checkout-step{display:inline-flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--indigo) 20%,var(--line));background:color-mix(in srgb,var(--indigo) 8%,var(--card));color:var(--indigo);border-radius:999px;padding:7px 12px;font-weight:950;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.checkout-pay-main h2{margin:16px 0 8px;font-size:34px;letter-spacing:-.04em}.checkout-desc{max-width:680px;color:var(--muted);line-height:1.7}.checkout-total-card{margin:20px 0;display:grid;gap:6px;max-width:360px;padding:18px;border:1px dashed color-mix(in srgb,var(--indigo) 30%,var(--line));background:var(--soft);border-radius:22px}.checkout-total-card small,.pay-timer-box small,.track-result small{color:var(--muted);font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.checkout-total-card strong{font-size:30px;color:var(--indigo)}.checkout-security-note{display:grid;gap:8px;border:1px solid color-mix(in srgb,#16a37d 24%,var(--line));background:color-mix(in srgb,#16a37d 8%,var(--card));border-radius:22px;padding:18px;margin:18px 0}.checkout-security-note code{display:inline-flex;width:max-content;max-width:100%;overflow:auto;background:rgba(15,23,42,.88);color:#fff;border-radius:14px;padding:10px 12px;font-weight:950;font-size:17px;letter-spacing:.06em}.checkout-security-note small{color:var(--muted);line-height:1.55}.checkout-pay-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.pay-now{min-height:48px;display:inline-flex;align-items:center;justify-content:center}.checkout-pay-side{display:grid;gap:18px;align-content:start}.pay-timer-box{display:grid;gap:5px;border-radius:22px;padding:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--indigo) 13%,var(--card)),var(--soft));border:1px solid var(--line)}.pay-timer-box strong{font-size:38px;line-height:1;color:var(--indigo);letter-spacing:-.04em}.pay-timer-box span{color:var(--muted);font-size:13px}.pay-timer-box.expired strong{color:#ef4444}.gateway-card{border:1px solid var(--line);background:var(--soft);border-radius:22px;padding:18px}.gateway-card b{font-size:18px}.gateway-card p{color:var(--muted);line-height:1.65;margin-bottom:0}.secure-track-card{max-width:920px}.track-result{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.track-result>div{padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--soft);display:grid;gap:6px;overflow-wrap:anywhere}.access-form{margin:18px 0;border:1px solid color-mix(in srgb,var(--indigo) 22%,var(--line));border-radius:22px;background:var(--soft);padding:18px}.access-form label{display:block;font-weight:950;margin-bottom:10px}.access-form div{display:flex;gap:10px}.access-form input{flex:1;min-width:0;height:48px;border:1px solid var(--line);border-radius:15px;background:var(--card);color:var(--text);padding:0 14px;outline:0}.access-form button{border:0;border-radius:15px;background:var(--indigo);color:#fff;font-weight:950;padding:0 18px}.access-form small{display:block;color:var(--muted);margin-top:10px}.access-form .access-error{color:#ef4444}.track-info{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:12px 14px}.site-footer .footer-grid>div{min-width:0}.site-footer a{display:block;width:max-content;max-width:100%;margin:7px 0;color:inherit;opacity:.82}.site-footer a:hover{opacity:1;text-decoration:underline}.site-footer p{line-height:1.7}.site-footer ul,.site-footer ol{padding-left:18px;margin:10px 0}.site-footer h4,.site-footer h3{margin:0 0 10px}
@media(max-width:760px){.checkout-pay-panel{grid-template-columns:1fr;gap:14px}.checkout-pay-main,.checkout-pay-side{border-radius:22px;padding:18px}.checkout-pay-main h2{font-size:25px;overflow-wrap:anywhere}.checkout-total-card strong{font-size:24px}.checkout-security-note code{font-size:14px;width:100%}.checkout-pay-actions .btn{width:100%;justify-content:center}.pay-timer-box strong{font-size:32px}.track-result{grid-template-columns:1fr!important}.access-form div{flex-direction:column}.access-form button{height:48px}.secure-track-card{padding:18px!important}.checkout-layout{grid-template-columns:1fr!important}.front-summary{order:2!important}.front-form-card{order:1!important}}
html[data-theme=dark] .checkout-pay-main,html[data-theme=dark] .checkout-pay-side,html[data-theme=dark] .access-form,html[data-theme=dark] .track-result>div,html[data-theme=dark] .gateway-card,html[data-theme=dark] .pay-timer-box{background:rgba(28,39,68,.78);border-color:rgba(148,163,184,.20)}

.sort-btn{height:38px;min-width:112px;border-radius:12px;padding:0 13px 0 15px;font-weight:900;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.sort-btn::after{content:"⌄";display:inline-grid;place-items:center;width:20px;height:20px;margin-left:8px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:14px;transition:.18s}
.sort-btn [data-arrow],.sort-btn>span+span{display:none!important}.sort-wrap:has(.sort-menu.open) .sort-btn::after{transform:rotate(180deg);background:#eef2ff;color:var(--indigo)}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.product-card{display:flex;flex-direction:column;min-height:0;padding:10px 10px 0;border-radius:17px;overflow:hidden;box-shadow:0 12px 34px rgba(15,23,42,.07);transition:.16s}.product-card:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(15,23,42,.11)}
.product-card>.thumb{width:100%;height:128px;border-radius:14px;flex:0 0 auto;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb b{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#22d3ee,#4f46e5);color:#fff;font-size:13px;letter-spacing:1px}.product-card>.thumb em{left:0;top:0;border-radius:0 0 8px 0;padding:5px 9px;font-size:11px;z-index:2}.product-main{padding:12px 4px 0}.product-main .product-title{font-size:15px;line-height:1.3;min-height:39px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-main p{margin-top:12px;display:inline-block}.product-main small{margin-left:8px;margin-top:0}.card-bottom{grid-column:auto;margin-top:12px;padding:14px 4px 14px}.card-bottom button{width:42px;height:42px;border-radius:13px;box-shadow:0 12px 26px rgba(79,70,229,.22)}
.table-product .thumb.mini{overflow:hidden}.product-table{box-shadow:0 14px 38px rgba(15,23,42,.06)}.product-table tr{transition:.14s}.product-table .product-title{font-size:14px}.table-product p{line-height:1.45}.table-add{box-shadow:0 10px 22px rgba(79,70,229,.17)}
.sales-box{height:420px;border-radius:22px;box-shadow:0 16px 44px rgba(15,23,42,.08)}.sales-list{height:calc(100% - 80px);overflow:hidden;position:relative;display:block;padding:14px 16px}.sales-list-inner{display:flex;flex-direction:column;gap:12px;animation:salesUp 18s linear infinite}.sales-list:hover .sales-list-inner{animation-play-state:paused}@keyframes salesUp{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
.sale-item{margin-bottom:12px;min-height:62px;border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 94%,white),var(--soft));box-shadow:0 8px 22px rgba(15,23,42,.045)}.sale-item .sale-thumb,.sale-item>span{width:42px;height:42px;flex:0 0 42px;border-radius:13px;overflow:hidden;background:#eef2ff;color:var(--indigo);display:grid;place-items:center}.sale-item .sale-thumb img{width:100%;height:100%;object-fit:cover;display:block}.sale-item b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.sale-item p{display:flex;justify-content:space-between;gap:8px}.sale-item i{float:none;margin-left:0;white-space:nowrap}
html[data-theme=dark] .sort-btn::after{background:#17243a}html[data-theme=dark] .sale-item{background:#101a2d;box-shadow:none}html[data-theme=dark] .sale-item .sale-thumb,html[data-theme=dark] .sale-item>span{background:#17243a}
@media(max-width:1200px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card>.thumb{height:126px}}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-box{height:360px}.sales-list{height:278px}.sale-item b{max-width:none}}
@media(max-width:640px){.tool-row{height:auto;margin-bottom:14px;padding-bottom:12px;align-items:center}.sort-btn{height:38px;border-radius:13px}.view-icons button{width:36px;height:36px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{border-radius:18px;padding:9px 9px 0}.product-card>.thumb{height:108px;border-radius:14px}.product-main{padding:10px 2px 0}.product-main .product-title{font-size:13.5px;line-height:1.28;min-height:35px}.mini-cat{font-size:10px;padding:4px 7px}.product-main p{font-size:12px;margin-top:10px}.product-main small{display:inline-flex;margin:7px 0 0;font-size:9.5px}.card-bottom{margin-top:10px;padding:11px 2px 12px}.card-bottom strong{font-size:15px}.card-bottom del{font-size:11px}.card-bottom button{width:38px;height:38px;border-radius:12px;font-size:16px}.sales-box{border-radius:20px;height:330px}.sales-head{padding:16px}.sales-list{height:250px;padding:12px}.sale-item{min-height:60px;padding:10px}.sale-item b{font-size:13px}.sale-item p{font-size:11px}
  .products-side[data-view="list"] .product-table tr,.products-side.is-list-view .product-table tr{grid-template-columns:76px minmax(0,1fr) auto!important;gap:8px 10px!important;padding:10px!important;border-radius:18px!important;align-items:center!important}.products-side[data-view="list"] .product-table td:first-child,.products-side.is-list-view .product-table td:first-child{grid-column:1/4!important}.products-side[data-view="list"] .table-product,.products-side.is-list-view .table-product{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;gap:10px!important;align-items:center!important}.products-side[data-view="list"] .thumb.mini,.products-side.is-list-view .thumb.mini{width:76px!important;height:76px!important;flex:0 0 76px!important;border-radius:15px!important}.products-side[data-view="list"] .table-product .product-title,.products-side.is-list-view .table-product .product-title{font-size:14px!important;line-height:1.25!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.products-side[data-view="list"] .product-table td:nth-child(2),.products-side.is-list-view .product-table td:nth-child(2){grid-column:1/3!important;grid-row:2/3!important}.products-side[data-view="list"] .product-table td:nth-child(3),.products-side.is-list-view .product-table td:nth-child(3){grid-column:1/3!important;grid-row:3/4!important}.products-side[data-view="list"] .product-table td:nth-child(5),.products-side.is-list-view .product-table td:nth-child(5){grid-column:3/4!important;grid-row:2/3!important}.products-side[data-view="list"] .product-table td:nth-child(6),.products-side.is-list-view .product-table td:nth-child(6){grid-column:3/4!important;grid-row:3/4!important}.products-side[data-view="list"] .table-price,.products-side.is-list-view .table-price{font-size:16px!important}.products-side[data-view="list"] .table-add,.products-side.is-list-view .table-add{padding:10px 11px!important;font-size:12px!important}.products-side[data-view="list"] .product-grid,.products-side.is-list-view .product-grid{display:none!important}}
@media(max-width:390px){.product-grid{grid-template-columns:1fr}.product-card>.thumb{height:150px}.products-side[data-view="list"] .product-table tr,.products-side.is-list-view .product-table tr{grid-template-columns:68px minmax(0,1fr)!important}.products-side[data-view="list"] .product-table td:nth-child(5),.products-side[data-view="list"] .product-table td:nth-child(6),.products-side.is-list-view .product-table td:nth-child(5),.products-side.is-list-view .product-table td:nth-child(6){grid-column:1/3!important;justify-self:start!important}.products-side[data-view="list"] .table-product,.products-side.is-list-view .table-product{grid-template-columns:68px minmax(0,1fr)!important}.products-side[data-view="list"] .thumb.mini,.products-side.is-list-view .thumb.mini{width:68px!important;height:68px!important;flex-basis:68px!important}}
.cart-row .cart-thumb-img{overflow:hidden}.cart-row .cart-thumb-img img{width:100%;height:100%;object-fit:cover;display:block}

.products-side[data-view="grid"] #productGrid,.products-side.is-grid-view #productGrid{display:grid!important}.products-side[data-view="grid"] #productListView,.products-side.is-grid-view #productListView{display:none!important}.products-side[data-view="list"] #productGrid,.products-side.is-list-view #productGrid{display:none!important}.products-side[data-view="list"] #productListView,.products-side.is-list-view #productListView{display:block!important}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}.product-card{display:flex!important;flex-direction:column!important;background:var(--card)!important;border:1px solid var(--line)!important;border-radius:18px!important;padding:10px 10px 0!important;min-height:0!important;overflow:hidden!important;box-shadow:0 14px 36px rgba(15,23,42,.07)!important}.product-card>.thumb{width:100%!important;height:128px!important;border-radius:15px!important;min-width:0!important}.product-card>.thumb img{width:100%!important;height:100%!important;object-fit:cover!important}.product-main{padding:12px 4px 0!important}.product-main .product-title,.table-product .product-title{border:0;background:transparent;color:var(--text);padding:0;text-align:left;font-weight:950;cursor:pointer}.product-main .product-title{font-size:15px!important;line-height:1.32!important;min-height:40px}.product-main p{display:inline-block;margin:13px 8px 0 0!important;color:var(--muted)!important}.product-main small{display:inline-block;margin:8px 0 0!important;background:#fdf2f8!important;color:#db2777!important;border-radius:8px!important;padding:4px 8px!important}.card-bottom{width:100%;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;border-top:1px dashed var(--line)!important;margin-top:13px!important;padding:14px 4px!important}.card-bottom strong{font-size:18px!important;color:var(--indigo)!important}.card-bottom button{width:42px!important;height:42px!important;border-radius:13px!important}.sort-btn{position:relative!important;padding-right:38px!important}.sort-btn::after{content:""!important;position:absolute!important;right:13px!important;top:50%!important;width:8px!important;height:8px!important;border-right:2px solid currentColor!important;border-bottom:2px solid currentColor!important;transform:translateY(-65%) rotate(45deg)!important;background:transparent!important;border-radius:0!important;margin:0!important}.sort-wrap:has(.sort-menu.open) .sort-btn::after{transform:translateY(-35%) rotate(225deg)!important;background:transparent!important}.sales-box{height:420px!important}.sales-list{height:calc(100% - 80px)!important;overflow:hidden!important;position:relative!important;display:block!important}.sales-list-inner{display:flex!important;flex-direction:column!important;gap:12px!important;animation:salesUp 18s linear infinite!important}.sales-list:hover .sales-list-inner{animation-play-state:paused!important}.sale-item{margin:0!important}.sale-item .sale-thumb{width:42px!important;height:42px!important;border-radius:13px!important;overflow:hidden!important;flex:0 0 42px!important}.sale-item .sale-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.site-footer{margin:34px 0 24px!important;padding:0!important;background:transparent!important;border:0!important}.footer-panel{position:relative;overflow:hidden;background:color-mix(in srgb,var(--card) 92%,transparent);border:1px solid var(--line);border-radius:24px;box-shadow:0 16px 46px rgba(15,23,42,.07);padding:26px 34px 0}.footer-panel:after{content:"";position:absolute;right:-40px;bottom:0;width:270px;height:150px;background:linear-gradient(135deg,transparent 20%,rgba(139,92,246,.12),rgba(79,70,229,.18));border-radius:120px 0 0 0;pointer-events:none}.footer-grid{grid-template-columns:1.8fr repeat(3,1fr)!important;gap:28px!important;align-items:center;position:relative;z-index:1}.footer-brand{display:flex;align-items:center;gap:18px}.footer-logo{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-weight:1000;display:grid;place-items:center;font-size:18px;box-shadow:0 14px 30px rgba(79,70,229,.22);flex:0 0 auto}.footer-brand h4,.footer-feature h4{font-size:16px!important;margin:0 0 4px!important;color:var(--text)!important}.footer-brand p,.footer-feature p{margin:0!important;color:var(--muted)!important;line-height:1.55!important}.footer-socials{display:flex;gap:12px;margin-top:14px}.footer-socials a{width:34px!important;height:34px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:var(--soft)!important;color:var(--indigo)!important;text-decoration:none!important;margin:0!important}.footer-feature{display:flex;gap:14px;align-items:center}.footer-feature>span{width:38px;height:38px;border-radius:13px;background:#eef2ff;color:var(--indigo);display:grid;place-items:center;font-weight:950;flex:0 0 auto}.footer-bottom{position:relative;z-index:1;margin-top:26px;padding:18px 0;display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}html[data-theme=dark] .footer-panel{background:rgba(21,31,50,.82)}html[data-theme=dark] .footer-feature>span,html[data-theme=dark] .footer-socials a{background:#17243a;color:#a5b4fc}
@media(max-width:1200px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.footer-grid{grid-template-columns:1.4fr repeat(3,1fr)!important}}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sales-box{height:350px!important}.footer-grid{grid-template-columns:1fr 1fr!important}.footer-bottom{flex-direction:column}}
@media(max-width:640px){.tool-row{gap:10px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.product-card{border-radius:17px!important;padding:8px 8px 0!important}.product-card>.thumb{height:102px!important;border-radius:14px!important}.product-main{padding:10px 3px 0!important}.product-main .product-title{font-size:13.5px!important;line-height:1.28!important;min-height:35px!important}.mini-cat{font-size:10px!important;padding:4px 7px!important}.product-main p,.product-main small{font-size:10.5px!important;margin-top:8px!important}.card-bottom{padding:11px 3px!important;margin-top:10px!important}.card-bottom strong{font-size:15px!important}.card-bottom del{font-size:10.5px!important}.card-bottom button{width:37px!important;height:37px!important;border-radius:12px!important;font-size:16px!important}.products-side[data-view="list"] #productGrid,.products-side.is-list-view #productGrid{display:none!important}.products-side[data-view="list"] #productListView,.products-side.is-list-view #productListView{display:block!important;overflow:visible!important}.products-side[data-view="list"] .product-table,.products-side.is-list-view .product-table{display:block!important;width:100%!important;min-width:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.products-side[data-view="list"] .product-table thead,.products-side.is-list-view .product-table thead{display:none!important}.products-side[data-view="list"] .product-table tbody,.products-side.is-list-view .product-table tbody{display:grid!important;gap:12px!important}.products-side[data-view="list"] .product-table tr,.products-side.is-list-view .product-table tr{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:9px 12px!important;padding:12px!important;border:1px solid var(--line)!important;border-radius:18px!important;background:var(--card)!important;box-shadow:0 10px 28px rgba(15,23,42,.07)!important}.products-side[data-view="list"] .product-table td,.products-side.is-list-view .product-table td{display:block!important;padding:0!important;border:0!important}.products-side[data-view="list"] .product-table td:first-child,.products-side.is-list-view .product-table td:first-child{grid-column:1/3!important}.products-side[data-view="list"] .table-product,.products-side.is-list-view .table-product{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;gap:11px!important;align-items:center!important}.products-side[data-view="list"] .table-product .thumb.mini,.products-side.is-list-view .table-product .thumb.mini{width:76px!important;height:58px!important;min-width:0!important;border-radius:13px!important}.products-side[data-view="list"] .table-product p,.products-side.is-list-view .table-product p{display:none!important}.products-side[data-view="list"] .product-table td:nth-child(2),.products-side.is-list-view .product-table td:nth-child(2){grid-column:1/2!important;grid-row:2/3!important}.products-side[data-view="list"] .product-table td:nth-child(3),.products-side.is-list-view .product-table td:nth-child(3){grid-column:1/2!important;grid-row:3/4!important}.products-side[data-view="list"] .product-table td:nth-child(4),.products-side.is-list-view .product-table td:nth-child(4){display:none!important}.products-side[data-view="list"] .product-table td:nth-child(5),.products-side.is-list-view .product-table td:nth-child(5){grid-column:2/3!important;grid-row:2/3!important;justify-self:end!important}.products-side[data-view="list"] .product-table td:nth-child(6),.products-side.is-list-view .product-table td:nth-child(6){grid-column:2/3!important;grid-row:3/4!important;justify-self:end!important}.products-side[data-view="list"] .table-price,.products-side.is-list-view .table-price{font-size:16px!important;color:var(--indigo)!important}.products-side[data-view="list"] .table-add,.products-side.is-list-view .table-add{height:36px!important;padding:0 12px!important;border-radius:12px!important;white-space:nowrap!important}.sales-box{height:320px!important}.sales-list{height:242px!important}.footer-panel{padding:24px 18px 0;border-radius:22px}.footer-grid{grid-template-columns:1fr!important;gap:20px!important;align-items:start}.footer-feature{border-top:1px dashed var(--line);padding-top:16px}.footer-bottom{font-size:12px;margin-top:18px}}
@media(max-width:390px){.product-grid{grid-template-columns:1fr!important}.product-card>.thumb{height:154px!important}}

.hero-card{display:grid!important;visibility:visible!important;margin-bottom:32px!important}
html[data-theme=dark]{--indigo:#14b8a6;--indigo2:#0f766e;--pink:#fb7185}
html[data-theme=dark] body{background:radial-gradient(circle at top left,rgba(20,184,166,.12),transparent 34%),var(--bg)!important}
html[data-theme=dark] .cat-pill.active,html[data-theme=dark] .view-icons .active,html[data-theme=dark] .drawer-top,html[data-theme=dark] .table-add,html[data-theme=dark] .access-form button{background:linear-gradient(135deg,#0d9488,#0891b2)!important;border-color:#0d9488!important;color:#fff!important}
html[data-theme=dark] .sort-menu button.active{background:rgba(20,184,166,.18)!important;color:#99f6e4!important}
html[data-theme=dark] .footer-logo{background:linear-gradient(135deg,#0d9488,#0891b2)!important;box-shadow:0 14px 30px rgba(20,184,166,.18)!important}
html[data-theme=dark] .footer-panel:after{background:linear-gradient(135deg,transparent 20%,rgba(20,184,166,.13),rgba(8,145,178,.16))!important}
html[data-theme=dark] .footer-feature>span,html[data-theme=dark] .footer-socials a{background:rgba(20,184,166,.13)!important;color:#99f6e4!important}
html[data-theme=dark] .mini-cat{background:rgba(20,184,166,.14)!important;color:#99f6e4!important}
html[data-theme=dark] .product-main small,html[data-theme=dark] .sold-text{background:rgba(251,113,133,.15)!important;color:#fecdd3!important}
.product-main{display:grid!important;gap:9px!important;min-width:0!important}.product-main .product-title{min-height:auto!important}.product-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-top:2px!important}.product-meta p,.product-meta small{margin:0!important}.product-meta p{color:var(--muted)!important;font-size:12px!important}.product-meta small{font-size:11px!important;background:#fff1f2!important;color:#e11d48!important;border-radius:999px!important;padding:4px 8px!important;white-space:nowrap!important}.card-bottom button{background:linear-gradient(135deg,#ecfeff,#ccfbf1)!important;color:#0f766e!important;border:1px solid rgba(20,184,166,.30)!important;box-shadow:0 10px 24px rgba(20,184,166,.14)!important;display:grid!important;place-items:center!important}.card-bottom button:hover{background:linear-gradient(135deg,#ccfbf1,#a7f3d0)!important;filter:none!important}.table-add{background:linear-gradient(135deg,#0d9488,#0891b2)!important;box-shadow:0 10px 24px rgba(20,184,166,.14)!important}.modal-visual{height:188px!important;background:linear-gradient(135deg,#0f766e,#0891b2)!important}.modal-thumb-img{display:none;width:100%;height:100%;object-fit:cover}.modal-visual .modal-thumb-img[style*="block"]+span,.modal-visual .modal-thumb-img[src]+span{display:none}.modal-visual b{position:absolute;left:16px;bottom:14px;background:rgba(15,23,42,.42);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 12px;font-size:12px;letter-spacing:2px;backdrop-filter:blur(8px)}.modal-visual:after{display:none}.sales-list{overflow:hidden!important}.sales-list-inner{will-change:transform}.sale-item .sale-thumb{background:#e6fffb!important;color:#0f766e!important}.sale-item .sale-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.sale-item div{min-width:0}.sale-item b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sort-btn::after{content:""!important;position:absolute!important;right:13px!important;top:50%!important;width:8px!important;height:8px!important;border-right:2px solid currentColor!important;border-bottom:2px solid currentColor!important;transform:translateY(-65%) rotate(45deg)!important;background:transparent!important}
@media(max-width:640px){
  body{overflow-x:hidden!important}.ds-shell{width:100%!important;max-width:100%!important;padding-left:12px!important;padding-right:12px!important}.main-wrap{overflow:hidden!important}.content-grid,.products-side,#productGrid,#productListView,.product-table-wrap{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}.hero-card{display:grid!important;margin-bottom:24px!important}.product-grid{grid-template-columns:1fr!important;gap:12px!important}.product-card{width:100%!important;max-width:100%!important;min-width:0!important;border-radius:18px!important;padding:10px 10px 0!important}.product-card>.thumb{height:158px!important}.product-main{gap:8px!important}.product-meta p{font-size:12px!important}.product-meta small{font-size:11px!important}.card-bottom button{width:40px!important;height:40px!important;border-radius:14px!important}.products-side[data-view="list"] #productGrid,.products-side.is-list-view #productGrid{display:none!important}.products-side[data-view="list"] #productListView,.products-side.is-list-view #productListView{display:block!important;width:100%!important;overflow:visible!important}.products-side[data-view="list"] .product-table,.products-side.is-list-view .product-table,.products-side[data-view="list"] .product-table tbody,.products-side.is-list-view .product-table tbody{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.products-side[data-view="list"] .product-table thead,.products-side.is-list-view .product-table thead{display:none!important}.products-side[data-view="list"] .product-table tr,.products-side.is-list-view .product-table tr{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;grid-template-areas:"thumb info" "meta meta" "price action"!important;gap:10px 12px!important;width:100%!important;max-width:100%!important;margin:0 0 12px!important;padding:12px!important;border:1px solid var(--line)!important;border-radius:18px!important;background:var(--card)!important;box-shadow:0 10px 26px rgba(15,23,42,.07)!important;overflow:hidden!important}.products-side[data-view="list"] .product-table tr.hidden,.products-side.is-list-view .product-table tr.hidden{display:none!important}.products-side[data-view="list"] .product-table td,.products-side.is-list-view .product-table td{display:block!important;padding:0!important;border:0!important;min-width:0!important;max-width:100%!important}.products-side[data-view="list"] .product-table td:first-child,.products-side.is-list-view .product-table td:first-child{grid-column:1/3!important;grid-row:1!important}.products-side[data-view="list"] .table-product,.products-side.is-list-view .table-product{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;gap:12px!important;align-items:start!important;min-width:0!important;width:100%!important}.products-side[data-view="list"] .table-product .thumb.mini,.products-side.is-list-view .table-product .thumb.mini{width:76px!important;height:76px!important;flex:0 0 76px!important;border-radius:14px!important}.products-side[data-view="list"] .table-product>div:last-child,.products-side.is-list-view .table-product>div:last-child{min-width:0!important}.products-side[data-view="list"] .table-product .product-title,.products-side.is-list-view .table-product .product-title{font-size:15px!important;line-height:1.3!important;display:block!important;width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important}.products-side[data-view="list"] .table-product p,.products-side.is-list-view .table-product p{display:block!important;margin:5px 0 0!important;font-size:11px!important;line-height:1.4!important;max-width:100%!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.products-side[data-view="list"] .product-table td:nth-child(2),.products-side.is-list-view .product-table td:nth-child(2){grid-column:1/2!important;grid-row:2!important}.products-side[data-view="list"] .product-table td:nth-child(3),.products-side.is-list-view .product-table td:nth-child(3){grid-column:1/2!important;grid-row:3!important;align-self:end!important}.products-side[data-view="list"] .product-table td:nth-child(4),.products-side.is-list-view .product-table td:nth-child(4){grid-column:2/3!important;grid-row:2!important;justify-self:end!important;color:var(--muted)!important;font-size:12px!important}.products-side[data-view="list"] .product-table td:nth-child(4)::before,.products-side.is-list-view .product-table td:nth-child(4)::before{content:"Stok: ";font-weight:800}.products-side[data-view="list"] .product-table td:nth-child(5),.products-side.is-list-view .product-table td:nth-child(5){grid-column:2/3!important;grid-row:2!important;justify-self:start!important;margin-left:68px!important}.products-side[data-view="list"] .product-table td:nth-child(6),.products-side.is-list-view .product-table td:nth-child(6){grid-column:2/3!important;grid-row:3!important;justify-self:end!important;align-self:end!important}.products-side[data-view="list"] .sold-text,.products-side.is-list-view .sold-text{font-size:10px!important;border-radius:999px!important}.products-side[data-view="list"] .sold-text::before,.products-side.is-list-view .sold-text::before{content:"Terjual: "}.products-side[data-view="list"] .table-price,.products-side.is-list-view .table-price{font-size:17px!important;line-height:1.2!important;color:var(--indigo)!important}.products-side[data-view="list"] .table-add,.products-side.is-list-view .table-add{height:38px!important;max-width:118px!important;padding:0 12px!important;border-radius:13px!important;white-space:nowrap!important;font-size:12px!important}.modal-visual{height:210px!important}.product-modal-card{width:min(460px,100%)!important}
}

.cart-drawer.open .cart-backdrop{background:rgba(15,23,42,.58)!important;backdrop-filter:blur(4px)!important}.cart-drawer aside{box-shadow:-24px 0 70px rgba(15,23,42,.20)!important}.cart-row{align-items:center!important;border-bottom:1px solid var(--line)!important}.cart-row>div{min-width:0!important}.cart-row b{color:var(--text)!important;line-height:1.35!important}.qty button{display:grid!important;place-items:center!important;color:var(--text)!important;font-weight:950!important;cursor:pointer!important}.qty span{min-width:22px;text-align:center;font-weight:900;color:var(--text)!important}.cart-thumb-img{overflow:hidden!important}.cart-thumb-img img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;display:block!important}.card-bottom button{position:relative!important;overflow:hidden!important;text-indent:-999px!important;font-size:0!important}.card-bottom button::before{content:"";width:19px;height:19px;background:currentColor;display:block;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 18a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm10 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM6.2 6l.8 8.1A3 3 0 0 0 10 17h6.6a3 3 0 0 0 2.9-2.3l1.1-5A2 2 0 0 0 18.7 7H8.1L7.8 4.9A3 3 0 0 0 4.9 2H3a1 1 0 0 0 0 2h1.9a1 1 0 0 1 1 .9L6.2 6Z"/></svg>') center/contain no-repeat;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 18a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm10 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM6.2 6l.8 8.1A3 3 0 0 0 10 17h6.6a3 3 0 0 0 2.9-2.3l1.1-5A2 2 0 0 0 18.7 7H8.1L7.8 4.9A3 3 0 0 0 4.9 2H3a1 1 0 0 0 0 2h1.9a1 1 0 0 1 1 .9L6.2 6Z"/></svg>') center/contain no-repeat}.product-card>.thumb,.table-product .thumb.mini{display:grid!important;place-items:center!important}.product-card>.thumb img,.table-product .thumb.mini img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;display:block!important}.product-card>.thumb b,.table-product .thumb.mini b{display:grid!important;place-items:center!important;text-align:center!important}
html[data-theme=dark] .cart-backdrop{background:rgba(2,6,23,.74)!important}html[data-theme=dark] .cart-drawer aside{background:#111827!important;border-left:1px solid rgba(45,212,191,.18)!important;box-shadow:-26px 0 80px rgba(0,0,0,.55)!important}html[data-theme=dark] .drawer-top{background:linear-gradient(135deg,#0f766e,#155e75)!important;border-bottom:1px solid rgba(153,246,228,.16)!important}html[data-theme=dark] .cart-items{background:#111827!important}html[data-theme=dark] .cart-row{background:#172033!important;border:1px solid rgba(148,163,184,.16)!important;border-radius:16px!important;padding:12px!important;margin-bottom:10px!important}html[data-theme=dark] .cart-row p{color:#5eead4!important}html[data-theme=dark] .qty button{background:#22304a!important;border-color:rgba(148,163,184,.28)!important;color:#f8fafc!important}html[data-theme=dark] .qty button:hover{background:#0f766e!important;border-color:#14b8a6!important;color:#fff!important}html[data-theme=dark] .drawer-foot{background:#0f172a!important;border-top-color:rgba(148,163,184,.18)!important}html[data-theme=dark] .drawer-foot .btn{background:linear-gradient(135deg,#0f766e,#155e75)!important;color:#fff!important}html[data-theme=dark] .card-bottom button{background:linear-gradient(135deg,#0f766e,#155e75)!important;color:#ecfeff!important;border:1px solid rgba(45,212,191,.30)!important;box-shadow:0 12px 26px rgba(6,182,212,.14)!important}html[data-theme=dark] .card-bottom button:hover{background:linear-gradient(135deg,#14b8a6,#0e7490)!important}
@media(max-width:640px){.cart-drawer.open .cart-backdrop{background:rgba(2,6,23,.62)!important;opacity:1!important}.cart-drawer aside{width:100%!important;height:86vh!important;background:var(--card)!important;border-radius:24px 24px 0 0!important;border:1px solid var(--line)!important;border-bottom:0!important;box-shadow:0 -24px 70px rgba(15,23,42,.24)!important}.drawer-top{border-radius:24px 24px 0 0!important}.cart-items{padding:14px!important}.cart-row{background:var(--soft)!important;border:1px solid var(--line)!important;border-radius:16px!important;padding:12px!important;margin-bottom:10px!important}.qty button{width:32px!important;height:32px!important;border-radius:10px!important;background:var(--card)!important}.product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important}.product-card{padding:8px 8px 0!important;border-radius:16px!important;min-width:0!important}.product-card>.thumb{height:102px!important;border-radius:13px!important}.product-main{padding:9px 2px 0!important;gap:6px!important}.product-main .product-title{font-size:13px!important;line-height:1.25!important;-webkit-line-clamp:2!important;min-height:33px!important}.mini-cat{font-size:9.5px!important;padding:3px 6px!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.product-meta{gap:5px!important}.product-meta p{font-size:10.5px!important}.product-meta small{font-size:9.5px!important;padding:3px 6px!important}.card-bottom{margin-top:9px!important;padding:10px 2px 11px!important;gap:6px!important}.card-bottom strong{font-size:14px!important;line-height:1.15!important}.card-bottom del{font-size:10px!important}.card-bottom button{width:36px!important;height:36px!important;border-radius:12px!important;flex:0 0 36px!important}.card-bottom button::before{width:17px;height:17px}html[data-theme=dark] .cart-drawer aside{background:#111827!important;border-color:rgba(45,212,191,.18)!important}html[data-theme=dark] .cart-row{background:#172033!important;border-color:rgba(148,163,184,.16)!important}html[data-theme=dark] .qty button{background:#22304a!important;color:#f8fafc!important;border-color:rgba(148,163,184,.28)!important}}
@media(max-width:390px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.product-card>.thumb{height:94px!important}.product-main .product-title{font-size:12.5px!important}.card-bottom strong{font-size:13px!important}.product-meta{align-items:flex-start!important}.product-meta small{max-width:74px;overflow:hidden;text-overflow:ellipsis}}

.product-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
.product-card{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  min-height:0!important;
  padding:12px 12px 0!important;
  border-radius:22px!important;
  border:1px solid color-mix(in srgb,var(--line) 88%, transparent)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%, #fff 4%) 0%,color-mix(in srgb,var(--card) 98%, var(--soft) 2%) 100%)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.06)!important;
  overflow:hidden!important;
}
.product-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 22px 44px rgba(15,23,42,.10)!important;
}
.product-card>.thumb{
  width:100%!important;
  height:168px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#38bdf8,#4f46e5)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.product-card>.thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}
.product-card>.thumb b{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  background:radial-gradient(circle at center,rgba(255,255,255,.10) 0,rgba(255,255,255,0) 36%),linear-gradient(135deg,#38bdf8 0%,#4f46e5 100%)!important;
  color:#fff!important;
  letter-spacing:.08em!important;
  font-size:15px!important;
  font-weight:900!important;
}
.product-card>.thumb em{
  left:0!important;
  top:0!important;
  padding:6px 10px!important;
  border-radius:0 0 10px 0!important;
  font-size:11px!important;
  font-weight:900!important;
  box-shadow:0 10px 24px rgba(236,72,153,.22)!important;
}
.product-main{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:13px 2px 0!important;
}
.product-main .product-title{
  margin:0!important;
  min-height:42px!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:900!important;
  text-decoration:none!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.product-main .product-title:hover{
  text-decoration:none!important;
}
.mini-cat{
  align-self:flex-start!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--indigo) 9%, white)!important;
  color:var(--indigo)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.product-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-top:2px!important;
  padding-top:2px!important;
}
.product-meta p,
.product-meta small{
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  color:var(--muted)!important;
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:600!important;
}
.card-bottom{
  grid-column:auto!important;
  margin-top:auto!important;
  padding:14px 2px 14px!important;
  border-top:1px solid color-mix(in srgb,var(--line) 75%, transparent)!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.card-bottom > div{
  min-width:0!important;
  flex:1 1 auto!important;
}
.card-bottom strong{
  display:block!important;
  font-size:17px!important;
  line-height:1.1!important;
  font-weight:900!important;
  color:#06b6d4!important;
}
.card-bottom del{
  display:block!important;
  margin-top:4px!important;
  font-size:12px!important;
  line-height:1!important;
  color:var(--muted)!important;
}
.card-bottom button{
  width:auto!important;
  min-width:88px!important;
  height:42px!important;
  padding:0 14px!important;
  border-radius:14px!important;
  border:1px solid color-mix(in srgb,var(--line) 80%, transparent)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 82%, white 18%) 0%,color-mix(in srgb,var(--soft) 96%, var(--card) 4%) 100%)!important;
  color:var(--text)!important;
  box-shadow:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  text-indent:0!important;
}
.card-bottom button::before{
  content:""!important;
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  background:currentColor!important;
  opacity:.9!important;
}
.card-bottom button::after{
  content:"Beli"!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
}
.card-bottom button:hover{
  background:linear-gradient(180deg,color-mix(in srgb,var(--card) 86%, white 14%) 0%,color-mix(in srgb,var(--soft) 88%, white 12%) 100%)!important;
  border-color:color-mix(in srgb,var(--indigo) 18%, var(--line) 82%)!important;
  color:var(--indigo)!important;
  transform:translateY(-1px)!important;
}

html[data-theme=dark] .product-card{
  background:linear-gradient(180deg,#152034 0%,#131d30 100%)!important;
  border-color:rgba(148,163,184,.16)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.22)!important;
}
html[data-theme=dark] .product-card:hover{
  box-shadow:0 20px 48px rgba(0,0,0,.30)!important;
}
html[data-theme=dark] .product-card>.thumb{
  background:linear-gradient(135deg,#38bdf8 0%,#4f46e5 100%)!important;
}
html[data-theme=dark] .mini-cat{
  background:rgba(15,118,110,.22)!important;
  color:#99f6e4!important;
}
html[data-theme=dark] .product-meta p,
html[data-theme=dark] .product-meta small,
html[data-theme=dark] .card-bottom del{
  color:#9fb0c8!important;
}
html[data-theme=dark] .card-bottom{
  border-top-color:rgba(148,163,184,.16)!important;
}
html[data-theme=dark] .card-bottom strong{
  color:#22d3ee!important;
}
html[data-theme=dark] .card-bottom button{
  background:linear-gradient(180deg,#18263b 0%,#152033 100%)!important;
  border-color:rgba(148,163,184,.20)!important;
  color:#e5eefc!important;
}
html[data-theme=dark] .card-bottom button:hover{
  background:linear-gradient(180deg,#1b2c45 0%,#16243a 100%)!important;
  border-color:rgba(56,189,248,.26)!important;
  color:#67e8f9!important;
}

@media (max-width:1180px){
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}

@media (max-width:640px){
  .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .product-card{
    padding:9px 9px 0!important;
    border-radius:18px!important;
  }
  .product-card>.thumb{
    height:122px!important;
    border-radius:16px!important;
  }
  .product-card>.thumb em{
    padding:5px 8px!important;
    font-size:10px!important;
  }
  .product-main{
    padding:10px 1px 0!important;
    gap:7px!important;
  }
  .product-main .product-title{
    min-height:34px!important;
    font-size:13.5px!important;
    line-height:1.28!important;
  }
  .mini-cat{
    padding:4px 7px!important;
    font-size:9.5px!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .product-meta p,
  .product-meta small{
    font-size:10.5px!important;
  }
  .card-bottom{
    padding:12px 1px 12px!important;
    gap:8px!important;
  }
  .card-bottom strong{
    font-size:14px!important;
  }
  .card-bottom del{
    font-size:10px!important;
    margin-top:3px!important;
  }
  .card-bottom button{
    min-width:38px!important;
    width:38px!important;
    height:38px!important;
    padding:0!important;
    border-radius:12px!important;
    flex:0 0 38px!important;
  }
  .card-bottom button::before{
    width:16px!important;
    height:16px!important;
    flex-basis:16px!important;
  }
  .card-bottom button::after{
    content:none!important;
  }
}

@media (max-width:390px){
  .product-grid{gap:10px!important;}
  .product-card>.thumb{height:112px!important;}
  .product-main .product-title{font-size:12.75px!important;min-height:33px!important;}
  .product-meta p,.product-meta small{font-size:10px!important;}
  .card-bottom strong{font-size:13px!important;}
}

.copyable-stock{position:relative;}
.delivered-stock-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;}
.copy-stock-btn{border:1px solid rgba(99,102,241,.18);background:rgba(255,255,255,.78);color:#4f46e5;border-radius:999px;padding:8px 11px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 10px 24px rgba(15,23,42,.07);transition:.16s ease;white-space:nowrap;}
.copy-stock-btn:hover{transform:translateY(-1px);background:#eef2ff;}
.copy-stock-btn.copied{background:#e9fbf3;color:#0d7d5d;border-color:#bfeeda;}
html[data-theme="dark"] .copy-stock-btn,body[data-theme="dark"] .copy-stock-btn{background:rgba(15,23,42,.78);border-color:rgba(148,163,184,.25);color:#bfdbfe;}
html[data-theme="dark"] .copy-stock-btn:hover,body[data-theme="dark"] .copy-stock-btn:hover{background:#172036;}
html[data-theme="dark"] .copy-stock-btn.copied,body[data-theme="dark"] .copy-stock-btn.copied{background:rgba(22,163,125,.18);color:#a7f3d0;border-color:rgba(22,163,125,.36);}
@media(max-width:520px){.delivered-stock-head{align-items:flex-start;}.copy-stock-btn span{display:none;}.copy-stock-btn{padding:8px 10px;}}

.content-grid{grid-template-columns:minmax(0,1fr)!important;gap:0!important;align-items:start!important}
.products-side{width:100%!important;min-width:0!important}
.product-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))!important}
.product-table-wrap{width:100%!important}
.recent-sale-toast{position:fixed;left:22px;bottom:22px;z-index:160;width:min(360px,calc(100vw - 32px));min-height:84px;padding:14px 42px 14px 14px;border:1px solid color-mix(in srgb,var(--line) 78%,transparent);border-radius:22px;background:color-mix(in srgb,var(--card) 94%,transparent);box-shadow:0 22px 60px rgba(15,23,42,.18);backdrop-filter:blur(18px);display:grid;grid-template-columns:54px minmax(0,1fr);gap:13px;align-items:center;opacity:0;transform:translate3d(-12px,16px,0) scale(.97);pointer-events:none;transition:opacity .24s ease,transform .24s ease}
.recent-sale-toast.show{opacity:1;transform:translate3d(0,0,0) scale(1);pointer-events:auto}
.recent-sale-close{position:absolute;right:10px;top:10px;width:24px;height:24px;border:0;border-radius:999px;background:var(--soft);color:var(--muted);font-size:16px;line-height:1;display:grid;place-items:center;cursor:pointer}
.recent-sale-close:hover{background:#fee2e2;color:#dc2626}
.recent-sale-thumb{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#eef2ff,#fdf2f8);color:var(--indigo);display:grid;place-items:center;overflow:hidden;font-size:21px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.recent-sale-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.recent-sale-text{min-width:0}.recent-sale-text small{display:inline-flex;align-items:center;gap:6px;margin-bottom:3px;color:var(--indigo);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.35px}.recent-sale-text small:before{content:"";width:7px;height:7px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12)}.recent-sale-text b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:var(--text);line-height:1.3}.recent-sale-text p{margin:4px 0 0;color:var(--muted);font-size:12px}.recent-sale-text i{font-style:normal;color:var(--muted)}
html[data-theme=dark] .recent-sale-toast{background:rgba(21,31,50,.92);box-shadow:0 22px 60px rgba(0,0,0,.38)}html[data-theme=dark] .recent-sale-thumb{background:linear-gradient(135deg,#172554,#312e81)}
@media(max-width:640px){.recent-sale-toast{left:12px;bottom:14px;width:calc(100vw - 24px);border-radius:19px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

.product-card>.thumb,
.table-product .thumb.mini,
.flash-thumb,
.sale-item .sale-thumb,
.cart-thumb-img,
.modal-visual{
  position:relative!important;
  overflow:hidden!important;
}
.product-card>.thumb img,
.product-card>.thumb .ds-product-thumb-img,
.table-product .thumb.mini img,
.table-product .thumb.mini .ds-product-thumb-img,
.flash-thumb img,
.flash-thumb .ds-product-thumb-img,
.sale-item .sale-thumb img,
.cart-thumb-img img,
.modal-thumb-img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  min-width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  margin:0!important;
}
.product-card>.thumb b,
.table-product .thumb.mini b{
  position:relative!important;
  z-index:1!important;
}
.product-card>.thumb em,
.table-product .thumb.mini em,
.grid-stock-out-chip,
.stock-out-chip{
  z-index:3!important;
}

.promo-input-row{display:flex;gap:10px;align-items:center}
.promo-input-row input{flex:1;min-width:0;text-transform:uppercase}
.promo-input-row button{height:46px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--indigo) 14%,var(--card));color:var(--indigo);font-weight:900;padding:0 16px;cursor:pointer;white-space:nowrap}
.promo-input-row button:disabled{opacity:.65;cursor:not-allowed}
.promo-message{min-height:18px;font-size:12px;font-weight:800;color:var(--muted)}
.promo-message.ok{color:#16a34a}.promo-message.err{color:#ef4444}
.summary-lines{padding:14px 18px 0;border-top:1px solid var(--line);background:var(--card)}
.summary-lines p{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 10px;color:var(--muted);font-size:14px}
.summary-lines b{color:var(--text)}
.summary-lines .discount-row span,.summary-lines .discount-row b{color:#16a34a;font-weight:950}
html[data-theme=dark] .promo-input-row button{background:rgba(34,211,238,.10);border-color:rgba(148,163,184,.22);color:#67e8f9}
html[data-theme=dark] .summary-lines{background:rgba(15,23,42,.72);border-color:rgba(148,163,184,.16)}
html[data-theme=dark] .promo-message.ok,html[data-theme=dark] .summary-lines .discount-row span,html[data-theme=dark] .summary-lines .discount-row b{color:#86efac}
html[data-theme=dark] .promo-message.err{color:#fca5a5}
@media(max-width:640px){.promo-input-row{gap:8px}.promo-input-row button{padding:0 12px}.summary-lines{padding:12px 16px 0}}

.secure-track-card{max-width:100%;}
.track-delivered-layout{display:grid;grid-template-columns:minmax(0,65fr) minmax(280px,35fr);gap:18px;align-items:stretch;margin-top:20px;}
.track-product-panel,.track-terms-panel{border:1px solid var(--line);background:color-mix(in srgb,var(--card) 95%,var(--soft));border-radius:22px;padding:18px;box-shadow:0 16px 36px rgba(15,23,42,.05);min-width:0;}
.track-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px;}
.track-panel-head>div{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:10px;align-items:start;min-width:0;}
.track-panel-icon{grid-row:1/3;width:34px;height:34px;border-radius:12px;background:color-mix(in srgb,var(--indigo) 12%,var(--card));color:var(--indigo);display:grid;place-items:center;font-weight:950;}
.track-panel-head h3,.track-terms-title h3{margin:0;color:var(--text);font-size:17px;letter-spacing:-.01em;}
.track-panel-head p{grid-column:2;margin:4px 0 0;color:var(--muted);line-height:1.45;}
.track-delivered-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border-radius:999px;background:color-mix(in srgb,#22c55e 12%,var(--card));color:#15803d;border:1px solid color-mix(in srgb,#22c55e 24%,var(--line));font-size:12px;font-weight:950;padding:7px 12px;}
.track-product-panel .delivered-stock{border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--indigo) 10%,var(--soft)),color-mix(in srgb,#a78bfa 9%,var(--soft)));margin:12px 0 0;padding:18px;border-color:color-mix(in srgb,var(--indigo) 14%,var(--line));}
.track-product-panel .delivered-stock pre{background:transparent;border-top:1px dashed color-mix(in srgb,var(--indigo) 22%,transparent);padding-top:10px;}
.track-terms-title{display:flex;align-items:center;gap:10px;margin-bottom:13px;}
.track-terms-title span{width:32px;height:32px;border-radius:12px;background:color-mix(in srgb,var(--indigo) 12%,var(--card));display:grid;place-items:center;}
.track-terms-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
.track-terms-panel li{position:relative;padding-left:24px;color:var(--text);line-height:1.55;font-size:13.5px;}
.track-terms-panel li:before{content:"✓";position:absolute;left:0;top:.1em;width:15px;height:15px;border-radius:999px;background:var(--indigo);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:950;}
html[data-theme=dark] .track-product-panel,html[data-theme=dark] .track-terms-panel{background:rgba(32,43,64,.72);border-color:rgba(148,163,184,.24);box-shadow:0 18px 45px rgba(6,12,26,.20);}
html[data-theme=dark] .track-panel-icon,html[data-theme=dark] .track-terms-title span{background:rgba(124,140,255,.14);color:#dbe3ff;}
html[data-theme=dark] .track-delivered-badge{background:rgba(34,197,94,.14);color:#bbf7d0;border-color:rgba(74,222,128,.24);}
html[data-theme=dark] .track-product-panel .delivered-stock{background:linear-gradient(135deg,rgba(124,140,255,.13),rgba(38,53,77,.72));border-color:rgba(148,163,184,.22);}
@media(max-width:820px){.track-delivered-layout{grid-template-columns:1fr;gap:14px;}.track-panel-head{flex-direction:column;}.track-delivered-badge{align-self:flex-start;}.track-product-panel,.track-terms-panel{border-radius:20px;padding:16px;}.track-panel-head>div{grid-template-columns:30px minmax(0,1fr);}.track-panel-icon,.track-terms-title span{width:30px;height:30px;border-radius:10px;}.track-panel-head h3,.track-terms-title h3{font-size:16px;}.track-product-panel .delivered-stock{padding:15px;}}

.track-terms-scroll{display:grid;gap:12px;max-height:min(70vh,620px);overflow:auto;padding-right:4px}
.track-term-card{border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:18px;background:color-mix(in srgb,var(--card) 96%,var(--soft));overflow:hidden}
.track-term-toggle{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;border:0;background:transparent;padding:14px 15px;text-align:left;cursor:pointer}
.track-term-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--indigo) 18%,#fff),color-mix(in srgb,#14b8a6 15%,#fff));font-weight:950;color:var(--indigo)}
.track-term-meta{display:grid;gap:3px;min-width:0}
.track-term-meta b{font-size:14px;overflow-wrap:anywhere}
.track-term-meta small{color:var(--muted);font-size:12px;font-weight:800}
.track-term-chevron{color:var(--muted);font-size:16px;transition:transform .18s ease}
.track-term-toggle.is-open .track-term-chevron{transform:rotate(180deg)}
.track-term-content{display:none;padding:0 15px 15px 65px}
.track-term-content.is-open{display:block}
.track-term-content ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.track-term-content li{position:relative;padding-left:22px;line-height:1.58;font-size:13.5px;color:var(--text)}
.track-term-content li::before{content:'✓';position:absolute;left:0;top:.18em;width:15px;height:15px;border-radius:999px;background:var(--indigo);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}
.track-terms-note{margin-top:14px;padding:12px 13px;border:1px dashed color-mix(in srgb,var(--line) 82%,transparent);border-radius:15px;background:color-mix(in srgb,var(--soft) 84%,transparent);color:var(--muted);font-size:13px;line-height:1.55}
html[data-theme=dark] .track-term-card{background:rgba(21,33,53,.74);border-color:rgba(148,163,184,.18)}
html[data-theme=dark] .track-term-icon{background:linear-gradient(135deg,rgba(129,140,248,.20),rgba(45,212,191,.16));color:#eef2ff}
html[data-theme=dark] .track-term-meta b{color:#f8fbff}
html[data-theme=dark] .track-term-content li{color:#dbe6f2}
html[data-theme=dark] .track-terms-note{background:rgba(18,29,47,.72);border-color:rgba(148,163,184,.18);color:#b9c7d7}
@media(max-width:820px){.track-term-toggle{padding:12px 13px;grid-template-columns:34px minmax(0,1fr) auto}.track-term-icon{width:34px;height:34px;border-radius:11px}.track-term-content{padding:0 13px 13px 53px}}

.track-card.secure-track-card{max-width:100%!important;padding:20px!important;border-radius:26px!important}
.secure-track-card .track-form{margin:10px 0 18px!important;padding:0!important;display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:10px}
.secure-track-card .track-form input{height:50px;border-radius:16px!important}
.secure-track-card .track-form button{height:50px;border-radius:16px;background:linear-gradient(135deg,#14b8a6,#22d3ee)}
.track-result{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0!important;padding:8px 12px!important;border:1px solid var(--line)!important;border-radius:20px!important;background:color-mix(in srgb,var(--card) 96%,var(--soft))!important}
.track-result>div{background:transparent!important;border:0!important;border-right:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important;border-radius:0!important;padding:14px 16px!important;box-shadow:none!important}
.track-result>div:last-child{border-right:0!important}
.track-result small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:900}
.track-delivered-layout{gap:16px!important;align-items:start!important}
.track-product-panel,.track-terms-panel{padding:18px 18px 16px!important;border-radius:22px!important;box-shadow:none!important}
.track-panel-head{padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid color-mix(in srgb,var(--line) 76%,transparent)}
.track-panel-head h3,.track-terms-title h3{font-size:18px!important}
.track-terms-title{margin-bottom:12px!important}
.track-terms-scroll{gap:10px!important;max-height:520px!important}
.track-term-card{border-radius:16px!important;background:color-mix(in srgb,var(--card) 92%,var(--soft))!important;box-shadow:none!important}
.track-term-toggle{padding:12px 13px!important}
.track-term-content{padding:0 13px 13px 53px!important}
.track-terms-note{margin-top:12px!important;border-radius:14px!important}
.delivered-stock{margin:0 0 12px!important;padding:15px!important;border-radius:16px!important;background:color-mix(in srgb,var(--card) 92%,var(--soft))!important;box-shadow:none!important}
.delivered-stock:last-child{margin-bottom:0!important}
html[data-theme=dark] .track-card.secure-track-card,html[data-theme=dark] .track-result,html[data-theme=dark] .track-product-panel,html[data-theme=dark] .track-terms-panel{background:linear-gradient(180deg,rgba(30,43,68,.96),rgba(23,34,56,.98))!important;border-color:rgba(148,163,184,.18)!important;box-shadow:0 20px 46px rgba(2,6,23,.18)!important}
html[data-theme=dark] .track-result>div{border-right-color:rgba(148,163,184,.14)!important}
html[data-theme=dark] .track-panel-head{border-bottom-color:rgba(148,163,184,.14)!important}
html[data-theme=dark] .track-term-card,html[data-theme=dark] .delivered-stock{background:rgba(18,29,47,.7)!important;border-color:rgba(148,163,184,.14)!important}
@media(max-width:820px){.secure-track-card .track-form{grid-template-columns:1fr!important}.track-result{grid-template-columns:1fr 1fr!important;padding:6px 10px!important}.track-result>div{padding:12px 10px!important}.track-delivered-layout{grid-template-columns:1fr!important;gap:14px!important}}
@media(max-width:560px){.track-result{grid-template-columns:1fr!important}.track-result>div{border-right:0!important;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important}.track-result>div:last-child{border-bottom:0!important}}

/* Order warranty system v1 */
.track-warranty-block{margin-top:18px;padding-top:18px;border-top:1px dashed var(--line)}
.track-warranty-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.track-warranty-title>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,#14b8a6 12%,var(--card))}.track-warranty-title div{display:grid;gap:2px}.track-warranty-title b{font-size:15px}.track-warranty-title small{color:var(--muted);font-size:12px}
.track-warranty-list{display:grid;gap:9px}.track-warranty-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--card) 94%,var(--soft))}.track-warranty-item>div{display:grid;gap:3px}.track-warranty-item>div small{color:var(--muted)}.track-warranty-item>span{font-size:12px;font-weight:800;padding:6px 9px;border-radius:999px;background:color-mix(in srgb,#14b8a6 10%,var(--card));color:#0f766e;white-space:nowrap}.track-warranty-item>span.is-muted{background:var(--soft);color:var(--muted)}
html[data-theme=dark] .track-warranty-item{background:rgba(18,29,47,.72);border-color:rgba(148,163,184,.18)}html[data-theme=dark] .track-warranty-item>span{color:#99f6e4}
@media(max-width:640px){.track-warranty-item{align-items:flex-start;flex-direction:column}.track-warranty-item>span{white-space:normal}}

/* v13.1.1 checkout public maintenance notice */
body.checkout-notice-open{overflow:hidden}
.checkout-notice-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}
.checkout-notice-modal.open{opacity:1;visibility:visible;pointer-events:auto}
.checkout-notice-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.58);backdrop-filter:blur(8px)}
.checkout-notice-card{position:relative;z-index:1;width:min(440px,calc(100vw - 28px));padding:30px 26px 24px;border:1px solid rgba(148,163,184,.22);border-radius:28px;background:var(--card,#fff);box-shadow:0 28px 80px rgba(15,23,42,.28);text-align:center;transform:translateY(10px) scale(.98);transition:transform .18s ease}
.checkout-notice-modal.open .checkout-notice-card{transform:translateY(0) scale(1)}
.checkout-notice-close{position:absolute;right:14px;top:14px;width:36px;height:36px;border:0;border-radius:999px;background:var(--soft,#f1f5f9);color:var(--muted,#64748b);font-size:24px;line-height:1;display:grid;place-items:center;cursor:pointer}
.checkout-notice-icon{width:64px;height:64px;margin:0 auto 14px;border-radius:20px;display:grid;place-items:center;background:#fff7ed;color:#c2410c;font-size:30px;box-shadow:inset 0 0 0 1px #fed7aa}
.checkout-notice-kicker{display:block;margin-bottom:8px;color:#ea580c;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.checkout-notice-card h3{margin:0;color:var(--text,#0f172a);font-size:24px;line-height:1.2}
.checkout-notice-card p{margin:12px auto 0;max-width:360px;color:var(--muted,#64748b);font-size:15px;line-height:1.7}
.checkout-notice-action{margin-top:22px;width:100%;min-height:50px;border:0;border-radius:16px;background:linear-gradient(135deg,#4f46e5,#6d4aff);color:#fff;font-weight:900;font-size:15px;cursor:pointer;box-shadow:0 14px 30px rgba(79,70,229,.22)}
.checkout-notice-modal:not(.is-maintenance) .checkout-notice-icon{background:#fef2f2;color:#dc2626;box-shadow:inset 0 0 0 1px #fecaca}
.checkout-notice-modal:not(.is-maintenance) .checkout-notice-kicker{color:#dc2626}
html[data-theme=dark] .checkout-notice-card,body[data-theme=dark] .checkout-notice-card{background:#111827;border-color:rgba(148,163,184,.24);box-shadow:0 28px 80px rgba(0,0,0,.48)}
html[data-theme=dark] .checkout-notice-close,body[data-theme=dark] .checkout-notice-close{background:#1f2937;color:#cbd5e1}
@media(max-width:520px){.checkout-notice-modal{padding:12px}.checkout-notice-card{border-radius:24px;padding:28px 20px 20px}.checkout-notice-card h3{font-size:21px}.checkout-notice-card p{font-size:14px}.checkout-notice-icon{width:58px;height:58px;border-radius:18px;font-size:27px}}

/* END assets/css/front-mobile-v7.css */

/* BEGIN assets/css/product-grid-v20.css */
#productsSide[data-view="grid"] #productGrid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
#productsSide[data-view="grid"] #productListView{display:none!important}
#productsSide[data-view="grid"] #productGrid .product-card{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  gap:0!important;
  padding:12px 12px 0!important;
  border-radius:22px!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--line) 86%, transparent)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,#fff 4%),color-mix(in srgb,var(--card) 99%,var(--soft) 1%))!important;
  box-shadow:0 14px 34px rgba(15,23,42,.07)!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
#productsSide[data-view="grid"] #productGrid .product-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 20px 42px rgba(15,23,42,.11)!important;
}
#productsSide[data-view="grid"] #productGrid .product-card>.thumb{
  width:100%!important;
  height:166px!important;
  flex:0 0 auto!important;
  border-radius:18px!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#38bdf8 0%,#4f46e5 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
}
#productsSide[data-view="grid"] #productGrid .product-card>.thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}
#productsSide[data-view="grid"] #productGrid .product-card>.thumb b{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  background:radial-gradient(circle at center,rgba(255,255,255,.13) 0,rgba(255,255,255,0) 37%),linear-gradient(135deg,#38bdf8 0%,#4f46e5 100%)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
}
#productsSide[data-view="grid"] #productGrid .product-card>.thumb em{
  left:0!important;
  top:0!important;
  z-index:2!important;
  padding:6px 10px!important;
  border-radius:0 0 10px 0!important;
  background:#fb7185!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:950!important;
  box-shadow:0 10px 22px rgba(244,63,94,.22)!important;
}
#productsSide[data-view="grid"] #productGrid .product-main{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:13px 2px 0!important;
  min-width:0!important;
}
#productsSide[data-view="grid"] #productGrid .product-main .product-title{
  margin:0!important;
  padding:0!important;
  min-height:40px!important;
  font-size:15px!important;
  line-height:1.34!important;
  font-weight:900!important;
  color:var(--text)!important;
  text-decoration:none!important;
  white-space:normal!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
#productsSide[data-view="grid"] #productGrid .mini-cat{
  align-self:flex-start!important;
  max-width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--indigo) 9%,#fff 91%)!important;
  color:var(--indigo)!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:850!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#productsSide[data-view="grid"] #productGrid .product-meta{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  margin:0!important;
  padding-top:2px!important;
}
#productsSide[data-view="grid"] #productGrid .product-meta p,
#productsSide[data-view="grid"] #productGrid .product-meta small{
  display:block!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border-radius:0!important;
  color:var(--muted)!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:650!important;
}
#productsSide[data-view="grid"] #productGrid .card-bottom{
  width:100%!important;
  grid-column:auto!important;
  margin-top:auto!important;
  padding:14px 2px 14px!important;
  border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:10px!important;
}
#productsSide[data-view="grid"] #productGrid .card-bottom>div{
  min-width:0!important;
  flex:1 1 auto!important;
}
#productsSide[data-view="grid"] #productGrid .card-bottom strong{
  display:block!important;
  color:#0891b2!important;
  font-size:17px!important;
  line-height:1.12!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
}
#productsSide[data-view="grid"] #productGrid .card-bottom del{
  display:block!important;
  margin-top:4px!important;
  color:var(--muted)!important;
  font-size:12px!important;
  line-height:1!important;
}
#productsSide[data-view="grid"] #productGrid .card-bottom button{
  position:relative!important;
  width:auto!important;
  min-width:82px!important;
  height:40px!important;
  flex:0 0 auto!important;
  padding:0 13px!important;
  border-radius:13px!important;
  border:1px solid color-mix(in srgb,var(--line) 86%,transparent)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 78%,#fff 22%),color-mix(in srgb,var(--soft) 96%,var(--card) 4%))!important;
  color:var(--text)!important;
  box-shadow:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  text-indent:0!important;
  font-size:0!important;
}
#productsSide[data-view="grid"] #productGrid .card-bottom button::before{
  content:""!important;
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  display:block!important;
  background:currentColor!important;
  opacity:.92!important;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 18a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm10 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM6.2 6l.8 8.1A3 3 0 0 0 10 17h6.6a3 3 0 0 0 2.9-2.3l1.1-5A2 2 0 0 0 18.7 7H8.1L7.8 4.9A3 3 0 0 0 4.9 2H3a1 1 0 0 0 0 2h1.9a1 1 0 0 1 1 .9L6.2 6Z"/></svg>') center/contain no-repeat!important;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 18a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm10 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM6.2 6l.8 8.1A3 3 0 0 0 10 17h6.6a3 3 0 0 0 2.9-2.3l1.1-5A2 2 0 0 0 18.7 7H8.1L7.8 4.9A3 3 0 0 0 4.9 2H3a1 1 0 0 0 0 2h1.9a1 1 0 0 1 1 .9L6.2 6Z"/></svg>') center/contain no-repeat!important;
}
#productsSide[data-view="grid"] #productGrid .card-bottom button::after{
  content:"Beli"!important;
  display:block!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:850!important;
}
#productsSide[data-view="grid"] #productGrid .card-bottom button:hover{
  color:var(--indigo)!important;
  border-color:color-mix(in srgb,var(--indigo) 20%,var(--line) 80%)!important;
  transform:translateY(-1px)!important;
}
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .product-card{
  background:linear-gradient(180deg,#152034 0%,#111a2c 100%)!important;
  border-color:rgba(148,163,184,.15)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.24)!important;
}
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .product-card:hover{
  border-color:rgba(56,189,248,.22)!important;
  box-shadow:0 22px 48px rgba(0,0,0,.34)!important;
}
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .mini-cat{
  background:rgba(15,118,110,.22)!important;
  color:#99f6e4!important;
}
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .product-meta p,
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .product-meta small,
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .card-bottom del{
  color:#9fb0c8!important;
}
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .card-bottom{
  border-top-color:rgba(148,163,184,.15)!important;
}
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .card-bottom strong{
  color:#22d3ee!important;
}
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .card-bottom button{
  background:linear-gradient(180deg,#18263b 0%,#121d31 100%)!important;
  border-color:rgba(148,163,184,.18)!important;
  color:#e5eefc!important;
}
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .card-bottom button:hover{
  color:#67e8f9!important;
  border-color:rgba(103,232,249,.26)!important;
}
@media(max-width:1180px){
  #productsSide[data-view="grid"] #productGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:640px){
  #productsSide[data-view="grid"] #productGrid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-card{
    border-radius:18px!important;
    padding:8px 8px 0!important;
    box-shadow:0 10px 26px rgba(15,23,42,.08)!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-card>.thumb{
    height:112px!important;
    border-radius:15px!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-card>.thumb b{
    font-size:12px!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-card>.thumb em{
    padding:5px 8px!important;
    font-size:10px!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-main{
    padding:9px 1px 0!important;
    gap:6px!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-main .product-title{
    min-height:34px!important;
    font-size:12.75px!important;
    line-height:1.32!important;
  }
  #productsSide[data-view="grid"] #productGrid .mini-cat{
    padding:4px 7px!important;
    font-size:9px!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-meta{
    gap:6px!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-meta p,
  #productsSide[data-view="grid"] #productGrid .product-meta small{
    font-size:10px!important;
  }
  #productsSide[data-view="grid"] #productGrid .card-bottom{
    padding:10px 1px 11px!important;
    gap:6px!important;
  }
  #productsSide[data-view="grid"] #productGrid .card-bottom strong{
    font-size:13.5px!important;
  }
  #productsSide[data-view="grid"] #productGrid .card-bottom del{
    font-size:9.5px!important;
    margin-top:3px!important;
  }
  #productsSide[data-view="grid"] #productGrid .card-bottom button{
    min-width:36px!important;
    width:36px!important;
    height:36px!important;
    padding:0!important;
    border-radius:12px!important;
  }
  #productsSide[data-view="grid"] #productGrid .card-bottom button::before{
    width:15px!important;
    height:15px!important;
    flex-basis:15px!important;
  }
  #productsSide[data-view="grid"] #productGrid .card-bottom button::after{content:none!important;display:none!important;}
}
@media(max-width:390px){
  #productsSide[data-view="grid"] #productGrid{gap:9px!important;}
  #productsSide[data-view="grid"] #productGrid .product-card{padding:8px 8px 0!important;}
  #productsSide[data-view="grid"] #productGrid .product-card>.thumb{height:104px!important;}
  #productsSide[data-view="grid"] #productGrid .product-main .product-title{font-size:12.25px!important;min-height:32px!important;}
  #productsSide[data-view="grid"] #productGrid .product-meta p,
  #productsSide[data-view="grid"] #productGrid .product-meta small{font-size:9.5px!important;}
  #productsSide[data-view="grid"] #productGrid .card-bottom strong{font-size:12.75px!important;}
}

@media(min-width:641px){
  .products-side[data-view="list"] .table-product,
  .products-side.is-list-view .table-product{
    gap:18px!important;
    min-width:380px!important;
    align-items:center!important;
  }
  .products-side[data-view="list"] .table-product .thumb.mini,
  .products-side.is-list-view .table-product .thumb.mini{
    width:88px!important;
    height:88px!important;
    flex:0 0 88px!important;
    border-radius:18px!important;
  }
  .products-side[data-view="list"] .table-product .thumb.mini b,
  .products-side.is-list-view .table-product .thumb.mini b{
    font-size:11px!important;
    letter-spacing:.08em!important;
  }
  .products-side[data-view="list"] .product-table td,
  .products-side.is-list-view .product-table td{
    padding-top:18px!important;
    padding-bottom:18px!important;
  }
  .products-side[data-view="list"] .table-product .product-title,
  .products-side.is-list-view .table-product .product-title{
    font-size:15.5px!important;
  }
}

#productsSide .card-bottom > div,
#productsSide .product-table td:nth-child(3){
  min-width:0!important;
}
#productsSide .card-bottom strong,
#productsSide .card-bottom del,
#productsSide .table-price,
#productsSide .product-table td:nth-child(3) del,
#productsSide .front-price,
#modalPrice,
#modalOriginal{
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
#productsSide[data-view="grid"] #productGrid .card-bottom strong{
  font-size:clamp(15px,1.14vw,17px)!important;
  letter-spacing:0!important;
}
#productsSide[data-view="grid"] #productGrid .card-bottom del{
  font-size:11.5px!important;
  letter-spacing:0!important;
}
.products-side[data-view="list"] .table-price,
.products-side.is-list-view .table-price{
  display:block!important;
  font-size:clamp(14px,1vw,16px)!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
.products-side[data-view="list"] .product-table td:nth-child(3) del,
.products-side.is-list-view .product-table td:nth-child(3) del{
  font-size:11.5px!important;
  line-height:1.1!important;
  margin-top:4px!important;
  white-space:nowrap!important;
}
@media(max-width:640px){
  #productsSide[data-view="grid"] #productGrid .card-bottom{
    align-items:flex-end!important;
  }
  #productsSide[data-view="grid"] #productGrid .card-bottom > div{
    min-width:0!important;
    flex:1 1 auto!important;
  }
  #productsSide[data-view="grid"] #productGrid .card-bottom strong{
    font-size:clamp(12px,3.25vw,13.25px)!important;
    line-height:1.08!important;
    letter-spacing:-.01em!important;
  }
  #productsSide[data-view="grid"] #productGrid .card-bottom del{
    font-size:clamp(9px,2.55vw,10px)!important;
    line-height:1.05!important;
    letter-spacing:-.01em!important;
  }
  .products-side[data-view="list"] .table-price,
  .products-side.is-list-view .table-price{
    font-size:clamp(13px,3.65vw,15px)!important;
    line-height:1.08!important;
    letter-spacing:-.01em!important;
  }
  .products-side[data-view="list"] .product-table td:nth-child(3) del,
  .products-side.is-list-view .product-table td:nth-child(3) del{
    font-size:clamp(9.5px,2.65vw,11px)!important;
    line-height:1.05!important;
    letter-spacing:-.01em!important;
  }
}
@media(max-width:390px){
  #productsSide[data-view="grid"] #productGrid .card-bottom strong{
    font-size:12px!important;
  }
  #productsSide[data-view="grid"] #productGrid .card-bottom del{
    font-size:9px!important;
  }
  .products-side[data-view="list"] .table-price,
  .products-side.is-list-view .table-price{
    font-size:13.5px!important;
  }
}

.products-side[data-view="list"] .table-product .thumb.mini,
.products-side.is-list-view .table-product .thumb.mini{
  position:relative!important;
  overflow:visible!important;
}
.products-side[data-view="list"] .table-product .thumb.mini img,
.products-side.is-list-view .table-product .thumb.mini img,
.products-side[data-view="list"] .table-product .thumb.mini b,
.products-side.is-list-view .table-product .thumb.mini b{
  border-radius:inherit!important;
  overflow:hidden!important;
}
.products-side[data-view="list"] .table-product .thumb.mini em,
.products-side.is-list-view .table-product .thumb.mini em{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  left:-6px!important;
  top:-6px!important;
  z-index:4!important;
  min-height:22px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#fb7185,#ec4899)!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  box-shadow:0 10px 22px rgba(236,72,153,.28)!important;
}
.hero-buttons .btn,
.hero-buttons a{
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease!important;
}
.hero-buttons .btn:hover,
.hero-buttons a:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 18px 34px rgba(15,23,42,.16)!important;
  text-decoration:none!important;
}
.hero-buttons .btn.primary:hover{
  background:#ecfeff!important;
  color:#0f766e!important;
}
.hero-buttons .btn.secondary:hover{
  background:rgba(15,118,110,.72)!important;
  border-color:rgba(153,246,228,.38)!important;
  color:#fff!important;
}
#productsSide .product-title{
  transition:color .16s ease, text-shadow .16s ease!important;
}
#productsSide .product-title:hover{
  color:#0891b2!important;
  text-decoration:none!important;
}
html[data-theme=dark] #productsSide .product-title:hover{
  color:#67e8f9!important;
  text-shadow:0 0 18px rgba(103,232,249,.12)!important;
}

#productsSide[data-view="grid"] #productGrid .product-card.hidden,
#productsSide[data-view="grid"] #productGrid .product-card[hidden],
#productsSide[data-view="list"] #productListView tr.hidden,
#productsSide[data-view="list"] #productListView tr[hidden],
[data-product-card].hidden,
[data-product-card][hidden]{
  display:none!important;
}

@media (min-width: 861px){
  .main-wrap{
    padding-top:28px!important;
  }
  .hero-card{
    min-height:438px!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 420px!important;
    grid-template-rows:auto auto auto auto 1fr auto!important;
    column-gap:42px!important;
    row-gap:0!important;
    padding:46px 54px 28px!important;
    border-radius:28px!important;
    overflow:hidden!important;
    isolation:isolate!important;
    background:
      radial-gradient(circle at 78% 18%, rgba(103,232,249,.38) 0 18%, transparent 36%),
      radial-gradient(circle at 18% 6%, rgba(255,255,255,.16) 0 13%, transparent 31%),
      linear-gradient(120deg,#5b3ff0 0%,#4438d7 42%,#1d9bf0 78%,#25c7e6 100%)!important;
    box-shadow:0 28px 70px rgba(30,41,59,.18)!important;
  }
  .hero-card::before{
    content:""!important;
    position:absolute!important;
    inset:auto -120px -185px 32%!important;
    width:auto!important;
    height:340px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.12)!important;
    filter:blur(2px)!important;
    transform:rotate(-7deg)!important;
    z-index:-1!important;
  }
  .hero-card::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.15),transparent 36%),
      repeating-linear-gradient(115deg,rgba(255,255,255,.045) 0 1px, transparent 1px 46px)!important;
    opacity:.75!important;
    z-index:-1!important;
  }
  .hero-copy{display:contents!important;max-width:none!important;}
  .hero-badge,
  .hero-copy h1,
  .hero-copy p,
  .hero-buttons,
  .hero-benefits,
  .hero-art{position:relative!important;z-index:2!important;}
  .hero-badge{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    margin:0 0 20px!important;
    padding:8px 15px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,255,255,.24)!important;
    background:rgba(255,255,255,.13)!important;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
    backdrop-filter:blur(12px)!important;
  }
  .hero-copy h1{
    grid-column:1!important;
    grid-row:2!important;
    max-width:720px!important;
    margin:0 0 15px!important;
    font-size:clamp(34px,3vw,46px)!important;
    line-height:1.12!important;
    letter-spacing:.01em!important;
    font-weight:950!important;
    text-wrap:balance!important;
    text-shadow:0 12px 34px rgba(15,23,42,.14)!important;
  }
  .hero-copy p{
    grid-column:1!important;
    grid-row:3!important;
    max-width:760px!important;
    margin:0 0 26px!important;
    color:rgba(239,246,255,.86)!important;
    font-size:16px!important;
    line-height:1.72!important;
  }
  .hero-buttons{
    grid-column:1!important;
    grid-row:4!important;
    margin:0!important;
    gap:14px!important;
  }
  .hero-buttons .btn{
    min-width:178px!important;
    height:52px!important;
    padding:0 24px!important;
    border-radius:15px!important;
    transition:transform .16s ease, box-shadow .16s ease, background .16s ease!important;
  }
  .hero-buttons .btn.primary{
    background:rgba(255,255,255,.96)!important;
    color:#4f46e5!important;
    box-shadow:0 16px 34px rgba(15,23,42,.18)!important;
  }
  .hero-buttons .btn.secondary{
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.28)!important;
    color:#fff!important;
    backdrop-filter:blur(12px)!important;
  }
  .hero-buttons .btn:hover{transform:translateY(-2px)!important;}
  .hero-buttons .btn.primary:hover{box-shadow:0 20px 42px rgba(15,23,42,.22)!important;}
  .hero-art{
    grid-column:2!important;
    grid-row:1 / 6!important;
    align-self:center!important;
    min-height:285px!important;
    display:grid!important;
    place-items:center!important;
  }
  .digital-card{
    width:258px!important;
    height:210px!important;
    border-radius:28px!important;
    transform:rotate(7deg)!important;
    overflow:hidden!important;
    background:linear-gradient(155deg,rgba(255,255,255,.94) 0 46%,#dbeafe 46% 100%)!important;
    color:#2563eb!important;
    box-shadow:0 26px 70px rgba(15,23,42,.28), inset 0 1px 0 rgba(255,255,255,.68)!important;
  }
  .digital-card::before{
    content:""!important;
    position:absolute!important;
    inset:0 0 auto 0!important;
    height:54px!important;
    background:linear-gradient(135deg,#67e8f9,#3b82f6)!important;
  }
  .digital-card::after{
    content:""!important;
    position:absolute!important;
    top:22px!important;
    left:24px!important;
    width:12px!important;
    height:12px!important;
    border-radius:999px!important;
    background:#fff!important;
    box-shadow:28px 0 0 rgba(255,255,255,.85)!important;
    opacity:.95!important;
  }
  .digital-card span{
    width:72px!important;
    height:60px!important;
    border-radius:14px!important;
    display:grid!important;
    place-items:center!important;
    margin-top:32px!important;
    background:linear-gradient(135deg,#3b82f6,#4f46e5)!important;
    color:#fff!important;
    font-size:0!important;
    box-shadow:0 16px 34px rgba(37,99,235,.32)!important;
  }
  .digital-card span::before{content:"↓";font-size:34px;font-weight:900;line-height:1;}
  .digital-card b{
    margin-top:0!important;
    background:transparent!important;
    color:#2563eb!important;
    font-size:20px!important;
    letter-spacing:.14em!important;
    padding:0!important;
  }
  .hero-art .crown{
    left:18px!important;
    top:44px!important;
    width:72px!important;
    height:72px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border-radius:22px!important;
    background:linear-gradient(135deg,#f472b6,#a855f7)!important;
    box-shadow:0 18px 40px rgba(15,23,42,.18)!important;
  }
  .hero-art .zap{
    right:22px!important;
    bottom:50px!important;
    width:78px!important;
    height:78px!important;
    border-radius:24px!important;
    background:linear-gradient(135deg,#2dd4bf,#38bdf8)!important;
    box-shadow:0 18px 42px rgba(14,165,233,.26)!important;
  }
  .hero-art .zap::after{content:"✓";font-size:35px;font-weight:950;color:#fff;}
  .hero-art .zap{font-size:0!important;}
  .hero-art .s1{left:4px!important;bottom:72px!important;color:#67e8f9!important;}
  .hero-art .s2{right:-4px!important;top:110px!important;color:#fde047!important;}
  .hero-benefits{
    grid-column:1 / -1!important;
    grid-row:6!important;
    margin-top:30px!important;
    padding:14px 18px!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.10)!important;
    backdrop-filter:blur(14px)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.11)!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
  }
  .hero-benefits div{
    display:grid!important;
    grid-template-columns:48px 1fr!important;
    column-gap:13px!important;
    align-items:center!important;
    min-width:0!important;
    padding:2px 4px!important;
  }
  .hero-benefits span{
    width:48px!important;
    height:48px!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.11)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.14)!important;
  }
  .hero-benefits b{font-size:15px!important;line-height:1.15!important;color:#fff!important;}
  .hero-benefits small{font-size:12px!important;color:rgba(239,246,255,.78)!important;margin-top:3px!important;}

  #productsSide[data-view="grid"] #productGrid{
    gap:18px!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-card{
    padding:10px 10px 0!important;
    border-radius:24px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),color-mix(in srgb,var(--card) 94%,#f8fafc 6%))!important;
    box-shadow:0 18px 48px rgba(15,23,42,.075)!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-card:hover{
    box-shadow:0 24px 58px rgba(15,23,42,.12)!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-card>.thumb{
    height:172px!important;
    border-radius:19px!important;
    background:
      radial-gradient(circle at 30% 18%,rgba(255,255,255,.20),transparent 32%),
      linear-gradient(135deg,#38bdf8 0%,#4f46e5 68%,#6d28d9 100%)!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-card>.thumb::after{
    content:""!important;
    position:absolute!important;
    inset:auto -18% -42% 20%!important;
    height:86%!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.10)!important;
    transform:rotate(-10deg)!important;
    pointer-events:none!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-card>.thumb img{
    object-fit:cover!important;
    object-position:center!important;
    transition:transform .22s ease!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-card:hover>.thumb img{transform:none!important;}
  #productsSide[data-view="grid"] #productGrid .product-card:focus-within>.thumb img{transform:none!important;}
  #productsSide[data-view="grid"] #productGrid .product-card>.thumb b{
    position:relative!important;
    z-index:1!important;
    background:transparent!important;
    font-size:16px!important;
    letter-spacing:.16em!important;
    text-shadow:0 8px 22px rgba(15,23,42,.18)!important;
  }
}

@media (min-width: 861px) and (max-width: 1180px){
  .hero-card{grid-template-columns:minmax(0,1fr) 330px!important;padding:40px 42px 26px!important;}
  .hero-copy h1{font-size:36px!important;}
  .digital-card{width:220px!important;height:190px!important;}
  .hero-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

.stock-out-chip{position:absolute!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;min-height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:7px 10px!important;border-radius:0 0 12px 12px!important;background:rgba(15,23,42,.42)!important;color:#fff!important;font-size:11px!important;font-weight:950!important;letter-spacing:.04em!important;text-transform:uppercase!important;text-shadow:0 2px 10px rgba(0,0,0,.35)!important;box-shadow:none!important;z-index:4!important;backdrop-filter:blur(5px)!important;pointer-events:none!important;border-top:1px solid rgba(255,255,255,.18)!important;}
.stock-out-watermark{display:none!important;}
.thumb.mini .stock-out-chip{min-height:22px!important;font-size:8px!important;padding:4px 6px!important;border-radius:0 0 10px 10px!important;}
.product-card.is-out>.thumb::before,.table-product .thumb.mini:has(.stock-out-chip)::before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(15,23,42,.02),rgba(15,23,42,.16))!important;border-radius:inherit!important;z-index:1!important;}
.product-card.is-out>.thumb img,.is-out-row .table-product .thumb.mini img{filter:grayscale(.16) saturate(.85) brightness(.88)!important;}
.product-card.is-out .product-title,.is-out-row .product-title{opacity:.92!important;}
.product-card.is-out .product-meta small{background:#fee2e2!important;color:#b91c1c!important;}
html[data-theme=dark] .product-card.is-out .product-meta small{background:rgba(127,29,29,.32)!important;color:#fca5a5!important;}
.card-bottom button[disabled],.table-add[disabled],#modalAddCart[disabled],#modalAddCart.is-out{cursor:not-allowed!important;background:#cbd5e1!important;color:#475569!important;opacity:1!important;box-shadow:none!important;}
.card-bottom button[disabled]{text-indent:0!important;font-size:10px!important;font-weight:900!important;letter-spacing:.02em!important;display:grid!important;place-items:center!important;line-height:1.05!important;padding:0 4px!important;text-align:center!important;}
html[data-theme=dark] .card-bottom button[disabled],html[data-theme=dark] .table-add[disabled],html[data-theme=dark] #modalAddCart[disabled]{background:#334155!important;color:#cbd5e1!important;border-color:rgba(148,163,184,.18)!important;}
.card-bottom button[disabled]::before{display:none!important;}
.table-stock-out{display:inline-flex!important;align-items:center!important;gap:6px!important;margin-top:8px!important;padding:5px 9px!important;border-radius:999px!important;background:#fee2e2!important;color:#b91c1c!important;font-size:11px!important;font-weight:900!important;letter-spacing:.02em!important;}
html[data-theme=dark] .table-stock-out{background:rgba(127,29,29,.32)!important;color:#fca5a5!important;}
.is-out-row{background:color-mix(in srgb,var(--card) 96%,#fef2f2 4%)!important;}
#productModal.is-out .modal-body{position:relative!important;}
#productModal.is-out .modal-badges::after{content:"Produk Habis"!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:6px 10px!important;border-radius:999px!important;background:#fee2e2!important;color:#b91c1c!important;font-size:11px!important;font-weight:900!important;letter-spacing:.02em!important;margin-left:6px!important;}
html[data-theme=dark] #productModal.is-out .modal-badges::after{background:rgba(127,29,29,.32)!important;color:#fca5a5!important;}
#productModal.is-out .modal-thumb-img{filter:grayscale(.16) saturate(.9) brightness(.9)!important;}
#productModal.is-out .modal-visual::after{content:"Produk Habis"!important;position:absolute!important;left:50%!important;right:auto!important;top:50%!important;width:74%!important;max-width:340px!important;min-width:190px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:translate(-50%,-50%) rotate(-28deg)!important;transform-origin:center!important;background:rgba(15,23,42,.68)!important;color:#fff!important;font-size:13px!important;font-weight:1000!important;letter-spacing:.15em!important;text-transform:uppercase!important;border-radius:999px!important;border-top:1px solid rgba(255,255,255,.22)!important;border-bottom:1px solid rgba(255,255,255,.22)!important;box-shadow:0 14px 34px rgba(15,23,42,.26)!important;z-index:7!important;pointer-events:none!important;white-space:nowrap!important;}
@media(max-width:640px){.stock-out-chip{left:0!important;right:0!important;bottom:0!important;width:100%!important;min-height:26px!important;font-size:10px!important;padding:6px 8px!important}.table-stock-out{font-size:10px!important;padding:4px 8px!important}}

.stock-out-chip{display:none!important;}
#productsSide[data-view="grid"] #productGrid .card-bottom button[disabled],
#productsSide[data-view="grid"] #productGrid .card-bottom button[aria-disabled="true"]{
  width:auto!important;
  min-width:104px!important;
  height:40px!important;
  flex:0 0 auto!important;
  padding:0 13px!important;
  border-radius:13px!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  text-indent:0!important;
}
#productsSide[data-view="grid"] #productGrid .card-bottom button[disabled]::before,
#productsSide[data-view="grid"] #productGrid .card-bottom button[aria-disabled="true"]::before,
#productsSide[data-view="grid"] #productGrid .card-bottom button[disabled]::after,
#productsSide[data-view="grid"] #productGrid .card-bottom button[aria-disabled="true"]::after{
  content:none!important;
  display:none!important;
}
@media(max-width:640px){
  #productsSide[data-view="grid"] #productGrid .card-bottom button[disabled],
  #productsSide[data-view="grid"] #productGrid .card-bottom button[aria-disabled="true"]{
    width:auto!important;
    min-width:88px!important;
    height:34px!important;
    flex:0 0 auto!important;
    padding:0 10px!important;
    border-radius:11px!important;
    font-size:9.5px!important;
  }
}

#productsSide[data-view="grid"] #productGrid .product-card>.thumb .grid-stock-out-chip{
  position:absolute!important;
  right:9px!important;
  top:9px!important;
  z-index:5!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.34)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.34)!important;
  backdrop-filter:blur(8px)!important;
  box-shadow:0 10px 24px rgba(15,23,42,.16)!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
  pointer-events:none!important;
}
#productsSide[data-view="grid"] #productGrid .product-card.is-out .product-meta small{
  background:#fff1f2!important;
  color:#e11d48!important;
}
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .product-card.is-out .product-meta small{
  background:rgba(244,63,94,.14)!important;
  color:#fda4af!important;
}
@media(max-width:640px){
  #productsSide[data-view="grid"] #productGrid .product-card>.thumb .grid-stock-out-chip{
    right:6px!important;
    top:6px!important;
    padding:4px 7px!important;
    font-size:8.5px!important;
  }
}

#productsSide[data-view="grid"] #productGrid .product-card>.thumb{
  position:relative!important;
}
#productsSide[data-view="grid"] #productGrid .product-card>.thumb .grid-stock-out-chip,
.product-card.is-out>.thumb .grid-stock-out-chip{
  position:absolute!important;
  top:8px!important;
  right:8px!important;
  left:auto!important;
  bottom:auto!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  transform:none!important;
  z-index:30!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.38)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.36)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  box-shadow:0 8px 20px rgba(15,23,42,.18)!important;
  font-size:10px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  text-align:center!important;
  pointer-events:none!important;
}
#productsSide[data-view="grid"] #productGrid .product-card>.thumb::after{
  z-index:1!important;
}
@media(max-width:640px){
  #productsSide[data-view="grid"] #productGrid .product-card>.thumb .grid-stock-out-chip,
  .product-card.is-out>.thumb .grid-stock-out-chip{
    top:6px!important;
    right:6px!important;
    padding:4px 7px!important;
    font-size:8.5px!important;
  }
}

#productsSide[data-view="grid"] #productGrid .product-card>.thumb .grid-stock-out-chip,
.product-card.is-out>.thumb .grid-stock-out-chip{
  top:8px!important;
  right:8px!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.46))!important;
  color:#92400e!important;
  border:1px solid rgba(251,191,36,.34)!important;
  box-shadow:0 8px 22px rgba(146,64,14,.10), inset 0 1px 0 rgba(255,255,255,.62)!important;
  backdrop-filter:blur(12px) saturate(1.25)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.25)!important;
  font-size:9.5px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  text-shadow:none!important;
  pointer-events:none!important;
}
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .product-card>.thumb .grid-stock-out-chip,
html[data-theme=dark] .product-card.is-out>.thumb .grid-stock-out-chip{
  background:linear-gradient(135deg,rgba(251,191,36,.22),rgba(15,23,42,.42))!important;
  color:#fde68a!important;
  border-color:rgba(251,191,36,.30)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.10)!important;
}
@media(max-width:640px){
  #productsSide[data-view="grid"] #productGrid .product-card>.thumb .grid-stock-out-chip,
  .product-card.is-out>.thumb .grid-stock-out-chip{
    top:6px!important;
    right:6px!important;
    padding:4.5px 7px!important;
    font-size:8px!important;
  }
}

.flash-sale-strip{
  margin:18px 0 22px!important;
  padding:14px!important;
  border:1px solid rgba(249,115,22,.28)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(255,247,237,.92),rgba(255,255,255,.86) 52%,rgba(236,254,255,.82))!important;
  box-shadow:0 18px 44px rgba(249,115,22,.11)!important;
  position:relative!important;
  overflow:hidden!important;
}

.flash-sale-strip.hidden{display:none!important}
.flash-strip-head{position:relative!important;z-index:1!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:14px!important;margin-bottom:12px!important;padding:0 2px!important}
.flash-strip-head b{display:flex!important;align-items:center!important;gap:8px!important;color:#ea580c!important;font-size:16px!important;letter-spacing:.2px!important}
.flash-strip-head small{display:block!important;color:var(--muted)!important;font-size:12px!important;margin-top:3px!important;line-height:1.45!important}
.flash-see-all{color:#ea580c!important;text-decoration:none!important;font-weight:900!important;font-size:12px!important;white-space:nowrap!important}
.flash-sale-list{position:relative!important;z-index:1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.flash-sale-card{display:grid!important;grid-template-columns:176px minmax(0,1fr) 150px!important;gap:14px!important;align-items:center!important;min-width:0!important;padding:12px!important;border:1px solid rgba(249,115,22,.28)!important;border-radius:18px!important;background:rgba(255,255,255,.72)!important;box-shadow:0 12px 32px rgba(15,23,42,.07)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.flash-sale-card:hover{transform:translateY(-2px)!important;border-color:rgba(249,115,22,.48)!important;box-shadow:0 18px 42px rgba(249,115,22,.14)!important}
.flash-sale-card.hidden{display:none!important}
.flash-thumb{height:112px!important;border-radius:15px!important;overflow:hidden!important;background:linear-gradient(135deg,#22d3ee,#4f46e5)!important;display:grid!important;place-items:center!important;position:relative!important}
.flash-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.flash-thumb b{font-size:22px!important;letter-spacing:4px!important;color:#fff!important;text-shadow:0 8px 24px rgba(15,23,42,.24)!important}
.flash-info{min-width:0!important;display:grid!important;gap:8px!important}
.flash-badges{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;flex-wrap:wrap!important}
.flash-badges span,.flash-badges em{height:24px!important;border-radius:999px!important;padding:0 9px!important;display:inline-flex!important;align-items:center!important;font-style:normal!important;font-weight:900!important;font-size:10px!important;letter-spacing:.4px!important;text-transform:uppercase!important}
.flash-badges span{background:linear-gradient(135deg,#f97316,#ef4444)!important;color:#fff!important;box-shadow:0 8px 18px rgba(239,68,68,.22)!important}
.flash-badges em{background:#fff1f2!important;color:#e11d48!important;border:1px solid #fecdd3!important}
.flash-title{border:0!important;background:transparent!important;color:var(--text)!important;text-align:left!important;padding:0!important;font-weight:900!important;font-size:15px!important;line-height:1.25!important;cursor:pointer!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.flash-title:hover{color:#ea580c!important}
.flash-countdown{display:flex!important;align-items:center!important;gap:8px!important;margin-top:1px!important;min-width:0!important}
.flash-countdown small{color:var(--muted)!important;font-size:11px!important;font-weight:800!important;white-space:nowrap!important}
.flash-countdown b{font-variant-numeric:tabular-nums!important;letter-spacing:.8px!important;background:rgba(15,23,42,.92)!important;color:#fff!important;border-radius:10px!important;padding:7px 10px!important;font-size:13px!important;line-height:1!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;white-space:nowrap!important}
.flash-action{display:grid!important;gap:4px!important;justify-items:end!important;align-content:center!important;min-width:0!important}
.flash-action strong{font-size:18px!important;line-height:1.1!important;color:#ea580c!important;font-weight:1000!important;white-space:nowrap!important}
.flash-action del{color:var(--muted)!important;font-size:12px!important;white-space:nowrap!important}
.flash-action button{margin-top:8px!important;height:38px!important;border-radius:12px!important;padding:0 12px!important;border:1px solid rgba(249,115,22,.44)!important;background:linear-gradient(135deg,#fff7ed,#ffedd5)!important;color:#c2410c!important;font-weight:900!important;font-size:12px!important;box-shadow:0 10px 22px rgba(249,115,22,.16)!important;cursor:pointer!important;white-space:nowrap!important}
.flash-action button:hover{background:linear-gradient(135deg,#fed7aa,#fdba74)!important;color:#7c2d12!important}
.flash-action button:disabled{cursor:not-allowed!important;opacity:.62!important;filter:grayscale(.18)!important}
.flash-sale-card.is-expired{opacity:.72!important;filter:saturate(.7)!important}
.flash-sale-card.is-expired .flash-action button{pointer-events:none!important;opacity:.55!important}

html[data-theme=dark] .flash-sale-strip{
  background:linear-gradient(135deg,rgba(124,45,18,.24),rgba(15,23,42,.72) 45%,rgba(8,47,73,.36))!important;
  border-color:rgba(251,146,60,.32)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.26),0 0 44px rgba(249,115,22,.06)!important;
}
html[data-theme=dark] .flash-sale-strip:before{background:rgba(249,115,22,.16)!important}
html[data-theme=dark] .flash-strip-head b,html[data-theme=dark] .flash-see-all{color:#fb923c!important}
html[data-theme=dark] .flash-sale-card{background:rgba(15,23,42,.58)!important;border-color:rgba(251,146,60,.25)!important;box-shadow:0 16px 34px rgba(0,0,0,.18)!important}
html[data-theme=dark] .flash-sale-card:hover{border-color:rgba(251,146,60,.5)!important;box-shadow:0 20px 44px rgba(0,0,0,.28),0 0 32px rgba(249,115,22,.08)!important}
html[data-theme=dark] .flash-badges em{background:rgba(127,29,29,.38)!important;color:#fecdd3!important;border-color:rgba(251,113,133,.28)!important}
html[data-theme=dark] .flash-title:hover{color:#fdba74!important}
html[data-theme=dark] .flash-countdown b{background:rgba(2,6,23,.82)!important;color:#fed7aa!important;border:1px solid rgba(251,146,60,.14)!important}
html[data-theme=dark] .flash-action strong{color:#fb923c!important}
html[data-theme=dark] .flash-action button{background:rgba(249,115,22,.12)!important;border-color:rgba(251,146,60,.36)!important;color:#fed7aa!important;box-shadow:0 12px 26px rgba(249,115,22,.08)!important}
html[data-theme=dark] .flash-action button:hover{background:rgba(249,115,22,.22)!important;color:#fff7ed!important}

@media(max-width:1180px){
  .flash-sale-list{grid-template-columns:1fr!important}
  .flash-sale-card{grid-template-columns:180px minmax(0,1fr) 150px!important}
}
@media(max-width:760px){
  .flash-sale-strip{margin:14px 0 18px!important;padding:12px!important;border-radius:20px!important}
  .flash-strip-head{align-items:flex-start!important;gap:8px!important}
  .flash-strip-head b{font-size:15px!important}
  .flash-strip-head small{font-size:11px!important;max-width:245px!important}
  .flash-see-all{display:none!important}
  .flash-sale-list{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding-bottom:4px!important;margin:0 -2px!important;gap:10px!important;-webkit-overflow-scrolling:touch!important}
  .flash-sale-list::-webkit-scrollbar{height:0!important}
  .flash-sale-card{scroll-snap-align:start!important;flex:0 0 min(88vw,360px)!important;display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;grid-template-areas:"thumb info" "action action"!important;gap:10px!important;padding:10px!important;border-radius:17px!important}
  .flash-thumb{grid-area:thumb!important;height:96px!important;border-radius:14px!important}
  .flash-thumb b{font-size:16px!important;letter-spacing:2px!important}
  .flash-info{grid-area:info!important;gap:6px!important;align-content:start!important}
  .flash-title{font-size:14px!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .flash-badges span,.flash-badges em{height:21px!important;font-size:9px!important;padding:0 7px!important}
  .flash-countdown{display:grid!important;grid-template-columns:1fr!important;gap:4px!important}
  .flash-countdown b{width:max-content!important;font-size:12px!important;padding:6px 8px!important}
  .flash-action{grid-area:action!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;justify-items:stretch!important;border-top:1px solid var(--line)!important;padding-top:9px!important;margin-top:0!important}
  .flash-action strong{font-size:16px!important}
  .flash-action del{font-size:11px!important}
  .flash-action button{height:36px!important;margin-top:0!important;padding:0 11px!important;font-size:11px!important;max-width:145px!important;overflow:hidden!important;text-overflow:ellipsis!important}
}
@media(max-width:390px){
  .flash-sale-card{flex-basis:calc(100vw - 38px)!important;grid-template-columns:86px minmax(0,1fr)!important}
  .flash-thumb{height:88px!important}
  .flash-action{gap:8px!important}
  .flash-action button{max-width:128px!important;padding:0 9px!important}
}

.product-card>.thumb,
.table-product .thumb.mini,
.flash-thumb,
.sale-item .sale-thumb,
.cart-thumb-img,
.modal-visual{
  position:relative!important;
  overflow:hidden!important;
}
.product-card>.thumb img,
.product-card>.thumb .ds-product-thumb-img,
.table-product .thumb.mini img,
.table-product .thumb.mini .ds-product-thumb-img,
.flash-thumb img,
.flash-thumb .ds-product-thumb-img,
.sale-item .sale-thumb img,
.cart-thumb-img img,
.modal-thumb-img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  min-width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  margin:0!important;
}
.product-card>.thumb b,
.table-product .thumb.mini b{
  position:relative!important;
  z-index:1!important;
}
.product-card>.thumb em,
.table-product .thumb.mini em,
.grid-stock-out-chip,
.stock-out-chip{
  z-index:3!important;
}

#productsSide[data-view="grid"] #productGrid .product-card,
.znl-product-card{
  will-change:transform,box-shadow,border-color!important;
}
#productsSide[data-view="grid"] #productGrid .product-card:hover,
#productsSide[data-view="grid"] #productGrid .product-card:focus-within,
.znl-product-card:hover,
.znl-product-card:focus-within{
  border-color:rgba(14,165,233,.55)!important;
  box-shadow:0 20px 46px rgba(14,165,233,.16),0 0 0 1px rgba(45,212,191,.24)!important;
}
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .product-card:hover,
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .product-card:focus-within,
html[data-theme=dark] .znl-product-card:hover,
html[data-theme=dark] .znl-product-card:focus-within{
  border-color:rgba(103,232,249,.68)!important;
  box-shadow:0 22px 54px rgba(0,0,0,.36),0 0 0 1px rgba(103,232,249,.36),0 0 30px rgba(20,184,166,.18)!important;
}
#productsSide[data-view="list"] .product-table tbody tr,
.products-side.is-list-view .product-table tbody tr{
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
#productsSide[data-view="list"] .product-table tbody tr:hover,
.products-side.is-list-view .product-table tbody tr:hover{
  border-color:rgba(14,165,233,.42)!important;
  box-shadow:0 12px 30px rgba(14,165,233,.12),0 0 0 1px rgba(45,212,191,.18)!important;
}
html[data-theme=dark] #productsSide[data-view="list"] .product-table tbody tr:hover,
html[data-theme=dark] .products-side.is-list-view .product-table tbody tr:hover{
  border-color:rgba(103,232,249,.56)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.28),0 0 0 1px rgba(103,232,249,.24),0 0 24px rgba(20,184,166,.13)!important;
}

#productsSide[data-view="grid"] #productGrid .product-card:hover,
#productsSide[data-view="grid"] #productGrid .product-card:focus-within,
.znl-product-card:hover,
.znl-product-card:focus-within{
  border-color:rgba(168,85,247,.62)!important;
  box-shadow:0 20px 46px rgba(168,85,247,.16),0 0 0 1px rgba(192,132,252,.28),0 0 28px rgba(168,85,247,.13)!important;
}
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .product-card:hover,
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .product-card:focus-within,
html[data-theme=dark] .znl-product-card:hover,
html[data-theme=dark] .znl-product-card:focus-within{
  border-color:rgba(196,181,253,.74)!important;
  box-shadow:0 22px 54px rgba(0,0,0,.34),0 0 0 1px rgba(196,181,253,.38),0 0 34px rgba(168,85,247,.26)!important;
}
#productsSide[data-view="list"] .product-table tbody tr:hover,
.products-side.is-list-view .product-table tbody tr:hover{
  border-color:rgba(168,85,247,.52)!important;
  box-shadow:0 12px 30px rgba(168,85,247,.13),0 0 0 1px rgba(192,132,252,.20)!important;
}
html[data-theme=dark] #productsSide[data-view="list"] .product-table tbody tr:hover,
html[data-theme=dark] .products-side.is-list-view .product-table tbody tr:hover{
  border-color:rgba(196,181,253,.64)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.28),0 0 0 1px rgba(196,181,253,.28),0 0 26px rgba(168,85,247,.20)!important;
}
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .card-bottom button:not(:disabled):hover,
html[data-theme=dark] .znl-card-bottom button:not(:disabled):hover,
html[data-theme=dark] .card-bottom button:not(:disabled):hover,
html[data-theme=dark] .table-add:not(:disabled):hover{
  color:#fff!important;
  background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 48%,#0891b2 100%)!important;
  border-color:rgba(196,181,253,.58)!important;
  box-shadow:0 14px 30px rgba(124,58,237,.24),0 0 0 1px rgba(196,181,253,.22),0 0 24px rgba(168,85,247,.18)!important;
  transform:translateY(-2px)!important;
  filter:none!important;
}
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .card-bottom button:not(:disabled):hover::before,
html[data-theme=dark] .znl-card-bottom button:not(:disabled):hover::before,
html[data-theme=dark] .card-bottom button:not(:disabled):hover::before{
  opacity:1!important;
}

#productsSide[data-view="grid"] #productGrid .product-card:hover,
#productsSide[data-view="grid"] #productGrid .product-card:focus-within,
.znl-product-card:hover,
.znl-product-card:focus-within{
  border-color:color-mix(in srgb,var(--line) 86%,transparent)!important;
  box-shadow:0 20px 42px rgba(15,23,42,.11)!important;
}
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .product-card:hover,
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .product-card:focus-within,
html[data-theme=dark] .znl-product-card:hover,
html[data-theme=dark] .znl-product-card:focus-within{
  border-color:rgba(148,163,184,.15)!important;
  box-shadow:0 22px 48px rgba(0,0,0,.34)!important;
}
#productsSide[data-view="list"] .product-table tbody tr:hover,
#productsSide[data-view="list"] .product-table tbody tr:focus-within,
.products-side.is-list-view .product-table tbody tr:hover,
.products-side.is-list-view .product-table tbody tr:focus-within{
  border-color:var(--line)!important;
  box-shadow:none!important;
}
html[data-theme=dark] #productsSide[data-view="list"] .product-table tbody tr:hover,
html[data-theme=dark] #productsSide[data-view="list"] .product-table tbody tr:focus-within,
html[data-theme=dark] .products-side.is-list-view .product-table tbody tr:hover,
html[data-theme=dark] .products-side.is-list-view .product-table tbody tr:focus-within{
  border-color:rgba(148,163,184,.15)!important;
  box-shadow:none!important;
}

#productModal.is-out .modal-badges::after{
  content:none!important;
  display:none!important;
}
#productModal .modal-visual > b{
  display:none!important;
}
#productModal.is-out .modal-visual::after{
  content:"Produk Habis"!important;
  position:absolute!important;
  left:-22px!important;
  right:auto!important;
  top:24px!important;
  bottom:auto!important;
  width:220px!important;
  min-width:0!important;
  max-width:calc(100% - 84px)!important;
  height:40px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:rotate(-12deg)!important;
  transform-origin:center center!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.72)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 12px 26px rgba(15,23,42,.24)!important;
  font-size:12px!important;
  font-weight:1000!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  z-index:7!important;
  pointer-events:none!important;
  white-space:nowrap!important;
}
@media(max-width:640px){
  #productModal.is-out .modal-visual::after{
    left:-18px!important;
    top:20px!important;
    width:180px!important;
    max-width:calc(100% - 66px)!important;
    height:34px!important;
    padding:0 12px!important;
    font-size:10px!important;
    letter-spacing:.1em!important;
    transform:rotate(-12deg)!important;
  }
}

#productsSide[data-view="grid"] #productGrid .product-card>.thumb img,
#productsSide[data-view="grid"] #productGrid .product-card>.thumb .ds-product-thumb-img,
#productsSide[data-view="grid"] #productGrid .znl-product-card>.znl-card-thumb img,
#productsSide[data-view="grid"] #productGrid .znl-product-card>.znl-card-thumb .ds-product-thumb-img,
#productsSide[data-view="grid"] #productGrid .product-card>.thumb.znl-card-thumb img,
#productsSide[data-view="grid"] #productGrid .product-card>.thumb.znl-card-thumb .ds-product-thumb-img{
  transform:none!important;
  scale:1!important;
  transition:none!important;
}
#productsSide[data-view="grid"] #productGrid .product-card:hover>.thumb img,
#productsSide[data-view="grid"] #productGrid .product-card:hover>.thumb .ds-product-thumb-img,
#productsSide[data-view="grid"] #productGrid .product-card:focus-within>.thumb img,
#productsSide[data-view="grid"] #productGrid .product-card:focus-within>.thumb .ds-product-thumb-img,
#productsSide[data-view="grid"] #productGrid .znl-product-card:hover>.znl-card-thumb img,
#productsSide[data-view="grid"] #productGrid .znl-product-card:hover>.znl-card-thumb .ds-product-thumb-img,
#productsSide[data-view="grid"] #productGrid .znl-product-card:focus-within>.znl-card-thumb img,
#productsSide[data-view="grid"] #productGrid .znl-product-card:focus-within>.znl-card-thumb .ds-product-thumb-img{
  transform:none!important;
  scale:1!important;
}

#productsSide[data-view="grid"] #productGrid .product-card,
#productsSide[data-view="grid"] #productGrid .znl-product-card{
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
#productsSide[data-view="grid"] #productGrid .product-card:hover,
#productsSide[data-view="grid"] #productGrid .product-card:focus-within,
#productsSide[data-view="grid"] #productGrid .znl-product-card:hover,
#productsSide[data-view="grid"] #productGrid .znl-product-card:focus-within{
  transform:translateY(-3px)!important;
  border-color:rgba(99,102,241,.32)!important;
  box-shadow:0 18px 40px rgba(15,23,42,.10),0 0 0 1px rgba(99,102,241,.10),0 0 24px rgba(99,102,241,.16)!important;
}
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-card:hover,
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-card:focus-within,
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .znl-product-card:hover,
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .znl-product-card:focus-within{
  transform:translateY(-3px)!important;
  border-color:rgba(45,212,191,.34)!important;
  box-shadow:0 20px 44px rgba(0,0,0,.34),0 0 0 1px rgba(45,212,191,.12),0 0 28px rgba(34,211,238,.18)!important;
}

.products-side[data-view="list"] .table-product,
.products-side.is-list-view .table-product{
  display:grid!important;
  grid-template-columns:118px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:center!important;
}
.products-side[data-view="list"] .table-product .thumb.mini,
.products-side.is-list-view .table-product .thumb.mini{
  width:118px!important;
  height:90px!important;
  flex:0 0 118px!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
.products-side[data-view="list"] .table-product .thumb.mini img,
.products-side.is-list-view .table-product .thumb.mini img,
.products-side[data-view="list"] .table-product .thumb.mini .ds-product-thumb-img,
.products-side.is-list-view .table-product .thumb.mini .ds-product-thumb-img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
}
@media(max-width:760px){
  .products-side[data-view="list"] .table-product,
  .products-side.is-list-view .table-product{
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:13px!important;
  }
  .products-side[data-view="list"] .table-product .thumb.mini,
  .products-side.is-list-view .table-product .thumb.mini{
    width:96px!important;
    height:80px!important;
    flex-basis:96px!important;
  }
}


/* END assets/css/product-grid-v20.css */

/* BEGIN assets/css/product-list-fresh-v1.css */
.znl-product-section{display:block!important;padding-top:18px!important}
.znl-products{width:100%!important;max-width:100%!important;min-width:0!important}
.znl-product-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:18px!important;align-items:center!important;margin-bottom:16px!important}
.znl-category-pills{display:flex!important;align-items:center!important;gap:12px!important;overflow:auto!important;padding:0!important;margin:0!important;scrollbar-width:none!important}.znl-category-pills::-webkit-scrollbar{display:none!important}
.znl-category-pills .cat-pill{height:38px!important;min-width:132px!important;justify-content:center!important;border-radius:9px!important;border:1px solid #e5e7eb!important;background:#fff!important;color:#334155!important;box-shadow:0 8px 18px rgba(15,23,42,.035)!important;padding:0 16px!important;font-size:13px!important;font-weight:850!important;gap:8px!important}
.znl-category-pills .cat-pill.active{background:#5238e9!important;border-color:#5238e9!important;color:#fff!important;box-shadow:0 12px 24px rgba(82,56,233,.22)!important}
.znl-toolbar-actions{height:auto!important;margin:0!important;border:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important}
.znl-toolbar-actions .sort-wrap{position:relative!important}.znl-toolbar-actions .sort-btn{height:38px!important;min-width:128px!important;border-radius:9px!important;background:#fff!important;border:1px solid #e5e7eb!important;color:#334155!important;font-weight:800!important;text-align:left!important;padding:0 34px 0 14px!important;box-shadow:0 8px 18px rgba(15,23,42,.035)!important}.znl-toolbar-actions .sort-btn:after{right:14px!important}
.znl-toolbar-actions .view-icons{height:38px!important;display:flex!important;align-items:center!important;gap:0!important;padding:3px!important;border:1px solid #e5e7eb!important;border-radius:10px!important;background:#fff!important;box-shadow:0 8px 18px rgba(15,23,42,.035)!important}.znl-toolbar-actions .view-icons button{width:32px!important;height:30px!important;border-radius:8px!important;font-size:14px!important;color:#64748b!important}.znl-toolbar-actions .view-icons .active{background:#f1f5ff!important;color:#5238e9!important}

.znl-flash-banner{margin:10px 0 18px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.znl-flash-inner{min-height:168px!important;border-radius:10px!important;background:linear-gradient(105deg,#17164f 0%,#17154b 55%,#111044 100%)!important;color:#fff!important;display:grid!important;grid-template-columns:300px minmax(210px,270px) minmax(240px,1fr) 285px!important;align-items:center!important;gap:24px!important;padding:20px 28px!important;overflow:hidden!important;position:relative!important;box-shadow:0 18px 42px rgba(17,16,68,.18)!important}.znl-flash-inner:after{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 48% 20%,rgba(99,102,241,.22),transparent 33%),radial-gradient(circle at 85% 10%,rgba(14,165,233,.14),transparent 30%);pointer-events:none}.znl-flash-inner>*{position:relative;z-index:1}.znl-flash-count b{display:block;color:#fbbf24!important;font-size:16px!important;font-weight:950!important;letter-spacing:.02em!important;margin-bottom:8px!important}.znl-flash-count small{display:block;color:#dbeafe!important;line-height:1.45!important;font-size:12px!important;max-width:280px!important}.znl-countdown{margin-top:18px!important;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.znl-countdown .cd-box{width:58px!important;height:68px!important;border-radius:11px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;backdrop-filter:blur(3px)!important}.znl-countdown .cd-box strong{display:block!important;color:#fff!important;font-size:19px!important;line-height:1!important;font-weight:950!important;letter-spacing:.02em!important}.znl-countdown .cd-box span{display:block!important;margin-top:8px!important;color:#dbeafe!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.04em!important}.znl-countdown .cd-sep{color:rgba(255,255,255,.75)!important;font-size:22px!important;font-weight:900!important;line-height:1!important;align-self:center!important;margin-top:-10px!important}.znl-flash-thumb{height:136px!important;border-radius:10px!important;overflow:hidden!important;position:relative!important;background:linear-gradient(135deg,#06b6d4,#4f46e5)!important;display:grid!important;place-items:center!important}.znl-flash-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}.znl-flash-thumb b{font-size:17px!important;letter-spacing:.16em!important;color:#fff!important;text-transform:uppercase!important}.znl-flash-thumb span{position:absolute;right:12px;top:12px;width:28px;height:28px;border-radius:7px;background:#f59e0b;color:#fff;display:grid;place-items:center;font-size:13px;box-shadow:0 8px 20px rgba(245,158,11,.35)}.znl-flash-detail h3{margin:0 0 8px!important;color:#fff!important;font-size:19px!important;line-height:1.2!important}.znl-flash-detail .mini-cat{background:rgba(79,70,229,.34)!important;color:#c7d2fe!important;border:1px solid rgba(255,255,255,.08)!important}.znl-flash-detail ul{list-style:none!important;padding:0!important;margin:14px 0 0!important;display:grid!important;gap:8px!important;color:#dbeafe!important;font-size:12px!important}.znl-flash-detail li:before{content:"✓";display:inline-grid;place-items:center;width:14px;height:14px;margin-right:8px;border-radius:999px;background:rgba(99,102,241,.28);color:#a5b4fc;font-size:10px}.znl-flash-buy{justify-self:end!important;width:230px!important}.znl-flash-buy em{display:inline-flex!important;padding:5px 9px!important;border-radius:6px!important;background:#fb5b6e!important;color:#fff!important;font-style:normal!important;font-size:11px!important;font-weight:900!important;margin-bottom:8px!important}.znl-flash-buy strong{display:block!important;color:#fff!important;font-size:21px!important;line-height:1.1!important;font-weight:950!important}.znl-flash-buy del{display:block!important;color:#aeb7d2!important;margin-top:4px!important;font-size:12px!important}.znl-flash-buy button{margin-top:13px!important;width:100%!important;height:38px!important;border:0!important;border-radius:6px!important;background:#563cf2!important;color:#fff!important;font-weight:900!important;box-shadow:0 10px 24px rgba(86,60,242,.22)!important}.znl-flash-buy button:disabled{background:rgba(255,255,255,.13)!important;color:#d1d5db!important}.znl-flash-buy small{display:block!important;color:#d1d5db!important;margin-top:9px!important;font-size:12px!important}

.znl-list-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;margin:12px 0 14px!important}.znl-list-head h2{margin:0!important;font-size:18px!important;line-height:1.2!important;letter-spacing:-.01em!important}.znl-list-head p{margin:4px 0 0!important;color:#64748b!important;font-size:12px!important}
#productsSide[data-view="grid"] .znl-product-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important}.znl-product-card{display:flex!important;flex-direction:column!important;gap:0!important;min-height:0!important;padding:10px 10px 0!important;border-radius:9px!important;border:1px solid #e8edf4!important;background:#fff!important;box-shadow:0 10px 24px rgba(15,23,42,.06)!important;overflow:hidden!important;transition:transform .15s ease,box-shadow .15s ease!important}.znl-product-card:hover{transform:translateY(-2px)!important;box-shadow:0 16px 32px rgba(15,23,42,.10)!important}.znl-card-thumb{width:100%!important;height:110px!important;flex:0 0 110px!important;border-radius:7px!important;overflow:hidden!important;background:linear-gradient(135deg,#0ea5e9,#4f46e5)!important}.znl-card-thumb img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important}.znl-card-thumb>b{width:100%!important;height:100%!important;display:grid!important;place-items:center!important;text-align:center!important;background:linear-gradient(135deg,#0f766e,#4f46e5)!important;color:#fff!important;text-transform:uppercase!important;font-size:14px!important;letter-spacing:.12em!important}.znl-card-thumb em{left:-1px!important;top:-1px!important;border-radius:0 0 7px 0!important;background:#fb7185!important;color:#fff!important;padding:6px 9px!important;font-size:11px!important;font-weight:950!important;box-shadow:none!important}.znl-card-thumb .grid-stock-out-chip{position:absolute!important;right:8px!important;top:8px!important;background:rgba(255,255,255,.78)!important;color:#475569!important;border:1px solid rgba(148,163,184,.24)!important;backdrop-filter:blur(6px)!important;border-radius:999px!important;padding:4px 9px!important;font-size:10px!important;font-weight:900!important;letter-spacing:.01em!important;box-shadow:0 4px 14px rgba(15,23,42,.08)!important}.znl-card-thumb .thumb-cat-chip{position:absolute!important;left:8px!important;bottom:8px!important;display:inline-flex!important;align-items:center!important;gap:4px!important;max-width:calc(100% - 16px)!important;height:22px!important;padding:0 8px!important;border-radius:999px!important;background:rgba(255,255,255,.92)!important;color:#5b3ff0!important;border:1px solid rgba(91,63,240,.08)!important;font-size:10px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-shadow:0 6px 16px rgba(15,23,42,.10)!important}.znl-card-body{padding:10px 2px 0!important;display:flex!important;flex-direction:column!important;gap:7px!important}.znl-card-body .mini-cat{align-self:flex-start!important;background:#f0edff!important;color:#5b3ff0!important;border:0!important;border-radius:5px!important;padding:3px 7px!important;font-size:10px!important;font-weight:850!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.znl-card-body .product-title{min-height:35px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#18233a!important;text-align:left!important;font-size:14px!important;font-weight:900!important;line-height:1.25!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;cursor:pointer!important}.znl-card-body .product-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0!important}.znl-card-body .product-meta p,.znl-card-body .product-meta small{margin:0!important;padding:0!important;background:transparent!important;color:#64748b!important;font-size:11px!important;font-weight:650!important}.znl-card-bottom{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:10px!important;margin-top:auto!important;padding:11px 2px 10px!important;border-top:0!important}.znl-card-bottom strong{display:block!important;color:#4f46e5!important;font-size:16px!important;font-weight:950!important;line-height:1!important}.znl-card-bottom del{display:block!important;color:#94a3b8!important;font-size:11px!important;margin-top:4px!important}.znl-card-bottom button{width:auto!important;min-width:76px!important;height:34px!important;border:0!important;border-radius:6px!important;background:#5238e9!important;color:#fff!important;padding:0 12px!important;font-size:12px!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;box-shadow:0 8px 18px rgba(82,56,233,.18)!important;text-indent:0!important}.znl-card-bottom button:before,.znl-card-bottom button:after{display:none!important}.znl-card-bottom button:disabled{background:#eef2f7!important;color:#64748b!important;box-shadow:none!important;min-width:106px!important}.znl-benefit-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;margin:14px 0 2px!important;padding:14px 18px!important;border:1px solid #edf1f6!important;border-radius:9px!important;background:#fff!important;box-shadow:0 10px 26px rgba(15,23,42,.04)!important}.znl-benefit-strip>div{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:2px 12px!important;align-items:center!important}.znl-benefit-strip span{grid-row:1/3;width:34px;height:34px;border-radius:999px;background:#f0edff;color:#5238e9;display:grid;place-items:center}.znl-benefit-strip b{font-size:13px!important;color:#26324a!important}.znl-benefit-strip small{font-size:11px!important;color:#64748b!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

html[data-theme=dark] .znl-category-pills .cat-pill,html[data-theme=dark] .znl-toolbar-actions .sort-btn,html[data-theme=dark] .znl-toolbar-actions .view-icons,html[data-theme=dark] .znl-product-card,html[data-theme=dark] .znl-benefit-strip{background:#111a2d!important;border-color:rgba(148,163,184,.16)!important;box-shadow:0 12px 28px rgba(0,0,0,.18)!important}html[data-theme=dark] .znl-category-pills .cat-pill{color:#cbd5e1!important}html[data-theme=dark] .znl-category-pills .cat-pill.active{background:linear-gradient(135deg,#0d9488,#2563eb)!important;border-color:transparent!important;color:#fff!important}html[data-theme=dark] .znl-list-head p,html[data-theme=dark] .znl-card-body .product-meta p,html[data-theme=dark] .znl-card-body .product-meta small,html[data-theme=dark] .znl-benefit-strip small{color:#94a3b8!important}html[data-theme=dark] .znl-card-body .product-title,html[data-theme=dark] .znl-benefit-strip b{color:#e5eefc!important}html[data-theme=dark] .znl-card-body .mini-cat{background:rgba(20,184,166,.16)!important;color:#99f6e4!important}html[data-theme=dark] .znl-card-thumb .thumb-cat-chip{background:rgba(9,20,40,.88)!important;color:#9ef9ef!important;border-color:rgba(45,212,191,.18)!important;box-shadow:0 8px 18px rgba(0,0,0,.25)!important}html[data-theme=dark] .znl-card-thumb .grid-stock-out-chip{background:rgba(15,23,42,.72)!important;color:#e2e8f0!important;border-color:rgba(148,163,184,.20)!important}html[data-theme=dark] .znl-card-bottom strong{color:#22d3ee!important}html[data-theme=dark] .znl-card-bottom button{background:linear-gradient(135deg,#0d9488,#0891b2)!important}html[data-theme=dark] .znl-card-bottom button:disabled{background:#1f2a44!important;color:#94a3b8!important}html[data-theme=dark] .znl-benefit-strip span{background:rgba(20,184,166,.16);color:#99f6e4}
@media(max-width:1180px){#productsSide[data-view="grid"] .znl-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.znl-flash-inner{grid-template-columns:260px 220px minmax(200px,1fr) 220px!important;gap:18px!important}.znl-flash-buy{width:210px!important}}
@media(max-width:920px){.znl-product-toolbar{grid-template-columns:1fr!important}.znl-toolbar-actions{justify-content:space-between!important}.znl-flash-inner{grid-template-columns:1fr 1fr!important}.znl-flash-buy{justify-self:stretch!important;width:100%!important}#productsSide[data-view="grid"] .znl-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.znl-benefit-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.znl-product-section{padding-top:14px!important}.znl-product-toolbar{gap:12px!important}.znl-category-pills{gap:8px!important}.znl-category-pills .cat-pill{min-width:auto!important;height:36px!important;padding:0 13px!important;font-size:12px!important}.znl-toolbar-actions{gap:10px!important}.znl-toolbar-actions .sort-btn{min-width:118px!important}.znl-flash-inner{grid-template-columns:1fr!important;padding:16px!important;gap:14px!important;border-radius:14px!important}.znl-flash-count b{font-size:14px!important}.znl-countdown{gap:6px!important}.znl-countdown .cd-box{width:52px!important;height:60px!important}.znl-countdown .cd-box strong{font-size:18px!important}.znl-countdown .cd-box span{font-size:9px!important;margin-top:6px!important}.znl-countdown .cd-sep{font-size:18px!important;margin-top:-8px!important}.znl-flash-thumb{height:120px!important}.znl-flash-detail ul{display:none!important}.znl-flash-buy{width:100%!important}.znl-list-head{margin-top:16px!important}.znl-list-head h2{font-size:17px!important}#productsSide[data-view="grid"] .znl-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.znl-product-card{border-radius:12px!important;padding:8px 8px 0!important}.znl-card-thumb{height:92px!important;flex-basis:92px!important;border-radius:9px!important}.znl-card-body .product-title{font-size:13px!important;min-height:33px!important}.znl-card-bottom{padding:9px 2px 9px!important;gap:6px!important}.znl-card-bottom strong{font-size:14px!important}.znl-card-bottom button{min-width:58px!important;height:32px!important;padding:0 9px!important;font-size:11px!important}.znl-card-bottom button:disabled{min-width:84px!important}.znl-benefit-strip{grid-template-columns:1fr!important;gap:10px!important;padding:12px!important;border-radius:13px!important}.product-table-wrap{margin-top:12px!important}}
@media(max-width:380px){#productsSide[data-view="grid"] .znl-product-grid{grid-template-columns:1fr!important}.znl-card-thumb{height:128px!important;flex-basis:128px!important}}

#productsSide[data-view="grid"] #productGrid .znl-product-card{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:0!important;min-height:0!important;padding:10px 10px 0!important;border-radius:9px!important;border:1px solid #e8edf4!important;background:#fff!important;box-shadow:0 10px 24px rgba(15,23,42,.06)!important;overflow:hidden!important}
#productsSide[data-view="grid"] #productGrid .znl-product-card:hover{transform:translateY(-2px)!important;box-shadow:0 16px 32px rgba(15,23,42,.10)!important}
#productsSide[data-view="grid"] #productGrid .znl-product-card>.znl-card-thumb{width:100%!important;height:110px!important;flex:0 0 110px!important;border-radius:7px!important;overflow:hidden!important;background:linear-gradient(135deg,#0ea5e9,#4f46e5)!important;display:grid!important;place-items:center!important}
#productsSide[data-view="grid"] #productGrid .znl-product-card>.znl-card-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}
#productsSide[data-view="grid"] #productGrid .znl-product-card>.znl-card-thumb>b{width:100%!important;height:100%!important;display:grid!important;place-items:center!important;text-align:center!important;background:linear-gradient(135deg,#0f766e,#4f46e5)!important;color:#fff!important;text-transform:uppercase!important;font-size:14px!important;letter-spacing:.12em!important}
#productsSide[data-view="grid"] #productGrid .znl-product-card>.znl-card-thumb em{left:-1px!important;top:-1px!important;z-index:2!important;border-radius:0 0 7px 0!important;background:#fb7185!important;color:#fff!important;padding:6px 9px!important;font-size:11px!important;font-weight:950!important;box-shadow:none!important}
#productsSide[data-view="grid"] #productGrid .znl-card-body{width:100%!important;padding:10px 2px 0!important;display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important}
#productsSide[data-view="grid"] #productGrid .znl-card-body .mini-cat{align-self:flex-start!important;background:#f0edff!important;color:#5b3ff0!important;border:0!important;border-radius:5px!important;padding:3px 7px!important;font-size:10px!important;font-weight:850!important;line-height:1!important}
#productsSide[data-view="grid"] #productGrid .znl-card-body .product-title{min-height:35px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#18233a!important;text-align:left!important;font-size:14px!important;font-weight:900!important;line-height:1.25!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;cursor:pointer!important}
#productsSide[data-view="grid"] #productGrid .znl-card-body .product-meta{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0!important;padding:0!important}
#productsSide[data-view="grid"] #productGrid .znl-card-body .product-meta p,#productsSide[data-view="grid"] #productGrid .znl-card-body .product-meta small{margin:0!important;padding:0!important;background:transparent!important;color:#64748b!important;font-size:11px!important;font-weight:650!important;line-height:1.2!important}
#productsSide[data-view="grid"] #productGrid .znl-card-bottom{width:100%!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:10px!important;margin-top:auto!important;padding:11px 2px 10px!important;border-top:0!important}
#productsSide[data-view="grid"] #productGrid .znl-card-bottom strong{display:block!important;color:#4f46e5!important;font-size:16px!important;font-weight:950!important;line-height:1!important}
#productsSide[data-view="grid"] #productGrid .znl-card-bottom del{display:block!important;color:#94a3b8!important;font-size:11px!important;margin-top:4px!important;line-height:1!important}
#productsSide[data-view="grid"] #productGrid .znl-card-bottom button{position:relative!important;width:auto!important;min-width:76px!important;height:34px!important;border:0!important;border-radius:6px!important;background:#5238e9!important;color:#fff!important;padding:0 12px!important;font-size:12px!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;box-shadow:0 8px 18px rgba(82,56,233,.18)!important;text-indent:0!important}
#productsSide[data-view="grid"] #productGrid .znl-card-bottom button:before,#productsSide[data-view="grid"] #productGrid .znl-card-bottom button:after{display:none!important;content:none!important}
#productsSide[data-view="grid"] #productGrid .znl-card-bottom button:disabled{background:#eef2f7!important;color:#64748b!important;box-shadow:none!important;min-width:106px!important}
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .znl-product-card{background:#111a2d!important;border-color:rgba(148,163,184,.16)!important;box-shadow:0 12px 28px rgba(0,0,0,.18)!important}html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .znl-card-body .product-title{color:#e5eefc!important}html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .znl-card-body .mini-cat{background:rgba(20,184,166,.16)!important;color:#99f6e4!important}html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .znl-card-bottom strong{color:#22d3ee!important}html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .znl-card-bottom button{background:linear-gradient(135deg,#0d9488,#0891b2)!important}html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .znl-card-bottom button:disabled{background:#1f2a44!important;color:#94a3b8!important}
@media(max-width:640px){#productsSide[data-view="grid"] #productGrid .znl-product-card{border-radius:12px!important;padding:8px 8px 0!important}#productsSide[data-view="grid"] #productGrid .znl-product-card>.znl-card-thumb{height:92px!important;flex-basis:92px!important;border-radius:9px!important}#productsSide[data-view="grid"] #productGrid .znl-card-body .product-title{font-size:13px!important;min-height:33px!important}#productsSide[data-view="grid"] #productGrid .znl-card-bottom{padding:9px 2px 9px!important;gap:6px!important}#productsSide[data-view="grid"] #productGrid .znl-card-bottom strong{font-size:14px!important}#productsSide[data-view="grid"] #productGrid .znl-card-bottom button{min-width:58px!important;height:32px!important;padding:0 9px!important;font-size:11px!important}#productsSide[data-view="grid"] #productGrid .znl-card-bottom button:disabled{min-width:84px!important}}
@media(max-width:380px){#productsSide[data-view="grid"] #productGrid .znl-product-card>.znl-card-thumb{height:128px!important;flex-basis:128px!important}}

#productsSide[data-view="grid"] #productGrid .znl-product-card > .znl-card-thumb,
#productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb{
  position:relative!important;
  height:128px!important;
  flex:0 0 128px!important;
  border-radius:9px!important;
  overflow:hidden!important;
}
#productsSide[data-view="grid"] #productGrid .znl-product-card > .znl-card-thumb img,
#productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb img,
#productsSide[data-view="grid"] #productGrid .znl-product-card > .znl-card-thumb > b,
#productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb > b{
  position:relative!important;
  z-index:1!important;
}
#productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb .thumb-cat-chip,
#productsSide[data-view="grid"] #productGrid .znl-card-thumb .thumb-cat-chip{
  position:absolute!important;
  left:8px!important;
  bottom:8px!important;
  top:auto!important;
  right:auto!important;
  z-index:40!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  max-width:calc(100% - 16px)!important;
  height:22px!important;
  padding:0 8px!important;
  margin:0!important;
  border-radius:6px!important;
  background:rgba(255,255,255,.92)!important;
  color:#5b3ff0!important;
  border:1px solid rgba(91,63,240,.12)!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  box-shadow:0 7px 18px rgba(15,23,42,.12)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  pointer-events:none!important;
}
#productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb .grid-stock-out-chip,
#productsSide[data-view="grid"] #productGrid .znl-card-thumb .grid-stock-out-chip,
#productsSide[data-view="grid"] #productGrid .product-card.is-out > .thumb.znl-card-thumb .grid-stock-out-chip{
  position:absolute!important;
  top:8px!important;
  right:8px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:45!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:42px!important;
  height:23px!important;
  padding:0 10px!important;
  margin:0!important;
  border-radius:7px!important;
  background:rgba(255,255,255,.82)!important;
  color:#64748b!important;
  border:1px solid rgba(148,163,184,.28)!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  text-align:center!important;
  box-shadow:0 6px 18px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.55)!important;
  backdrop-filter:blur(10px) saturate(1.1)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.1)!important;
  pointer-events:none!important;
}
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb .thumb-cat-chip,
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .znl-card-thumb .thumb-cat-chip{
  background:rgba(8,22,42,.84)!important;
  color:#8ff7ec!important;
  border-color:rgba(45,212,191,.20)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.26)!important;
}
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb .grid-stock-out-chip,
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .znl-card-thumb .grid-stock-out-chip,
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-card.is-out > .thumb.znl-card-thumb .grid-stock-out-chip{
  background:rgba(15,23,42,.70)!important;
  color:#cbd5e1!important;
  border-color:rgba(148,163,184,.22)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.07)!important;
}
@media(max-width:640px){
  #productsSide[data-view="grid"] #productGrid .znl-product-card > .znl-card-thumb,
  #productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb{
    height:102px!important;
    flex-basis:102px!important;
    border-radius:10px!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb .thumb-cat-chip,
  #productsSide[data-view="grid"] #productGrid .znl-card-thumb .thumb-cat-chip{
    left:7px!important;
    bottom:7px!important;
    height:20px!important;
    padding:0 7px!important;
    border-radius:6px!important;
    font-size:9px!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb .grid-stock-out-chip,
  #productsSide[data-view="grid"] #productGrid .znl-card-thumb .grid-stock-out-chip{
    top:7px!important;
    right:7px!important;
    height:21px!important;
    min-width:38px!important;
    padding:0 8px!important;
    border-radius:7px!important;
    font-size:9px!important;
  }
}

html[data-theme=dark] .znl-toolbar-actions .sort-btn,
html[data-theme=dark] .znl-toolbar-actions .sort-btn #sortLabel{color:#e5eefc!important;opacity:1!important}
html[data-theme=dark] .znl-toolbar-actions .sort-btn::after{border-color:#e5eefc!important}
html[data-theme=dark] .znl-toolbar-actions .sort-menu{background:#111a2d!important;border:1px solid rgba(148,163,184,.18)!important;box-shadow:0 16px 32px rgba(0,0,0,.24)!important}
html[data-theme=dark] .znl-toolbar-actions .sort-menu button{color:#d7e3f5!important;background:transparent!important}
html[data-theme=dark] .znl-toolbar-actions .sort-menu button:hover{background:rgba(148,163,184,.08)!important;color:#fff!important}
html[data-theme=dark] .znl-toolbar-actions .sort-menu button.active{background:rgba(20,184,166,.18)!important;color:#99f6e4!important}

.znl-countdown{display:grid!important;grid-template-columns:54px 10px 54px 10px 54px 10px 54px!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;flex-wrap:nowrap!important;width:max-content!important;max-width:100%!important}
.znl-countdown .cd-box{width:54px!important;height:66px!important}
.znl-countdown .cd-sep{display:grid!important;place-items:center!important;width:10px!important;margin:0!important;align-self:center!important}
@media(max-width:640px){.znl-countdown{grid-template-columns:50px 8px 50px 8px 50px 8px 50px!important}.znl-countdown .cd-box{width:50px!important;height:58px!important}.znl-countdown .cd-sep{width:8px!important}}

.znl-card-thumb,.znl-product-card>.znl-card-thumb,#productsSide[data-view="grid"] #productGrid .znl-product-card>.znl-card-thumb{height:120px!important;flex-basis:120px!important}
@media(max-width:640px){.znl-card-thumb,.znl-product-card>.znl-card-thumb,#productsSide[data-view="grid"] #productGrid .znl-product-card>.znl-card-thumb{height:98px!important;flex-basis:98px!important}}

.znl-card-thumb .grid-stock-out-chip{right:9px!important;top:9px!important;padding:5px 10px!important;border-radius:8px!important;background:linear-gradient(135deg,#fff7ed,#ffe7d6)!important;color:#9a3412!important;border:1px solid rgba(251,146,60,.28)!important;box-shadow:0 8px 18px rgba(249,115,22,.12)!important;font-size:10px!important;font-weight:900!important;letter-spacing:.02em!important;text-transform:uppercase!important}
html[data-theme=dark] .znl-card-thumb .grid-stock-out-chip{background:linear-gradient(135deg,rgba(251,146,60,.22),rgba(244,63,94,.18))!important;color:#ffedd5!important;border-color:rgba(251,146,60,.34)!important;box-shadow:0 10px 22px rgba(249,115,22,.16)!important;backdrop-filter:blur(8px)!important}

.znl-list-head.section-divider{position:relative!important;margin:18px 0 16px!important;padding-top:16px!important;border-top:1px solid rgba(148,163,184,.22)!important}
.znl-list-head.section-divider::before{content:"";position:absolute;left:0;top:-1px;width:108px;height:3px;border-radius:999px;background:linear-gradient(90deg,#fb923c,#f97316,#ec4899)!important}
.znl-list-head.section-divider h2{display:inline-flex!important;align-items:center!important;gap:8px!important}
html[data-theme=dark] .znl-list-head.section-divider{border-top-color:rgba(148,163,184,.16)!important}
html[data-theme=dark] .znl-list-head.section-divider::before{background:linear-gradient(90deg,#f59e0b,#14b8a6,#38bdf8)!important}

.znl-flash-banner{position:relative!important;overflow:visible!important}
.znl-flash-track{display:flex!important;gap:16px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;padding:0 0 4px!important;scrollbar-width:none!important}
.znl-flash-track::-webkit-scrollbar{display:none!important}
.znl-flash-track .znl-flash-inner{flex:0 0 100%!important;scroll-snap-align:start!important;margin:0!important}
.znl-flash-nav{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:5!important;width:34px!important;height:34px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:999px!important;background:rgba(15,23,42,.52)!important;color:#fff!important;backdrop-filter:blur(8px)!important;display:grid!important;place-items:center!important;font-size:24px!important;font-weight:900!important;line-height:1!important;cursor:pointer!important;box-shadow:0 12px 26px rgba(15,23,42,.18)!important;transition:transform .18s ease,background .18s ease,opacity .18s ease!important}
.znl-flash-nav.prev{left:10px!important}.znl-flash-nav.next{right:10px!important}
.znl-flash-nav:hover{transform:translateY(-50%) scale(1.06)!important;background:rgba(82,56,233,.78)!important}
html[data-theme=dark] .znl-flash-nav{background:rgba(5,10,24,.68)!important;border-color:rgba(148,163,184,.22)!important;color:#e5eefc!important}
html[data-theme=dark] .znl-flash-nav:hover{background:rgba(20,184,166,.58)!important}
.znl-flash-thumb{display:flex!important;align-items:center!important;justify-content:center!important;isolation:isolate!important}
.znl-flash-thumb img,.znl-flash-thumb .ds-product-thumb-img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center center!important;display:block!important;margin:0!important;transform:none!important}
.znl-flash-detail h3{margin-bottom:8px!important}
.znl-flash-title-link{appearance:none!important;border:0!important;background:transparent!important;color:#fff!important;padding:0!important;margin:0!important;font:inherit!important;font-weight:950!important;text-align:left!important;cursor:pointer!important;text-decoration:none!important;transition:color .18s ease,text-shadow .18s ease,transform .18s ease!important}
.znl-flash-title-link:hover{color:#67e8f9!important;text-shadow:0 0 18px rgba(103,232,249,.30)!important;text-decoration:underline!important;text-underline-offset:4px!important}
.znl-flash-title-link:active{transform:translateY(1px)!important}
.znl-flash-buy button:not(:disabled){transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,background .18s ease!important;cursor:pointer!important}
.znl-flash-buy button:not(:disabled):hover{transform:translateY(-2px)!important;filter:brightness(1.06)!important;box-shadow:0 16px 34px rgba(86,60,242,.34)!important;background:linear-gradient(135deg,#6448ff,#22c7ee)!important}
html[data-theme=dark] .znl-flash-buy button:not(:disabled):hover{box-shadow:0 16px 34px rgba(20,184,166,.24)!important;background:linear-gradient(135deg,#0d9488,#2563eb)!important}
.znl-flash-detail ul{max-width:260px!important;overflow:hidden!important}
.znl-flash-detail li{line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
@media(max-width:640px){.znl-flash-track{gap:12px!important}.znl-flash-nav{display:none!important}.znl-flash-track .znl-flash-inner{flex-basis:100%!important}.znl-flash-detail li{-webkit-line-clamp:2!important}.znl-flash-detail ul{display:grid!important}}

#productsSide[data-view="grid"] #productGrid .znl-product-card > .znl-card-thumb,
#productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb,
.znl-card-thumb,
.znl-product-card>.znl-card-thumb{height:134px!important;flex-basis:134px!important}

@media(max-width:640px){
  #productsSide[data-view="grid"] #productGrid .znl-product-card > .znl-card-thumb,
  #productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb,
  .znl-card-thumb,
  .znl-product-card>.znl-card-thumb{height:100px!important;flex-basis:100px!important}
}

html[data-theme="light"] #productsSide[data-view="grid"] #productGrid .znl-card-bottom button:not(:disabled):hover,
html:not([data-theme="dark"]) #productsSide[data-view="grid"] #productGrid .znl-card-bottom button:not(:disabled):hover{
  background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 12px 24px rgba(79,70,229,.24)!important;
  transform:translateY(-1px)!important;
  filter:none!important;
}
html[data-theme="light"] .znl-flash-buy button:not(:disabled):hover,
html:not([data-theme="dark"]) .znl-flash-buy button:not(:disabled):hover{
  background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;
  color:#fff!important;
  box-shadow:0 16px 34px rgba(79,70,229,.28)!important;
  filter:none!important;
}
.znl-flash-title-link:hover{
  text-decoration:none!important;
  color:#a5f3fc!important;
}

#productsSide[data-view="grid"] #productGrid .znl-product-card > .znl-card-thumb,
#productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb,
.znl-product-card > .znl-card-thumb,
.znl-card-thumb{
  height:148px!important;
  flex:0 0 148px!important;
}

@media(max-width:900px){
  .znl-flash-inner{
    grid-template-columns:minmax(150px,220px) minmax(0,1fr) 220px!important;
    gap:16px!important;
    padding:18px!important;
  }
  .znl-flash-count{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important}
  .znl-countdown{margin-top:0!important;justify-content:flex-end!important}
}

@media(max-width:640px){
  .znl-flash-banner{
    margin:8px 0 16px!important;
  }
  .znl-flash-track{
    gap:12px!important;
    padding:0 0 6px!important;
    scroll-padding-inline:0!important;
  }
  .znl-flash-track .znl-flash-inner,
  .znl-flash-inner{
    min-height:0!important;
    border-radius:18px!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    grid-template-areas:
      "count count"
      "thumb detail"
      "buy buy"!important;
    gap:12px!important;
    align-items:start!important;
    padding:14px!important;
    background:linear-gradient(145deg,#19144f 0%,#111b45 58%,#0d233f 100%)!important;
    box-shadow:0 14px 34px rgba(15,23,42,.18)!important;
  }
  .znl-flash-inner:after{
    background:radial-gradient(circle at 18% 0%,rgba(99,102,241,.22),transparent 38%),radial-gradient(circle at 92% 12%,rgba(34,211,238,.16),transparent 34%)!important;
  }
  .znl-flash-count{
    grid-area:count!important;
    display:block!important;
    min-width:0!important;
  }
  .znl-flash-count b{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0 0 9px!important;
    font-size:14px!important;
    color:#fde68a!important;
  }
  .znl-flash-count small{
    display:none!important;
  }
  .znl-countdown{
    margin:0!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
  }
  .znl-countdown .cd-box{
    width:auto!important;
    min-width:0!important;
    height:48px!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.11)!important;
  }
  .znl-countdown .cd-box strong{
    font-size:15px!important;
  }
  .znl-countdown .cd-box span{
    margin-top:5px!important;
    font-size:8.5px!important;
    letter-spacing:.02em!important;
  }
  .znl-countdown .cd-sep{
    display:none!important;
  }
  .znl-flash-thumb{
    grid-area:thumb!important;
    width:92px!important;
    height:92px!important;
    border-radius:15px!important;
    box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
  }
  .znl-flash-thumb span{
    right:7px!important;
    top:7px!important;
    width:24px!important;
    height:24px!important;
    border-radius:8px!important;
    font-size:11px!important;
    background:#7c3aed!important;
    box-shadow:0 8px 18px rgba(124,58,237,.25)!important;
  }
  .znl-flash-detail{
    grid-area:detail!important;
    min-width:0!important;
    align-self:stretch!important;
  }
  .znl-flash-detail h3{
    margin:0 0 6px!important;
    font-size:15px!important;
    line-height:1.22!important;
  }
  .znl-flash-title-link{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    max-width:100%!important;
  }
  .znl-flash-detail .mini-cat{
    max-width:100%!important;
    height:auto!important;
    padding:4px 7px!important;
    font-size:9.5px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .znl-flash-detail ul{
    max-width:none!important;
    margin:8px 0 0!important;
    gap:5px!important;
  }
  .znl-flash-detail li{
    font-size:11px!important;
    line-height:1.3!important;
    -webkit-line-clamp:1!important;
  }
  .znl-flash-detail li:before{
    width:12px!important;
    height:12px!important;
    margin-right:6px!important;
    font-size:8px!important;
  }
  .znl-flash-buy{
    grid-area:buy!important;
    justify-self:stretch!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 112px!important;
    gap:10px!important;
    align-items:end!important;
    padding-top:10px!important;
    margin-top:0!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
  }
  .znl-flash-buy em{
    grid-column:1/2!important;
    margin:0 0 5px!important;
    width:max-content!important;
    max-width:100%!important;
    padding:4px 7px!important;
    border-radius:999px!important;
    font-size:9.5px!important;
  }
  .znl-flash-buy strong{
    grid-column:1/2!important;
    font-size:17px!important;
  }
  .znl-flash-buy del{
    grid-column:1/2!important;
    margin-top:3px!important;
    font-size:11px!important;
  }
  .znl-flash-buy button{
    grid-column:2/3!important;
    grid-row:1/4!important;
    align-self:stretch!important;
    height:42px!important;
    margin:0!important;
    border-radius:13px!important;
    font-size:12px!important;
  }
  .znl-flash-buy small{
    display:none!important;
  }
  #productsSide[data-view="grid"] #productGrid .znl-product-card > .znl-card-thumb,
  #productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb,
  .znl-product-card > .znl-card-thumb,
  .znl-card-thumb{
    height:116px!important;
    flex:0 0 116px!important;
  }
}

@media(max-width:390px){
  .znl-flash-track .znl-flash-inner,
  .znl-flash-inner{
    grid-template-columns:84px minmax(0,1fr)!important;
    padding:12px!important;
    gap:10px!important;
  }
  .znl-flash-thumb{
    width:84px!important;
    height:84px!important;
  }
  .znl-flash-buy{
    grid-template-columns:minmax(0,1fr) 100px!important;
  }
  .znl-flash-buy button{
    font-size:11px!important;
    height:40px!important;
  }
  #productsSide[data-view="grid"] #productGrid .znl-product-card > .znl-card-thumb,
  #productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb,
  .znl-product-card > .znl-card-thumb,
  .znl-card-thumb{
    height:108px!important;
    flex:0 0 108px!important;
  }
}

html[data-theme=dark] .znl-flash-track .znl-flash-inner,
html[data-theme=dark] .znl-flash-inner{
  background:linear-gradient(145deg,#151b34 0%,#111827 56%,#0f2634 100%)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.32)!important;
}

.znl-flash-track .znl-flash-inner,
.znl-flash-inner,
html[data-theme=dark] .znl-flash-track .znl-flash-inner,
html[data-theme=dark] .znl-flash-inner{
  background:linear-gradient(105deg,#17164f 0%,#17154b 52%,#0f2f68 100%)!important;
  box-shadow:0 18px 42px rgba(23,22,79,.22)!important;
}
.znl-flash-inner:after{
  background:
    radial-gradient(circle at 48% 20%,rgba(99,102,241,.22),transparent 33%),
    radial-gradient(circle at 85% 10%,rgba(14,165,233,.16),transparent 30%)!important;
}

html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .znl-product-card,
html[data-theme=dark] .znl-product-card{
  background:linear-gradient(180deg,#172238 0%,#141f33 100%)!important;
  border-color:rgba(148,163,184,.12)!important;
  box-shadow:0 12px 28px rgba(2,8,23,.22)!important;
}
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .znl-product-card:hover,
html[data-theme=dark] .znl-product-card:hover{
  background:linear-gradient(180deg,#1a2740 0%,#162238 100%)!important;
  border-color:rgba(129,140,248,.20)!important;
  box-shadow:0 16px 34px rgba(2,8,23,.26)!important;
}
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .znl-card-body .product-title,
html[data-theme=dark] .znl-card-body .product-title{
  color:#eef5ff!important;
}
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .znl-card-body .product-meta p,
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .znl-card-body .product-meta small,
html[data-theme=dark] .znl-card-body .product-meta p,
html[data-theme=dark] .znl-card-body .product-meta small{
  color:#a9b7ca!important;
}
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .znl-card-body .mini-cat,
html[data-theme=dark] .znl-card-body .mini-cat{
  background:rgba(99,102,241,.16)!important;
  color:#c7d2fe!important;
}
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .znl-card-bottom strong,
html[data-theme=dark] .znl-card-bottom strong{
  color:#93c5fd!important;
}
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .znl-card-bottom button,
html[data-theme=dark] .znl-card-bottom button{
  background:linear-gradient(135deg,#4f46e5,#2563eb)!important;
  box-shadow:0 10px 22px rgba(37,99,235,.20)!important;
}
html[data-theme=dark] #productsSide[data-view="grid"] #productGrid .znl-card-bottom button:hover,
html[data-theme=dark] .znl-card-bottom button:hover{
  background:linear-gradient(135deg,#6366f1,#3b82f6)!important;
}

#productModal.is-out .modal-visual{
  position:relative!important;
  overflow:hidden!important;
}
#productModal.is-out .modal-visual::after{
  content:"Produk Habis"!important;
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  width:74%!important;
  max-width:340px!important;
  min-width:190px!important;
  height:42px!important;
  max-height:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 18px!important;
  border-radius:999px!important;
  transform:translate(-50%,-50%) rotate(-28deg)!important;
  transform-origin:center!important;
  background:rgba(15,23,42,.68)!important;
  color:#fff!important;
  border-top:1px solid rgba(255,255,255,.22)!important;
  border-bottom:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.26)!important;
  backdrop-filter:blur(8px)!important;
  font-size:13px!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
  z-index:7!important;
  pointer-events:none!important;
  white-space:nowrap!important;
}
html[data-theme=dark] #productModal.is-out .modal-visual::after{
  background:rgba(2,6,23,.72)!important;
  color:#f8fafc!important;
  border-top-color:rgba(255,255,255,.18)!important;
  border-bottom-color:rgba(255,255,255,.18)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.34)!important;
}
@media(max-width:640px){
  #productModal.is-out .modal-visual::after{
    width:78%!important;
    max-width:280px!important;
    min-width:160px!important;
    height:38px!important;
    padding:0 14px!important;
    font-size:11px!important;
    letter-spacing:.12em!important;
    transform:translate(-50%,-50%) rotate(-27deg)!important;
  }
}

#productModal .modal-visual > b{
  display:none!important;
}
#productModal.is-out .modal-visual{
  overflow:hidden!important;
}
#productModal.is-out .modal-visual::after{
  content:"Produk Habis"!important;
  position:absolute!important;
  left:-22px!important;
  right:auto!important;
  top:24px!important;
  bottom:auto!important;
  width:220px!important;
  min-width:0!important;
  max-width:calc(100% - 84px)!important;
  height:40px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:rotate(-12deg)!important;
  transform-origin:center center!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.72)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 12px 26px rgba(15,23,42,.24)!important;
  backdrop-filter:blur(8px)!important;
  font-size:12px!important;
  font-weight:1000!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  z-index:7!important;
  pointer-events:none!important;
  white-space:nowrap!important;
}
html[data-theme=dark] #productModal.is-out .modal-visual::after{
  background:rgba(2,6,23,.74)!important;
  color:#f8fafc!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.34)!important;
}
@media(max-width:640px){
  #productModal.is-out .modal-visual::after{
    left:-18px!important;
    top:20px!important;
    width:180px!important;
    max-width:calc(100% - 66px)!important;
    height:34px!important;
    padding:0 12px!important;
    font-size:10px!important;
    letter-spacing:.1em!important;
    transform:rotate(-12deg)!important;
  }
}

#productModal{
  padding:20px!important;
}
#productModal .modal-backdrop{
  background:rgba(15,23,42,.62)!important;
  backdrop-filter:blur(8px)!important;
}
#productModal .product-modal-card{
  position:relative!important;
  width:min(560px,100%)!important;
  border-radius:30px!important;
  overflow:hidden!important;
  border:1px solid rgba(226,232,240,.95)!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  box-shadow:0 28px 90px rgba(15,23,42,.28)!important;
}
#productModal .modal-visual{
  position:relative!important;
  height:228px!important;
  background:linear-gradient(135deg,#12939a 0%,#0891b2 45%,#1fb6ff 100%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
#productModal .modal-visual::before{
  content:""!important;
  position:absolute!important;
  inset:auto -34px -42px auto!important;
  width:230px!important;
  height:230px!important;
  border:14px solid rgba(255,255,255,.08)!important;
  border-radius:42px!important;
  transform:rotate(18deg)!important;
  pointer-events:none!important;
}
#productModal .modal-visual > b{display:none!important;}
#productModal .modal-visual button{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  width:44px!important;
  height:44px!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  font-size:28px!important;
  line-height:1!important;
  box-shadow:0 12px 26px rgba(15,23,42,.16)!important;
  backdrop-filter:blur(8px)!important;
}
#productModal .modal-thumb-img{
  display:none;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
#productModal .modal-icon{
  position:relative!important;
  z-index:2!important;
  font-size:50px!important;
  color:rgba(255,255,255,.96)!important;
  text-shadow:0 10px 24px rgba(15,23,42,.18)!important;
}
#productModal .modal-body{
  padding:30px 30px 28px!important;
}
#productModal .modal-badges{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 18px!important;
}
#productModal .modal-badges::after{content:none!important;display:none!important;}
#productModal .modal-badges span{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:10px 14px!important;
  border-radius:14px!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
}
#productModal .modal-badges span:first-child{
  background:linear-gradient(135deg,#f0f4ff,#eef2ff)!important;
  color:#4f46e5!important;
}
#productModal .modal-badges span:first-child::before{
  content:"♛"!important;
  font-size:12px!important;
}
#productModal .modal-badges span:last-child{
  background:linear-gradient(135deg,#fff1f6,#fdf2f8)!important;
  color:#e11d8a!important;
}
#productModal .modal-badges span:last-child::before{
  content:"🏷"!important;
  font-size:11px!important;
}
#productModal .modal-body h3{
  margin:0 0 12px!important;
  color:#1e293b!important;
  font-size:28px!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
}
#productModal .modal-body p{
  margin:0 0 24px!important;
  color:#64748b!important;
  font-size:16px!important;
  line-height:1.72!important;
}
#productModal .modal-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  padding:0!important;
  margin:0 0 26px!important;
  border:1px solid #e8eef7!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(15,23,42,.05)!important;
  overflow:hidden!important;
}
#productModal .modal-stats .modal-stat-item{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:16px 18px!important;
  text-align:left!important;
}
#productModal .modal-stats .modal-stat-item + .modal-stat-item{
  border-left:1px solid #edf2f7!important;
}
#productModal .modal-stat-icon{
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  font-size:17px!important;
  font-style:normal!important;
  font-weight:900!important;
}
#productModal .modal-stat-icon.stock{background:#eef2ff!important;color:#4f46e5!important;}
#productModal .modal-stat-icon.sold{background:#ecfdf5!important;color:#10b981!important;}
#productModal .modal-stat-icon.send{background:#fff7ed!important;color:#f59e0b!important;}
#productModal .modal-stat-copy{min-width:0!important;}
#productModal .modal-stats small{
  display:block!important;
  margin:0 0 4px!important;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
#productModal .modal-stats b{
  display:block!important;
  color:#0f172a!important;
  font-size:17px!important;
  line-height:1.15!important;
}
#productModal .modal-stats .instant{
  color:#16a34a!important;
  font-weight:900!important;
}
#productModal .modal-bottom{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:20px!important;
}
#productModal .modal-price{
  min-width:0!important;
}
#productModal .modal-bottom strong{
  display:block!important;
  color:#4f46e5!important;
  font-size:28px!important;
  line-height:1.05!important;
  letter-spacing:-.03em!important;
}
#productModal .modal-bottom del{
  display:block!important;
  margin-top:6px!important;
  color:#94a3b8!important;
  font-size:14px!important;
}
#productModal #modalAddCart{
  min-width:220px!important;
  height:64px!important;
  padding:0 24px!important;
  border:0!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#4f46e5,#2563eb)!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
  box-shadow:0 16px 32px rgba(79,70,229,.22)!important;
}
#productModal #modalAddCart:hover{transform:translateY(-1px)!important;filter:brightness(.98)!important;}
#productModal #modalAddCart[disabled],
#productModal #modalAddCart[aria-disabled="true"]{
  background:linear-gradient(180deg,#f1f5f9,#e5e7eb)!important;
  color:#64748b!important;
  box-shadow:none!important;
}
#productModal #modalAddCart[disabled]::before,
#productModal #modalAddCart[aria-disabled="true"]::before{
  content:"⊘"!important;
  margin-right:10px!important;
  font-size:22px!important;
  vertical-align:-1px!important;
}
#productModal.in-stock .modal-visual::after{
  content:none!important;
  display:none!important;
}
#productModal.is-out .modal-visual::after{
  content:"Produk Habis"!important;
  position:absolute!important;
  top:20px!important;
  left:-48px!important;
  width:360px!important;
  height:56px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 22px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#ff5b61 0%,#ff6e74 55%,#fca5a5 100%)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.3)!important;
  box-shadow:0 14px 34px rgba(239,68,68,.26)!important;
  text-transform:uppercase!important;
  font-size:14px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  transform:rotate(-12deg)!important;
  transform-origin:center center!important;
  z-index:7!important;
  pointer-events:none!important;
}
html[data-theme=dark] #productModal .product-modal-card{
  border-color:rgba(148,163,184,.16)!important;
  background:linear-gradient(180deg,#0f172a 0%,#111c30 100%)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.46)!important;
}
html[data-theme=dark] #productModal .modal-body h3{color:#f8fafc!important;}
html[data-theme=dark] #productModal .modal-body p,
html[data-theme=dark] #productModal .modal-stats small,
html[data-theme=dark] #productModal #modalAddCart[disabled],
html[data-theme=dark] #productModal #modalAddCart[aria-disabled="true"]{color:#cbd5e1!important;}
html[data-theme=dark] #productModal .modal-stats{
  background:rgba(15,23,42,.75)!important;
  border-color:rgba(148,163,184,.18)!important;
  box-shadow:none!important;
}
html[data-theme=dark] #productModal .modal-stats .modal-stat-item + .modal-stat-item{
  border-left-color:rgba(148,163,184,.14)!important;
}
html[data-theme=dark] #productModal .modal-stats b{color:#f8fafc!important;}
html[data-theme=dark] #productModal .modal-stat-icon.stock{background:rgba(79,70,229,.18)!important;color:#c7d2fe!important;}
html[data-theme=dark] #productModal .modal-stat-icon.sold{background:rgba(16,185,129,.15)!important;color:#86efac!important;}
html[data-theme=dark] #productModal .modal-stat-icon.send{background:rgba(245,158,11,.16)!important;color:#fcd34d!important;}
html[data-theme=dark] #productModal .modal-badges span:first-child{background:rgba(79,70,229,.16)!important;color:#c7d2fe!important;}
html[data-theme=dark] #productModal .modal-badges span:last-child{background:rgba(225,29,138,.14)!important;color:#f9a8d4!important;}
html[data-theme=dark] #productModal .modal-bottom del{color:#94a3b8!important;}
html[data-theme=dark] #productModal #modalAddCart[disabled],
html[data-theme=dark] #productModal #modalAddCart[aria-disabled="true"]{
  background:linear-gradient(180deg,#1e293b,#334155)!important;
  color:#cbd5e1!important;
}
@media(max-width:640px){
  #productModal{padding:14px!important;}
  #productModal .product-modal-card{width:min(100%,460px)!important;border-radius:24px!important;}
  #productModal .modal-visual{height:190px!important;}
  #productModal .modal-visual button{top:14px!important;right:14px!important;width:40px!important;height:40px!important;font-size:26px!important;}
  #productModal.is-out .modal-visual::after{top:18px!important;left:-42px!important;width:280px!important;height:48px!important;font-size:12px!important;letter-spacing:.06em!important;transform:rotate(-12deg)!important;}
  #productModal .modal-body{padding:22px 18px 20px!important;}
  #productModal .modal-badges{gap:8px!important;flex-wrap:wrap!important;margin-bottom:14px!important;}
  #productModal .modal-badges span{padding:8px 12px!important;font-size:11px!important;border-radius:12px!important;}
  #productModal .modal-body h3{font-size:20px!important;margin-bottom:10px!important;}
  #productModal .modal-body p{font-size:14px!important;line-height:1.6!important;margin-bottom:18px!important;}
  #productModal .modal-stats{grid-template-columns:1fr!important;gap:0!important;margin-bottom:18px!important;}
  #productModal .modal-stats .modal-stat-item + .modal-stat-item{border-left:0!important;border-top:1px solid #edf2f7!important;}
  html[data-theme=dark] #productModal .modal-stats .modal-stat-item + .modal-stat-item{border-top-color:rgba(148,163,184,.14)!important;}
  #productModal .modal-stats .modal-stat-item{padding:14px 16px!important;}
  #productModal .modal-bottom{flex-direction:column!important;align-items:stretch!important;gap:14px!important;}
  #productModal #modalAddCart{width:100%!important;min-width:0!important;height:56px!important;font-size:17px!important;border-radius:16px!important;}
  #productModal .modal-bottom strong{font-size:24px!important;}
}

#productModal .product-modal-card{
  width:min(470px,100%)!important;
  border-radius:28px!important;
}
#productModal .modal-visual{
  height:190px!important;
}
#productModal .modal-body{
  padding:24px 24px 24px!important;
}
#productModal .modal-body h3{
  font-size:22px!important;
  margin-bottom:10px!important;
}
#productModal .modal-body p{
  font-size:15px!important;
  line-height:1.65!important;
  margin-bottom:20px!important;
}
#productModal .modal-badges{
  gap:8px!important;
  margin-bottom:12px!important;
}
#productModal .modal-badges span{
  padding:7px 10px!important;
  border-radius:9px!important;
  font-size:10px!important;
}
#productModal .modal-stats{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:0!important;
  padding:12px 0!important;
  margin:0 0 22px!important;
  border-top:1px dashed var(--line)!important;
  border-bottom:1px dashed var(--line)!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#productModal .modal-stats .modal-stat-item{
  display:block!important;
  padding:0 8px!important;
  text-align:center!important;
  border-top:0!important;
}
#productModal .modal-stats .modal-stat-item + .modal-stat-item{
  border-left:1px solid var(--line)!important;
  border-top:0!important;
}
#productModal .modal-stat-icon{
  display:none!important;
}
#productModal .modal-stat-copy{
  min-width:0!important;
}
#productModal .modal-stats small{
  display:block!important;
  margin:0 0 6px!important;
  color:var(--muted)!important;
  font-size:9px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:0!important;
}
#productModal .modal-stats b{
  display:block!important;
  color:var(--text)!important;
  font-size:14px!important;
  line-height:1.15!important;
}
#productModal .modal-stats .instant{
  color:#10b981!important;
}
#productModal .modal-bottom{
  gap:16px!important;
}
#productModal .modal-bottom strong{
  font-size:25px!important;
}
#productModal #modalAddCart{
  min-width:136px!important;
  height:46px!important;
  padding:0 16px!important;
  border-radius:14px!important;
  font-size:14px!important;
  font-weight:900!important;
}
#productModal.is-out .modal-visual::after{
  top:14px!important;
  left:-60px!important;
  width:334px!important;
  height:48px!important;
  font-size:12px!important;
  transform:rotate(-16deg)!important;
}
html[data-theme=dark] #productModal .modal-stats{
  background:transparent!important;
  border-top-color:rgba(148,163,184,.18)!important;
  border-bottom-color:rgba(148,163,184,.18)!important;
}
html[data-theme=dark] #productModal .modal-stats .modal-stat-item + .modal-stat-item{
  border-left-color:rgba(148,163,184,.18)!important;
}
html[data-theme=dark] #productModal .modal-stats b{color:#f8fafc!important;}
@media(max-width:640px){
  #productModal .product-modal-card{width:min(100%,440px)!important;border-radius:23px!important;}
  #productModal .modal-visual{height:172px!important;}
  #productModal .modal-body{padding:20px 18px!important;}
  #productModal .modal-body h3{font-size:19px!important;}
  #productModal .modal-body p{font-size:14px!important;margin-bottom:18px!important;}
  #productModal .modal-stats{
    grid-template-columns:repeat(3,1fr)!important;
    padding:11px 0!important;
    margin-bottom:18px!important;
  }
  #productModal .modal-stats .modal-stat-item{
    display:block!important;
    padding:0 6px!important;
    text-align:center!important;
  }
  #productModal .modal-stats .modal-stat-item + .modal-stat-item{
    border-left:1px solid var(--line)!important;
    border-top:0!important;
  }
  #productModal .modal-stats small{font-size:8px!important;margin-bottom:5px!important;}
  #productModal .modal-stats b{font-size:13px!important;}
  #productModal .modal-bottom{flex-direction:row!important;align-items:center!important;gap:12px!important;}
  #productModal .modal-bottom strong{font-size:22px!important;}
  #productModal #modalAddCart{width:auto!important;min-width:124px!important;height:44px!important;padding:0 14px!important;font-size:13px!important;border-radius:14px!important;}
  #productModal.is-out .modal-visual::after{top:13px!important;left:-50px!important;width:274px!important;height:42px!important;font-size:11px!important;transform:rotate(-15deg)!important;}
}
@media(max-width:380px){
  #productModal .modal-bottom{flex-direction:column!important;align-items:stretch!important;}
  #productModal #modalAddCart{width:100%!important;}
}

#productModal #modalAddCart{
  width:auto!important;
  min-width:auto!important;
  height:auto!important;
  padding:13px 18px!important;
  border-radius:14px!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
}
#productModal #modalAddCart[disabled],
#productModal #modalAddCart[aria-disabled="true"]{
  padding:13px 18px!important;
  min-width:auto!important;
  width:auto!important;
}
#productModal #modalAddCart[disabled]::before,
#productModal #modalAddCart[aria-disabled="true"]::before{
  margin-right:8px!important;
  font-size:18px!important;
  vertical-align:-1px!important;
}
#productModal.is-out .modal-visual::after{
  content:"Produk Habis"!important;
  position:absolute!important;
  top:28px!important;
  left:-62px!important;
  width:216px!important;
  height:42px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:0!important;
  background:linear-gradient(135deg,#ff4f61 0%,#fb7185 58%,#fda4af 100%)!important;
  color:#fff!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.28)!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 12px 28px rgba(239,68,68,.24)!important;
  text-transform:uppercase!important;
  font-size:11px!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  line-height:1!important;
  transform:rotate(-45deg)!important;
  transform-origin:center center!important;
  z-index:7!important;
  pointer-events:none!important;
  white-space:nowrap!important;
}
html[data-theme=dark] #productModal.is-out .modal-visual::after{
  background:linear-gradient(135deg,#e11d48 0%,#f43f5e 58%,#fb7185 100%)!important;
  color:#fff!important;
  border-top-color:rgba(255,255,255,.22)!important;
  border-bottom-color:rgba(255,255,255,.14)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.34)!important;
}
@media(max-width:640px){
  #productModal #modalAddCart,
  #productModal #modalAddCart[disabled],
  #productModal #modalAddCart[aria-disabled="true"]{
    width:auto!important;
    min-width:auto!important;
    height:auto!important;
    padding:12px 16px!important;
    border-radius:13px!important;
    font-size:13px!important;
  }
  #productModal.is-out .modal-visual::after{
    top:25px!important;
    left:-58px!important;
    width:196px!important;
    height:38px!important;
    padding:0 10px!important;
    font-size:10px!important;
    letter-spacing:.07em!important;
    transform:rotate(-45deg)!important;
  }
}
@media(max-width:380px){
  #productModal #modalAddCart,
  #productModal #modalAddCart[disabled],
  #productModal #modalAddCart[aria-disabled="true"]{
    width:100%!important;
  }
}

.site-footer {
  padding: 24px 16px;
  background: #f8fafc;
  border-top: 1px solid rgba(148, 163, 184, 0.22);
  color: #334155;
}

.footer-contact h4 {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
}

.footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: 6px; 
}

.social-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: #ffffff;
  color: #475569;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid rgba(148, 163, 184, 0.25);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
  transition: 0.2s ease;
}

.social-link:hover {
  color: #2563eb;
  border-color: rgba(37, 99, 235, 0.35);
  transform: translateY(-1px);
}

.social-icon {
  width: 17px;
  height: 17px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #eef2ff;
  color: #2563eb;
  font-size: 10px;
  font-weight: 800;
}

html.dark .site-footer,
body.dark .site-footer,
.dark .site-footer,
[data-theme="dark"] .site-footer {
  background: #111827;
  border-top-color: rgba(148, 163, 184, 0.16);
  color: #cbd5e1;
}

html.dark .footer-contact h4,
body.dark .footer-contact h4,
.dark .footer-contact h4,
[data-theme="dark"] .footer-contact h4 {
  color: #f8fafc !important;
}

html.dark .social-link,
body.dark .social-link,
.dark .social-link,
[data-theme="dark"] .social-link {
  background: rgba(30, 41, 59, 0.9) !important;
  color: #dbeafe !important;
  border-color: rgba(148, 163, 184, 0.2);
  box-shadow: none;
}

html.dark .social-link:hover,
body.dark .social-link:hover,
.dark .social-link:hover,
[data-theme="dark"] .social-link:hover {
  background: rgba(51, 65, 85, 0.95) !important;
  color: #93c5fd !important;
  border-color: rgba(147, 197, 253, 0.35);
}

html.dark .social-icon,
body.dark .social-icon,
.dark .social-icon,
[data-theme="dark"] .social-icon {
  background: rgba(59, 130, 246, 0.18) !important;
  color: #93c5fd !important;
}

#productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb .grid-warranty-chip,
#productsSide[data-view="grid"] #productGrid .znl-card-thumb .grid-warranty-chip{
  position:absolute!important;
  top:8px!important;
  right:8px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:45!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  max-width:calc(100% - 16px)!important;
  height:23px!important;
  padding:0 9px!important;
  margin:0!important;
  border-radius:7px!important;
  background:rgba(236,253,245,.88)!important;
  color:#047857!important;
  border:1px solid rgba(20,184,166,.26)!important;
  box-shadow:0 6px 18px rgba(15,118,110,.14), inset 0 1px 0 rgba(255,255,255,.62)!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  backdrop-filter:blur(10px) saturate(1.1)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.1)!important;
  pointer-events:none!important;
}
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb .grid-warranty-chip,
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .znl-card-thumb .grid-warranty-chip{
  background:rgba(13,148,136,.23)!important;
  color:#99f6e4!important;
  border-color:rgba(45,212,191,.30)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.07)!important;
}
#productModal .modal-badges .modal-badge-category,
#productModal .modal-badges .modal-badge-discount,
#productModal .modal-badges .modal-badge-warranty{white-space:nowrap!important;}
#productModal .modal-badges .modal-badge-category::before{content:"♛"!important;font-size:12px!important;}
#productModal .modal-badges .modal-badge-discount{background:linear-gradient(135deg,#fff1f6,#fdf2f8)!important;color:#e11d8a!important;}
#productModal .modal-badges .modal-badge-discount::before{content:"🏷"!important;font-size:11px!important;}
#productModal .modal-badges .modal-badge-warranty{background:linear-gradient(135deg,#ecfeff,#ecfdf5)!important;color:#0f766e!important;}
#productModal .modal-badges .modal-badge-warranty::before{content:"🛡"!important;font-size:11px!important;}
#productModal .modal-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
#productModal .modal-stats .modal-stat-item{padding:14px 12px!important;gap:8px!important;}
#productModal .modal-stat-icon.warranty{background:#ecfeff!important;color:#0891b2!important;}
html[data-theme=dark] #productModal .modal-badges .modal-badge-discount{background:rgba(225,29,138,.14)!important;color:#f9a8d4!important;}
html[data-theme=dark] #productModal .modal-badges .modal-badge-warranty{background:rgba(13,148,136,.18)!important;color:#99f6e4!important;}
html[data-theme=dark] #productModal .modal-stat-icon.warranty{background:rgba(13,148,136,.16)!important;color:#99f6e4!important;}
@media(max-width:640px){
  #productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb .grid-warranty-chip,
  #productsSide[data-view="grid"] #productGrid .znl-card-thumb .grid-warranty-chip{top:7px!important;right:7px!important;height:21px!important;padding:0 7px!important;border-radius:7px!important;font-size:9px!important;}
  #productModal .modal-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #productModal .modal-stats .modal-stat-item + .modal-stat-item{border-top:0!important;border-left:1px solid #edf2f7!important;}
  #productModal .modal-stats .modal-stat-item:nth-child(2n+1){border-left:0!important;}
  #productModal .modal-stats .modal-stat-item:nth-child(n+3){border-top:1px solid #edf2f7!important;}
  html[data-theme=dark] #productModal .modal-stats .modal-stat-item + .modal-stat-item{border-left-color:rgba(148,163,184,.14)!important;}
  html[data-theme=dark] #productModal .modal-stats .modal-stat-item:nth-child(n+3){border-top-color:rgba(148,163,184,.14)!important;}
}

#productModal .modal-badges .modal-badge-warranty{display:none!important;}
#productModal .modal-stats{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
}
#productModal .modal-stats .modal-stat-item{
  min-width:0!important;
  padding:12px 8px!important;
}
#productModal .modal-stat-copy small,
#productModal .modal-stats small,
#productModal .modal-stat-copy b,
#productModal .modal-stats b{
  white-space:nowrap!important;
  word-break:normal!important;
  overflow:visible!important;
}
#productModal .modal-stats small{font-size:8px!important;letter-spacing:.02em!important;}
#productModal .modal-stats b{font-size:12px!important;}
#productModal .modal-stat-icon{width:20px!important;height:20px!important;font-size:13px!important;}
@media(max-width:520px){
  #productModal .modal-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  #productModal .modal-stats .modal-stat-item{padding:10px 3px!important;gap:4px!important;}
  #productModal .modal-stats small{font-size:7px!important;}
  #productModal .modal-stats b{font-size:10.5px!important;}
  #productModal .modal-stat-icon{display:none!important;}
}
.static-page-card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:24px;
  padding:26px;
  box-shadow:0 22px 70px rgba(15,23,42,.08);
  color:var(--text);
  line-height:1.75;
  margin-bottom:32px;
}
.static-page-card h3,.static-page-card h4{margin:18px 0 8px;color:var(--text);}
.static-page-card p{color:var(--muted);margin:0 0 14px;}
.static-page-card a{color:var(--indigo);font-weight:800;text-decoration:none;}
.static-page-card ul,.static-page-card ol{color:var(--muted);padding-left:22px;}
html[data-theme=dark] .static-page-card{background:rgba(15,23,42,.72);box-shadow:0 22px 70px rgba(0,0,0,.24);}

.ds-default-thumb{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:inherit!important;
  background:
    radial-gradient(circle at 22% 18%, rgba(45,212,191,.32), transparent 28%),
    radial-gradient(circle at 78% 88%, rgba(124,58,237,.34), transparent 32%),
    linear-gradient(135deg,#0f766e 0%,#0891b2 48%,#4f46e5 100%)!important;
  color:#fff!important;
  text-align:center!important;
  isolation:isolate!important;
}
.ds-default-thumb::before{
  content:""!important;
  position:absolute!important;
  inset:auto -26px -34px auto!important;
  width:112px!important;
  height:112px!important;
  border:11px solid rgba(255,255,255,.12)!important;
  border-radius:28px!important;
  transform:rotate(18deg)!important;
  z-index:-1!important;
}
.ds-default-thumb span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:86px!important;
  height:32px!important;
  padding:0 16px!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.30)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 12px 26px rgba(15,23,42,.18)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  backdrop-filter:blur(8px)!important;
}
.thumb.mini .ds-default-thumb span{min-width:0!important;height:24px!important;padding:0 8px!important;font-size:8px!important;letter-spacing:.10em!important;}
#productModal.has-default-thumb .modal-visual{background:linear-gradient(135deg,#0f766e 0%,#0891b2 44%,#4f46e5 100%)!important;}
#productModal.has-default-thumb .modal-icon{
  width:auto!important;
  min-width:142px!important;
  height:44px!important;
  padding:0 22px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.28)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:950!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
  box-shadow:0 16px 34px rgba(15,23,42,.22)!important;
  backdrop-filter:blur(8px)!important;
}
@media(max-width:640px){
  .ds-default-thumb span{min-width:72px!important;height:27px!important;padding:0 12px!important;font-size:11px!important;letter-spacing:.13em!important;}
}

#productModal .product-modal-card{
  width:min(520px,100%)!important;
}
#productModal .modal-visual{
  height:205px!important;
  background:linear-gradient(135deg,#1098a3 0%, #1a98da 58%, #4361ee 100%)!important;
}
#productModal.has-default-thumb .modal-thumb-img{
  display:none!important;
}
#productModal.has-default-thumb .modal-icon{
  display:grid!important;
  place-items:center!important;
  width:92px!important;
  height:92px!important;
  font-size:56px!important;
  line-height:1!important;
  color:rgba(255,255,255,.92)!important;
  text-shadow:0 10px 28px rgba(15,23,42,.18)!important;
}
#productModal:not(.has-default-thumb) .modal-icon{
  display:none!important;
}
#productModal .modal-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  padding:0!important;
  margin:0 0 22px!important;
  border:1px solid #e8eef7!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(15,23,42,.05)!important;
  overflow:hidden!important;
}
#productModal .modal-stats .modal-stat-item{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  padding:14px 12px!important;
  text-align:left!important;
}
#productModal .modal-stats .modal-stat-item + .modal-stat-item{
  border-left:1px solid #edf2f7!important;
  border-top:0!important;
}
#productModal .modal-stat-icon{
  display:grid!important;
  place-items:center!important;
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  border-radius:10px!important;
  font-size:14px!important;
}
#productModal .modal-stat-copy{
  min-width:0!important;
  flex:1 1 auto!important;
}
#productModal .modal-stats small{
  display:block!important;
  margin:0 0 4px!important;
  white-space:nowrap!important;
  color:var(--muted)!important;
  font-size:8px!important;
  font-weight:900!important;
  line-height:1.1!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}
#productModal .modal-stats b{
  display:block!important;
  white-space:nowrap!important;
  color:var(--text)!important;
  font-size:13px!important;
  line-height:1.1!important;
}
#productModal .modal-stats .instant{
  color:#f59e0b!important;
  font-weight:900!important;
}
html[data-theme=dark] #productModal .modal-stats{
  background:rgba(15,23,42,.78)!important;
  border-color:rgba(148,163,184,.18)!important;
  box-shadow:none!important;
}
html[data-theme=dark] #productModal .modal-stats .modal-stat-item + .modal-stat-item{
  border-left-color:rgba(148,163,184,.14)!important;
}
html[data-theme=dark] #productModal .modal-stats small{
  color:#94a3b8!important;
}
html[data-theme=dark] #productModal .modal-stats b{
  color:#f8fafc!important;
}
@media(max-width:640px){
  #productModal .product-modal-card{
    width:min(100%,470px)!important;
  }
  #productModal .modal-visual{
    height:182px!important;
  }
  #productModal .modal-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #productModal .modal-stats .modal-stat-item{
    padding:13px 12px!important;
  }
  #productModal .modal-stats .modal-stat-item + .modal-stat-item{
    border-left:1px solid #edf2f7!important;
  }
  #productModal .modal-stats .modal-stat-item:nth-child(2n+1){
    border-left:0!important;
  }
  #productModal .modal-stats .modal-stat-item:nth-child(n+3){
    border-top:1px solid #edf2f7!important;
  }
  html[data-theme=dark] #productModal .modal-stats .modal-stat-item + .modal-stat-item{
    border-left-color:rgba(148,163,184,.14)!important;
  }
  html[data-theme=dark] #productModal .modal-stats .modal-stat-item:nth-child(n+3){
    border-top-color:rgba(148,163,184,.14)!important;
  }
}

.ds-default-thumb{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:inherit!important;
  background:
    radial-gradient(circle at 20% 18%, rgba(255,255,255,.26), transparent 28%),
    radial-gradient(circle at 82% 82%, rgba(255,255,255,.18), transparent 30%),
    linear-gradient(135deg,#22c1c3 0%,#4f46e5 100%)!important;
  color:#fff!important;
  isolation:isolate!important;
}
.ds-default-thumb::before{
  content:""!important;
  position:absolute!important;
  right:-24px!important;
  bottom:-30px!important;
  width:104px!important;
  height:104px!important;
  border:12px solid rgba(255,255,255,.14)!important;
  border-radius:28px!important;
  transform:rotate(18deg)!important;
  z-index:-1!important;
}
.ds-default-thumb .ds-thumb-icon,
.ds-default-thumb span{
  width:48px!important;
  min-width:48px!important;
  height:48px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.17)!important;
  border:1px solid rgba(255,255,255,.25)!important;
  box-shadow:0 14px 30px rgba(15,23,42,.18)!important;
  color:#fff!important;
  font-size:28px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.thumb.mini .ds-default-thumb .ds-thumb-icon,
.thumb.mini .ds-default-thumb span{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  font-size:21px!important;
}
#productModal .product-modal-card{
  width:min(520px,calc(100vw - 32px))!important;
}
#productModal.has-default-thumb .modal-visual{
  background:
    radial-gradient(circle at 22% 18%, rgba(255,255,255,.25), transparent 28%),
    radial-gradient(circle at 82% 82%, rgba(255,255,255,.15), transparent 30%),
    linear-gradient(135deg,#22c1c3 0%,#4f46e5 100%)!important;
}
#productModal.has-default-thumb .modal-thumb-img{
  display:none!important;
}
#productModal.has-default-thumb .modal-icon{
  display:grid!important;
  place-items:center!important;
  width:58px!important;
  min-width:58px!important;
  height:58px!important;
  padding:0!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.17)!important;
  border:1px solid rgba(255,255,255,.26)!important;
  box-shadow:0 18px 38px rgba(15,23,42,.20)!important;
  color:#fff!important;
  font-size:34px!important;
  line-height:1!important;
  text-shadow:none!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
#productModal:not(.has-default-thumb) .modal-icon{display:none!important;}
#productModal .modal-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  padding:0!important;
  margin:0 0 22px!important;
  border:1px solid #e8eef7!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(15,23,42,.05)!important;
  overflow:hidden!important;
}
#productModal .modal-stats .modal-stat-item{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-width:0!important;
  padding:14px 10px!important;
  text-align:left!important;
}
#productModal .modal-stats .modal-stat-item + .modal-stat-item{
  border-left:1px solid #edf2f7!important;
  border-top:0!important;
}
#productModal .modal-stat-icon{
  display:grid!important;
  place-items:center!important;
  flex:0 0 26px!important;
  width:26px!important;
  height:26px!important;
  border-radius:9px!important;
  font-size:13px!important;
  font-style:normal!important;
  line-height:1!important;
}
#productModal .modal-stat-copy{
  min-width:0!important;
  flex:0 1 auto!important;
}
#productModal .modal-stats small{
  display:block!important;
  margin:0 0 3px!important;
  color:var(--muted)!important;
  font-size:8px!important;
  font-weight:900!important;
  line-height:1.1!important;
  text-transform:uppercase!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
}
#productModal .modal-stats b{
  display:block!important;
  color:var(--text)!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
#productModal .modal-stats .instant{color:#f59e0b!important;font-weight:950!important;}
html[data-theme=dark] #productModal .modal-stats{
  background:rgba(15,23,42,.76)!important;
  border-color:rgba(148,163,184,.18)!important;
  box-shadow:none!important;
}
html[data-theme=dark] #productModal .modal-stats .modal-stat-item + .modal-stat-item{border-left-color:rgba(148,163,184,.14)!important;}
html[data-theme=dark] #productModal .modal-stats small{color:#94a3b8!important;}
html[data-theme=dark] #productModal .modal-stats b{color:#f8fafc!important;}
@media(max-width:640px){
  #productModal .product-modal-card{width:min(100%,470px)!important;}
  #productModal .modal-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #productModal .modal-stats .modal-stat-item{justify-content:flex-start!important;padding:13px 12px!important;}
  #productModal .modal-stats .modal-stat-item + .modal-stat-item{border-left:1px solid #edf2f7!important;}
  #productModal .modal-stats .modal-stat-item:nth-child(2n+1){border-left:0!important;}
  #productModal .modal-stats .modal-stat-item:nth-child(n+3){border-top:1px solid #edf2f7!important;}
  html[data-theme=dark] #productModal .modal-stats .modal-stat-item + .modal-stat-item{border-left-color:rgba(148,163,184,.14)!important;}
  html[data-theme=dark] #productModal .modal-stats .modal-stat-item:nth-child(n+3){border-top-color:rgba(148,163,184,.14)!important;}
}

#productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb .ds-default-thumb,
#productsSide[data-view="grid"] #productGrid .znl-card-thumb .ds-default-thumb,
.ds-default-thumb{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:inherit!important;
  background:
    radial-gradient(circle at 22% 18%, rgba(45,212,191,.32), transparent 28%),
    radial-gradient(circle at 78% 88%, rgba(124,58,237,.34), transparent 32%),
    linear-gradient(135deg,#0f766e 0%,#0891b2 48%,#4f46e5 100%)!important;
  color:#fff!important;
  text-align:center!important;
  isolation:isolate!important;
}
.ds-default-thumb::before{
  content:""!important;
  position:absolute!important;
  inset:auto -26px -34px auto!important;
  width:112px!important;
  height:112px!important;
  border:11px solid rgba(255,255,255,.12)!important;
  border-radius:28px!important;
  transform:rotate(18deg)!important;
  z-index:-1!important;
}
.ds-default-thumb span,
.ds-default-thumb .ds-thumb-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:86px!important;
  height:32px!important;
  padding:0 16px!important;
  border-radius:999px!important;
  background:rgba(15,23,42,.30)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 12px 26px rgba(15,23,42,.18)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.thumb.mini .ds-default-thumb span,
.thumb.mini .ds-default-thumb .ds-thumb-icon{
  min-width:0!important;
  height:24px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  font-size:8px!important;
  letter-spacing:.10em!important;
}
@media(max-width:640px){
  .ds-default-thumb span,
  .ds-default-thumb .ds-thumb-icon{
    min-width:72px!important;
    height:27px!important;
    padding:0 12px!important;
    font-size:11px!important;
    letter-spacing:.13em!important;
  }
}
#productModal .product-modal-card{
  width:min(760px,calc(100vw - 40px))!important;
}
#productModal.has-default-thumb .modal-visual{
  background:
    radial-gradient(circle at 22% 18%, rgba(255,255,255,.25), transparent 28%),
    radial-gradient(circle at 82% 82%, rgba(255,255,255,.15), transparent 30%),
    linear-gradient(135deg,#22c1c3 0%,#4f46e5 100%)!important;
}
#productModal.has-default-thumb .modal-thumb-img{display:none!important;}
#productModal.has-default-thumb .modal-icon{
  display:grid!important;
  place-items:center!important;
  width:58px!important;
  min-width:58px!important;
  height:58px!important;
  padding:0!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.17)!important;
  border:1px solid rgba(255,255,255,.26)!important;
  box-shadow:0 18px 38px rgba(15,23,42,.20)!important;
  color:#fff!important;
  font-size:34px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-shadow:none!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
#productModal:not(.has-default-thumb) .modal-icon{display:none!important;}
#productModal .modal-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  padding:0!important;
  margin:0 0 22px!important;
  border:1px solid #e8eef7!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(15,23,42,.05)!important;
  overflow:hidden!important;
}
#productModal .modal-stats .modal-stat-item{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-width:0!important;
  padding:15px 16px!important;
  text-align:left!important;
}
#productModal .modal-stat-icon{
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  border-radius:10px!important;
  font-size:13px!important;
}
#productModal .modal-stat-copy{min-width:0!important;flex:1 1 auto!important;}
#productModal .modal-stats small{
  font-size:9px!important;
  line-height:1.15!important;
  margin:0 0 4px!important;
  white-space:nowrap!important;
}
#productModal .modal-stats b{
  font-size:13.5px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
@media(max-width:820px){
  #productModal .product-modal-card{width:min(100%,560px)!important;}
  #productModal .modal-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #productModal .modal-stats .modal-stat-item{padding:14px 13px!important;}
  #productModal .modal-stats .modal-stat-item + .modal-stat-item{border-left:1px solid #edf2f7!important;border-top:0!important;}
  #productModal .modal-stats .modal-stat-item:nth-child(2n+1){border-left:0!important;}
  #productModal .modal-stats .modal-stat-item:nth-child(n+3){border-top:1px solid #edf2f7!important;}
  html[data-theme=dark] #productModal .modal-stats .modal-stat-item + .modal-stat-item{border-left-color:rgba(148,163,184,.14)!important;}
  html[data-theme=dark] #productModal .modal-stats .modal-stat-item:nth-child(n+3){border-top-color:rgba(148,163,184,.14)!important;}
}
@media(max-width:460px){
  #productModal .modal-stats{grid-template-columns:1fr!important;}
  #productModal .modal-stats .modal-stat-item{padding:13px 14px!important;}
  #productModal .modal-stats .modal-stat-item + .modal-stat-item{border-left:0!important;border-top:1px solid #edf2f7!important;}
}

#productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb .ds-default-thumb,
#productsSide[data-view="grid"] #productGrid .znl-card-thumb .ds-default-thumb,
.product-card > .thumb .ds-default-thumb,
.znl-card-thumb .ds-default-thumb,
.ds-default-thumb{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:inherit!important;
  padding:14px!important;
  background:
    radial-gradient(circle at 20% 16%, rgba(255,255,255,.28), transparent 30%),
    radial-gradient(circle at 82% 86%, rgba(124,58,237,.28), transparent 34%),
    linear-gradient(135deg,#0f766e 0%,#0891b2 48%,#4f46e5 100%)!important;
  color:#fff!important;
  text-align:center!important;
  isolation:isolate!important;
}
.ds-default-thumb::before{
  content:""!important;
  position:absolute!important;
  right:-26px!important;
  bottom:-34px!important;
  width:112px!important;
  height:112px!important;
  border:11px solid rgba(255,255,255,.12)!important;
  border-radius:28px!important;
  transform:rotate(18deg)!important;
  z-index:-1!important;
}
.ds-default-thumb span,
.ds-default-thumb .ds-thumb-icon{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  width:100%!important;
  min-width:0!important;
  max-width:92%!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:950!important;
  line-height:1.2!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  text-shadow:0 2px 12px rgba(15,23,42,.28)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.thumb.mini .ds-default-thumb span,
.thumb.mini .ds-default-thumb .ds-thumb-icon{
  max-width:92%!important;
  font-size:10px!important;
  line-height:1.15!important;
  padding:0!important;
  letter-spacing:0!important;
}
@media(max-width:640px){
  .ds-default-thumb span,
  .ds-default-thumb .ds-thumb-icon{font-size:13px!important;line-height:1.18!important;max-width:94%!important;}
}
#productModal .product-modal-card{
  width:min(720px,calc(100vw - 36px))!important;
}
#productModal.has-default-thumb .modal-visual{
  background:
    radial-gradient(circle at 22% 18%, rgba(255,255,255,.22), transparent 28%),
    radial-gradient(circle at 82% 82%, rgba(255,255,255,.14), transparent 30%),
    linear-gradient(135deg,#0f766e 0%,#0891b2 48%,#4f46e5 100%)!important;
}
#productModal.has-default-thumb .modal-thumb-img{display:none!important;}
#productModal.has-default-thumb .modal-icon{
  display:grid!important;
  place-items:center!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:rgba(255,255,255,.90)!important;
  font-size:38px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-shadow:0 10px 26px rgba(15,23,42,.20)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#productModal:not(.has-default-thumb) .modal-icon{display:none!important;}
#productModal .modal-stats{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0!important;
  padding:0!important;
  margin:0 0 22px!important;
  border:1px solid #e8eef7!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(15,23,42,.05)!important;
  overflow:hidden!important;
}
#productModal .modal-stats .modal-stat-item{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  min-width:0!important;
  padding:15px 18px!important;
  text-align:left!important;
  border-left:0!important;
  border-top:0!important;
}
#productModal .modal-stats .modal-stat-item:nth-child(even){border-left:1px solid #edf2f7!important;}
#productModal .modal-stats .modal-stat-item:nth-child(n+3){border-top:1px solid #edf2f7!important;}
#productModal .modal-stat-icon{
  display:grid!important;
  place-items:center!important;
  flex:0 0 32px!important;
  width:32px!important;
  height:32px!important;
  border-radius:11px!important;
  font-size:14px!important;
  font-style:normal!important;
  line-height:1!important;
}
#productModal .modal-stat-copy{min-width:0!important;flex:1 1 auto!important;}
#productModal .modal-stats small{
  display:block!important;
  margin:0 0 4px!important;
  color:var(--muted)!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1.1!important;
  text-transform:uppercase!important;
  letter-spacing:.035em!important;
  white-space:nowrap!important;
}
#productModal .modal-stats b{
  display:block!important;
  color:var(--text)!important;
  font-size:14px!important;
  font-weight:950!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
#productModal .modal-stats .instant{color:#f59e0b!important;font-weight:950!important;}
html[data-theme=dark] #productModal .modal-stats{
  background:rgba(15,23,42,.76)!important;
  border-color:rgba(148,163,184,.18)!important;
  box-shadow:none!important;
}
html[data-theme=dark] #productModal .modal-stats .modal-stat-item:nth-child(even){border-left-color:rgba(148,163,184,.14)!important;}
html[data-theme=dark] #productModal .modal-stats .modal-stat-item:nth-child(n+3){border-top-color:rgba(148,163,184,.14)!important;}
html[data-theme=dark] #productModal .modal-stats small{color:#94a3b8!important;}
html[data-theme=dark] #productModal .modal-stats b{color:#f8fafc!important;}
@media(max-width:460px){
  #productModal .modal-stats{grid-template-columns:1fr!important;}
  #productModal .modal-stats .modal-stat-item{padding:13px 14px!important;}
  #productModal .modal-stats .modal-stat-item:nth-child(even){border-left:0!important;}
  #productModal .modal-stats .modal-stat-item:nth-child(n+2){border-top:1px solid #edf2f7!important;}
  html[data-theme=dark] #productModal .modal-stats .modal-stat-item:nth-child(n+2){border-top-color:rgba(148,163,184,.14)!important;}
}

#productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb .ds-default-thumb,
#productsSide[data-view="grid"] #productGrid .znl-card-thumb .ds-default-thumb,
.product-card > .thumb .ds-default-thumb,
.znl-card-thumb .ds-default-thumb,
.ds-default-thumb{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:inherit!important;
  padding:16px!important;
  background:
    radial-gradient(circle at 20% 16%, rgba(255,255,255,.26), transparent 30%),
    radial-gradient(circle at 82% 86%, rgba(124,58,237,.24), transparent 34%),
    linear-gradient(135deg,#0f766e 0%,#0891b2 50%,#4f46e5 100%)!important;
  color:#fff!important;
  text-align:center!important;
}
.ds-default-thumb::before{
  content:""!important;
  position:absolute!important;
  right:-24px!important;
  bottom:-30px!important;
  width:106px!important;
  height:106px!important;
  border:10px solid rgba(255,255,255,.11)!important;
  border-radius:26px!important;
  transform:rotate(18deg)!important;
}
#productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb .ds-default-thumb span,
#productsSide[data-view="grid"] #productGrid .znl-card-thumb .ds-default-thumb span,
.product-card > .thumb .ds-default-thumb span,
.znl-card-thumb .ds-default-thumb span,
.ds-default-thumb span{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  width:100%!important;
  max-width:92%!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.22!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-shadow:0 2px 10px rgba(15,23,42,.22)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.thumb.mini .ds-default-thumb span{
  font-size:10px!important;
  line-height:1.16!important;
  max-width:94%!important;
}
#productModal .product-modal-card{
  width:min(520px,calc(100vw - 34px))!important;
}
#productModal.has-default-thumb .modal-visual{
  background:
    radial-gradient(circle at 22% 18%, rgba(255,255,255,.22), transparent 28%),
    radial-gradient(circle at 82% 82%, rgba(255,255,255,.14), transparent 30%),
    linear-gradient(135deg,#0f766e 0%,#0891b2 48%,#4f46e5 100%)!important;
}
#productModal.has-default-thumb .modal-thumb-img{display:none!important;}
#productModal.has-default-thumb .modal-icon{
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:rgba(255,255,255,.92)!important;
  font-size:26px!important;
  font-weight:800!important;
  line-height:1!important;
  text-shadow:0 8px 22px rgba(15,23,42,.20)!important;
}
#productModal:not(.has-default-thumb) .modal-icon{display:none!important;}
#productModal .modal-stats{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0!important;
  padding:0!important;
  margin:0 0 22px!important;
  border:1px solid #e7edf6!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(15,23,42,.05)!important;
  overflow:hidden!important;
}
#productModal .modal-stats .modal-stat-item{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  min-width:0!important;
  padding:16px 18px!important;
  text-align:left!important;
  border-left:0!important;
  border-top:0!important;
}
#productModal .modal-stats .modal-stat-item:nth-child(even){border-left:1px solid #edf2f7!important;}
#productModal .modal-stats .modal-stat-item:nth-child(n+3){border-top:1px solid #edf2f7!important;}
#productModal .modal-stat-icon{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
  font-size:15px!important;
}
#productModal .modal-stat-copy{min-width:0!important;flex:1 1 auto!important;}
#productModal .modal-stats small{
  display:block!important;
  margin:0 0 5px!important;
  color:var(--muted)!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.1!important;
  text-transform:uppercase!important;
  letter-spacing:.03em!important;
  white-space:nowrap!important;
}
#productModal .modal-stats b{
  display:block!important;
  color:var(--text)!important;
  font-size:14px!important;
  font-weight:950!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
#productModal .modal-stats .instant{color:#f59e0b!important;font-weight:950!important;}
html[data-theme=dark] #productModal .modal-stats{
  background:rgba(15,23,42,.76)!important;
  border-color:rgba(148,163,184,.18)!important;
  box-shadow:none!important;
}
html[data-theme=dark] #productModal .modal-stats .modal-stat-item:nth-child(even){border-left-color:rgba(148,163,184,.14)!important;}
html[data-theme=dark] #productModal .modal-stats .modal-stat-item:nth-child(n+3){border-top-color:rgba(148,163,184,.14)!important;}
html[data-theme=dark] #productModal .modal-stats small{color:#94a3b8!important;}
html[data-theme=dark] #productModal .modal-stats b{color:#f8fafc!important;}
@media(max-width:640px){
  .ds-default-thumb span{font-size:13px!important;line-height:1.18!important;max-width:94%!important;}
  #productModal .product-modal-card{width:min(100%,500px)!important;}
}
@media(max-width:460px){
  #productModal .modal-stats{grid-template-columns:1fr!important;}
  #productModal .modal-stats .modal-stat-item{padding:14px 14px!important;}
  #productModal .modal-stats .modal-stat-item:nth-child(even){border-left:0!important;}
  #productModal .modal-stats .modal-stat-item:nth-child(n+2){border-top:1px solid #edf2f7!important;}
  html[data-theme=dark] #productModal .modal-stats .modal-stat-item:nth-child(n+2){border-top-color:rgba(148,163,184,.14)!important;}
}

#productModal .modal-stats{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
@media(max-width:460px){
  #productModal .modal-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  #productModal .modal-stats .modal-stat-item{
    padding:13px 12px!important;
    gap:10px!important;
  }
  #productModal .modal-stats .modal-stat-item:nth-child(even){border-left:1px solid #edf2f7!important;}
  #productModal .modal-stats .modal-stat-item:nth-child(n+3){border-top:1px solid #edf2f7!important;}
  html[data-theme=dark] #productModal .modal-stats .modal-stat-item:nth-child(even){border-left-color:rgba(148,163,184,.14)!important;}
  html[data-theme=dark] #productModal .modal-stats .modal-stat-item:nth-child(n+3){border-top-color:rgba(148,163,184,.14)!important;}
  #productModal .modal-stats small{font-size:8px!important;}
  #productModal .modal-stats b{font-size:12.5px!important;white-space:normal!important;}
}
html[data-theme=dark] .znl-product-card,
html[data-theme=dark] .znl-benefit-strip,
html[data-theme=dark] .znl-category-pills .cat-pill,
html[data-theme=dark] .znl-toolbar-actions .sort-btn,
html[data-theme=dark] .znl-toolbar-actions .view-icons{
  background:linear-gradient(180deg, rgba(27,39,64,.92) 0%, rgba(21,31,52,.96) 100%)!important;
  border-color:rgba(148,163,184,.14)!important;
  box-shadow:0 12px 28px rgba(2,8,23,.16)!important;
}
html[data-theme=dark] .znl-product-card:hover{
  box-shadow:0 18px 34px rgba(2,8,23,.18)!important;
}
html[data-theme=dark] .znl-card-bottom button:disabled{
  background:#24314f!important;
  color:#a8b4c8!important;
}
html[data-theme=dark] .znl-card-body .product-meta p,
html[data-theme=dark] .znl-card-body .product-meta small,
html[data-theme=dark] .znl-benefit-strip small{
  color:#9fb0c8!important;
}

#productModal .modal-body .modal-stats,
#productModal .modal-stats{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
#productModal .modal-body .modal-stats > .modal-stat-item,
#productModal .modal-stats > .modal-stat-item{
  min-width:0!important;
}
@media(max-width:640px){
  #productModal .modal-body .modal-stats,
  #productModal .modal-stats{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:460px){
  #productModal .modal-body .modal-stats,
  #productModal .modal-stats{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0!important;
  }
  #productModal .modal-body .modal-stats > .modal-stat-item,
  #productModal .modal-stats > .modal-stat-item{
    min-width:0!important;
    width:auto!important;
    padding:12px 10px!important;
    gap:8px!important;
  }
  #productModal .modal-body .modal-stats > .modal-stat-item:nth-child(even),
  #productModal .modal-stats > .modal-stat-item:nth-child(even){border-left:1px solid #edf2f7!important;}
  #productModal .modal-body .modal-stats > .modal-stat-item:nth-child(n+3),
  #productModal .modal-stats > .modal-stat-item:nth-child(n+3){border-top:1px solid #edf2f7!important;}
  html[data-theme=dark] #productModal .modal-body .modal-stats > .modal-stat-item:nth-child(even),
  html[data-theme=dark] #productModal .modal-stats > .modal-stat-item:nth-child(even){border-left-color:rgba(148,163,184,.14)!important;}
  html[data-theme=dark] #productModal .modal-body .modal-stats > .modal-stat-item:nth-child(n+3),
  html[data-theme=dark] #productModal .modal-stats > .modal-stat-item:nth-child(n+3){border-top-color:rgba(148,163,184,.14)!important;}
  #productModal .modal-body .modal-stats small,
  #productModal .modal-stats small{font-size:8px!important;white-space:nowrap!important;}
  #productModal .modal-body .modal-stats b,
  #productModal .modal-stats b{font-size:12px!important;white-space:normal!important;}
  #productModal .modal-body .modal-stat-icon,
  #productModal .modal-stat-icon{width:30px!important;height:30px!important;flex-basis:30px!important;font-size:13px!important;}
}

.znl-footer,
.znl-footer *{box-sizing:border-box!important}
.znl-footer{
  margin:34px 0 28px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  color:var(--text,#0f172a)!important;
}
.znl-footer .ds-shell{max-width:1248px!important;margin:0 auto!important;padding:0 16px!important}
.znl-footer-card{
  position:relative!important;
  overflow:hidden!important;
  padding:28px 32px 20px!important;
  border-radius:26px!important;
  border:1px solid rgba(148,163,184,.24)!important;
  background:
    radial-gradient(circle at 98% 12%,rgba(139,92,246,.12),transparent 33%),
    linear-gradient(135deg,rgba(255,255,255,.97),rgba(248,250,252,.92))!important;
  box-shadow:0 20px 50px rgba(15,23,42,.08)!important;
}
.znl-footer-card:after{
  content:""!important;
  position:absolute!important;
  right:-90px!important;
  bottom:-88px!important;
  width:340px!important;
  height:230px!important;
  border-radius:999px!important;
  background:radial-gradient(circle,rgba(99,102,241,.17),transparent 66%)!important;
  pointer-events:none!important;
}
.znl-footer-grid{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(220px,.78fr) minmax(250px,.92fr)!important;
  gap:34px!important;
  align-items:start!important;
}
.znl-footer-brand,.znl-footer-col{min-width:0!important;display:block!important;text-align:left!important}
.znl-footer-brand-head{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;gap:16px!important;align-items:start!important}
.znl-footer-mark{
  width:52px!important;height:52px!important;border-radius:16px!important;
  display:grid!important;place-items:center!important;flex:0 0 52px!important;
  background:linear-gradient(135deg,#6366f1,#4f46e5)!important;
  color:#fff!important;font-size:17px!important;font-weight:950!important;letter-spacing:.05em!important;
  box-shadow:0 14px 30px rgba(79,70,229,.24)!important;
}
.znl-footer h3{
  margin:0 0 10px!important;padding:0!important;
  color:var(--text,#111827)!important;font-size:16px!important;line-height:1.25!important;
  font-weight:900!important;letter-spacing:-.01em!important;text-align:left!important;
}
.znl-footer-brand p{
  margin:0!important;max-width:460px!important;color:var(--muted,#64748b)!important;
  font-size:14px!important;line-height:1.65!important;text-align:left!important;
}
.znl-footer-col h3{display:inline-flex!important;flex-direction:column!important;gap:8px!important;margin-bottom:14px!important}
.znl-footer-col h3:after{content:""!important;width:36px!important;height:2px!important;border-radius:99px!important;background:linear-gradient(90deg,#4f46e5,rgba(79,70,229,.20))!important}
.znl-footer-social{display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin-top:18px!important;align-items:center!important;justify-content:flex-start!important}
.znl-footer-social a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  min-height:36px!important;width:auto!important;max-width:100%!important;margin:0!important;padding:7px 13px!important;
  border-radius:999px!important;background:rgba(255,255,255,.84)!important;border:1px solid rgba(148,163,184,.24)!important;
  color:#475569!important;text-decoration:none!important;font-size:13px!important;font-weight:800!important;line-height:1!important;
  box-shadow:0 8px 22px rgba(15,23,42,.045)!important;transition:.18s ease!important;white-space:nowrap!important;
}
.znl-footer-social a span{
  width:18px!important;height:18px!important;min-width:18px!important;border-radius:999px!important;
  display:grid!important;place-items:center!important;background:#eef2ff!important;color:#4f46e5!important;
  font-size:11px!important;font-weight:950!important;line-height:1!important;
}
.znl-footer-social a b,
.znl-footer-links a b,
.znl-footer-contact a b,
.znl-footer-contact p b{display:inline!important;font:inherit!important;color:inherit!important;margin:0!important;padding:0!important;line-height:inherit!important}
.znl-footer-links,.znl-footer-contact{display:grid!important;gap:10px!important;align-items:start!important}
.znl-footer-links a,
.znl-footer-contact a,
.znl-footer-contact p{
  display:flex!important;align-items:flex-start!important;gap:10px!important;margin:0!important;padding:0!important;
  color:var(--muted,#64748b)!important;text-decoration:none!important;font-size:14px!important;font-weight:600!important;line-height:1.5!important;
  text-align:left!important;transition:.18s ease!important;word-break:break-word!important;
}
.znl-footer-links span,.znl-footer-contact span{
  width:20px!important;height:20px!important;min-width:20px!important;margin-top:0!important;border-radius:999px!important;
  display:grid!important;place-items:center!important;background:rgba(226,232,240,.55)!important;color:#64748b!important;font-size:11px!important;line-height:1!important;
}
.znl-footer-social a:hover,
.znl-footer-links a:hover,
.znl-footer-contact a:hover{color:#4f46e5!important;transform:translateY(-1px)!important}
.znl-footer-bottom{
  position:relative!important;z-index:1!important;margin-top:26px!important;padding-top:17px!important;
  border-top:1px solid rgba(148,163,184,.18)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;
  color:var(--muted,#64748b)!important;font-size:13px!important;line-height:1.4!important;text-align:left!important;
}
.znl-footer-bottom i{font-style:normal!important;color:#7c3aed!important;font-weight:900!important}
html[data-theme="dark"] .znl-footer-card,
html.dark .znl-footer-card,
body.dark .znl-footer-card,
.dark .znl-footer-card,
[data-theme="dark"] .znl-footer-card{
  background:radial-gradient(circle at 98% 12%,rgba(139,92,246,.18),transparent 35%),linear-gradient(135deg,rgba(15,23,42,.94),rgba(17,24,39,.90))!important;
  border-color:rgba(148,163,184,.14)!important;box-shadow:0 18px 45px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] .znl-footer h3,html.dark .znl-footer h3,body.dark .znl-footer h3,.dark .znl-footer h3,[data-theme="dark"] .znl-footer h3{color:#f8fafc!important}
html[data-theme="dark"] .znl-footer-brand p,html[data-theme="dark"] .znl-footer-links a,html[data-theme="dark"] .znl-footer-contact a,html[data-theme="dark"] .znl-footer-contact p,html[data-theme="dark"] .znl-footer-bottom,
html.dark .znl-footer-brand p,html.dark .znl-footer-links a,html.dark .znl-footer-contact a,html.dark .znl-footer-contact p,html.dark .znl-footer-bottom,
body.dark .znl-footer-brand p,body.dark .znl-footer-links a,body.dark .znl-footer-contact a,body.dark .znl-footer-contact p,body.dark .znl-footer-bottom,
.dark .znl-footer-brand p,.dark .znl-footer-links a,.dark .znl-footer-contact a,.dark .znl-footer-contact p,.dark .znl-footer-bottom,
[data-theme="dark"] .znl-footer-brand p,[data-theme="dark"] .znl-footer-links a,[data-theme="dark"] .znl-footer-contact a,[data-theme="dark"] .znl-footer-contact p,[data-theme="dark"] .znl-footer-bottom{color:#94a3b8!important}
html[data-theme="dark"] .znl-footer-social a,html.dark .znl-footer-social a,body.dark .znl-footer-social a,.dark .znl-footer-social a,[data-theme="dark"] .znl-footer-social a{background:rgba(30,41,59,.72)!important;color:#cbd5e1!important;border-color:rgba(148,163,184,.16)!important;box-shadow:none!important}
html[data-theme="dark"] .znl-footer-social a span,html[data-theme="dark"] .znl-footer-links span,html[data-theme="dark"] .znl-footer-contact span,
html.dark .znl-footer-social a span,html.dark .znl-footer-links span,html.dark .znl-footer-contact span,
body.dark .znl-footer-social a span,body.dark .znl-footer-links span,body.dark .znl-footer-contact span,
.dark .znl-footer-social a span,.dark .znl-footer-links span,.dark .znl-footer-contact span,
[data-theme="dark"] .znl-footer-social a span,[data-theme="dark"] .znl-footer-links span,[data-theme="dark"] .znl-footer-contact span{background:rgba(79,70,229,.16)!important;color:#c4b5fd!important}
@media(max-width:900px){
  .znl-footer-card{padding:22px 18px 18px!important;border-radius:22px!important}
  .znl-footer-grid{grid-template-columns:1fr!important;gap:22px!important}
  .znl-footer-col{padding-top:18px!important;border-top:1px dashed rgba(148,163,184,.22)!important}
  .znl-footer-bottom{flex-direction:column!important;align-items:flex-start!important;margin-top:22px!important;font-size:12px!important}
}
@media(max-width:520px){
  .znl-footer .ds-shell{padding:0 12px!important}
  .znl-footer-brand-head{grid-template-columns:44px minmax(0,1fr)!important;gap:12px!important}
  .znl-footer-mark{width:44px!important;height:44px!important;border-radius:14px!important;font-size:14px!important}
  .znl-footer-social a{padding:7px 11px!important;font-size:12px!important}
}

.znl-product-toolbar{grid-template-columns:1fr!important;margin-bottom:16px!important}
.znl-list-head.section-divider{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important;margin-top:22px!important;margin-bottom:16px!important}
.znl-list-head .znl-toolbar-actions{flex:0 0 auto!important;margin:0!important;align-self:flex-end!important}
.znl-toolbar-actions .sort-menu{right:0!important;left:auto!important;z-index:30!important}
.znl-flash-thumb{position:relative!important;overflow:hidden!important}
.znl-flash-thumb[data-discount]:not([data-discount=""])::before{content:attr(data-discount)!important;position:absolute!important;left:0!important;top:0!important;z-index:8!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:50px!important;height:24px!important;padding:0 8px!important;border-radius:0 0 9px 0!important;background:#fb5b6e!important;color:#fff!important;font-size:10px!important;font-weight:950!important;line-height:24px!important;letter-spacing:0!important;box-shadow:0 6px 14px rgba(251,91,110,.20)!important}
.znl-flash-buy>em{display:none!important}
.znl-flash-thumb .ds-default-thumb{width:100%!important;height:100%!important;display:grid!important;place-items:center!important;text-align:center!important;padding:14px!important}
.znl-flash-thumb .ds-default-thumb span{position:static!important;display:block!important;max-width:92%!important;margin:auto!important;transform:none!important;text-align:center!important;line-height:1.18!important}
.znl-flash-thumb>span:not(.flash-thumb-discount){position:absolute!important;right:10px!important;top:10px!important;z-index:4!important}
@media(max-width:760px){.znl-list-head.section-divider{align-items:flex-start!important}.znl-list-head .znl-toolbar-actions{align-self:center!important}.znl-toolbar-actions .sort-btn{min-width:110px!important}.znl-toolbar-actions{gap:8px!important}}
@media(max-width:560px){.znl-list-head.section-divider{display:grid!important;grid-template-columns:1fr!important}.znl-list-head .znl-toolbar-actions{justify-self:stretch!important;justify-content:space-between!important;width:100%!important}.znl-toolbar-actions .sort-wrap{flex:1 1 auto!important}.znl-toolbar-actions .sort-btn{width:100%!important}.znl-toolbar-actions .view-icons{flex:0 0 auto!important}.znl-flash-thumb[data-discount]:not([data-discount=""])::before{min-width:38px!important;height:18px!important;padding:0 6px!important;border-radius:0 0 8px 0!important;font-size:8px!important;line-height:18px!important}}

.znl-flash-thumb,.znl-flash-detail{align-self:start!important}
.znl-flash-detail{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;min-width:0!important;padding-top:0!important;text-align:left!important}
.znl-flash-detail .mini-cat{display:inline-flex!important;align-items:center!important;width:max-content!important;max-width:100%!important}
.znl-flash-desc{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:9px 0 0!important;max-width:310px!important;color:#dbeafe!important;font-size:12px!important;line-height:1.45!important;font-weight:650!important;text-align:left!important}
@media(max-width:900px){.znl-flash-detail{align-self:start!important}.znl-flash-desc{max-width:100%!important}}
@media(max-width:640px){.znl-flash-detail{align-self:start!important;justify-content:flex-start!important}.znl-flash-desc{margin-top:7px!important;font-size:11px!important;line-height:1.35!important;-webkit-line-clamp:2!important;color:#cbd5e1!important}.znl-flash-detail ul{display:none!important}}

#productModal .modal-stats .manual{color:#7c3aed!important;font-weight:950!important;}
html[data-theme=dark] #productModal .modal-stats .manual{color:#c4b5fd!important;}
.table-stock-out.is-manual{background:#f5f3ff!important;color:#6d28d9!important;}
html[data-theme=dark] .table-stock-out.is-manual{background:rgba(124,58,237,.16)!important;color:#c4b5fd!important;}

.brand-mark.has-logo{
  background:var(--card)!important;
  border:1px solid var(--line);
  overflow:hidden;
  padding:3px;
}
.brand-logo-img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  border-radius:10px;
}
.setting-media-preview{
  display:flex;
  align-items:center;
  gap:12px;
  margin:8px 0 10px;
  padding:10px;
  border:1px solid var(--line);
  background:var(--soft);
  border-radius:14px;
}
.setting-media-preview img{
  width:92px;
  height:54px;
  object-fit:contain;
  border-radius:10px;
  background:#fff;
  border:1px solid rgba(148,163,184,.25);
}
.setting-media-preview.favicon img{width:42px;height:42px;}
#modalDesc{
  white-space:normal;
  line-height:1.7;
}
#modalDesc p{margin:0 0 10px;}
#modalDesc p:last-child{margin-bottom:0;}
#modalDesc ul,#modalDesc ol{margin:8px 0 10px;padding-left:20px;}
#modalDesc strong,#modalDesc b{color:var(--text);font-weight:900;}
#modalDesc a{color:var(--indigo);font-weight:800;text-decoration:none;}
#modalDesc h1,#modalDesc h2,#modalDesc h3,#modalDesc h4{margin:10px 0 6px;color:var(--text);line-height:1.25;}
#modalDesc h1{font-size:21px;}#modalDesc h2{font-size:19px;}#modalDesc h3{font-size:17px;}#modalDesc h4{font-size:15px;}
.static-page-card h1,.static-page-card h2,.static-page-card h3,.static-page-card h4,.static-page-card h5,.static-page-card h6{
  color:var(--text);
  line-height:1.25;
  font-weight:950;
}
.static-page-card h1{font-size:30px;margin:0 0 16px;}
.static-page-card h2{font-size:24px;margin:24px 0 12px;}
.static-page-card h3,.static-page-card h4{margin:20px 0 10px;}
.static-page-card strong,.static-page-card b{color:var(--text);font-weight:900;}
.static-page-card blockquote{margin:16px 0;padding:12px 16px;border-left:4px solid var(--indigo);background:var(--soft);border-radius:12px;color:var(--muted);}
.static-page-card li{margin:5px 0;}
.static-page-card code,.static-page-card pre{background:var(--soft);border:1px solid var(--line);border-radius:10px;color:var(--text);}
.static-page-card code{padding:2px 6px;}.static-page-card pre{padding:12px;overflow:auto;}

#productModal .product-modal-card{
  max-height:calc(100dvh - 28px)!important;
  overflow:hidden!important;
}
#productModal .modal-body{
  min-height:0!important;
  overflow:auto!important;
  max-height:calc(100dvh - 260px)!important;
  scrollbar-width:thin;
}
#modalDesc{
  display:block;
  max-height:132px;
  overflow:hidden;
  position:relative;
  padding-right:4px;
}
#modalDesc.is-collapsible:not(.is-expanded)::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:44px;
  background:linear-gradient(to bottom, rgba(255,255,255,0), var(--card));
  pointer-events:none;
}
#modalDesc.is-expanded{
  max-height:min(42dvh,360px);
  overflow:auto;
  padding-right:8px;
  scrollbar-width:thin;
}
.modal-desc-toggle{
  border:0;
  background:transparent;
  color:var(--indigo);
  font-weight:900;
  font-size:13px;
  padding:2px 0 10px;
  margin:-2px 0 4px;
  cursor:pointer;
  text-align:left;
}
.modal-desc-toggle:hover{text-decoration:underline;}
html[data-theme=dark] #modalDesc.is-collapsible:not(.is-expanded)::after{
  background:linear-gradient(to bottom, rgba(15,23,42,0), var(--card));
}
@media(max-width:640px){
  #productModal .product-modal-card{max-height:calc(100dvh - 18px)!important;}
  #productModal .modal-body{max-height:calc(100dvh - 220px)!important;}
  #modalDesc{max-height:118px;}
  #modalDesc.is-expanded{max-height:34dvh;}
}

#productModal.open{
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
#productModal .product-modal-card{
  display:flex!important;
  flex-direction:column!important;
  max-height:calc(100dvh - 32px)!important;
  overflow:hidden!important;
}
#productModal .modal-visual{
  flex:0 0 205px!important;
  height:205px!important;
}
#productModal .modal-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
#productModal .modal-badges,
#productModal .modal-body h3,
#productModal .modal-desc-toggle,
#productModal .modal-stats,
#productModal .modal-bottom{
  flex:0 0 auto!important;
}
#productModal #modalDesc,
#productModal .modal-desc{
  display:block!important;
  flex:0 1 auto!important;
  min-height:0!important;
  max-height:132px!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
  color:var(--muted)!important;
  font-size:15px!important;
  line-height:1.65!important;
  margin:0 0 12px!important;
  padding-right:4px!important;
  position:relative!important;
  white-space:normal!important;
}
#productModal #modalDesc.is-expanded,
#productModal .modal-desc.is-expanded{
  max-height:min(36dvh, 300px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  padding-right:10px!important;
}
#productModal #modalDesc.is-collapsible:not(.is-expanded)::after,
#productModal .modal-desc.is-collapsible:not(.is-expanded)::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:42px!important;
  pointer-events:none!important;
  background:linear-gradient(to bottom, rgba(255,255,255,0), var(--card))!important;
}
#productModal .modal-desc-toggle{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  border:0!important;
  background:transparent!important;
  color:var(--indigo)!important;
  font-weight:900!important;
  font-size:13px!important;
  padding:0 0 12px!important;
  margin:0!important;
  cursor:pointer!important;
}
#productModal .modal-desc-toggle[hidden]{display:none!important;}
#productModal #modalDesc::-webkit-scrollbar,
#productModal .modal-desc::-webkit-scrollbar{width:6px!important;}
#productModal #modalDesc::-webkit-scrollbar-thumb,
#productModal .modal-desc::-webkit-scrollbar-thumb{background:rgba(148,163,184,.55)!important;border-radius:999px!important;}
html[data-theme=dark] #productModal #modalDesc.is-collapsible:not(.is-expanded)::after,
html[data-theme=dark] #productModal .modal-desc.is-collapsible:not(.is-expanded)::after{
  background:linear-gradient(to bottom, rgba(15,23,42,0), var(--card))!important;
}
@media(max-width:640px){
  #productModal{padding:10px!important;align-items:center!important;}
  #productModal .product-modal-card{max-height:calc(100dvh - 20px)!important;width:min(100%,460px)!important;}
  #productModal .modal-visual{flex-basis:170px!important;height:170px!important;}
  #productModal .modal-body{padding:18px 16px 16px!important;}
  #productModal #modalDesc,
  #productModal .modal-desc{max-height:112px!important;font-size:14px!important;line-height:1.6!important;}
  #productModal #modalDesc.is-expanded,
  #productModal .modal-desc.is-expanded{max-height:30dvh!important;}
  #productModal .modal-stats{margin-bottom:14px!important;}
}

#productModal.open{
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:14px!important;
}
#productModal .product-modal-card{
  display:flex!important;
  flex-direction:column!important;
  max-height:calc(100dvh - 28px)!important;
  overflow:hidden!important;
}
#productModal .modal-visual{
  flex:0 0 clamp(150px, 24vh, 205px)!important;
  height:clamp(150px, 24vh, 205px)!important;
}
#productModal .modal-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
#productModal .modal-badges,
#productModal .modal-body h3,
#productModal .modal-desc-toggle,
#productModal .modal-stats,
#productModal .modal-bottom{
  flex:0 0 auto!important;
}
#productModal #modalDesc{
  display:block!important;
  flex:0 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  line-height:1.65!important;
  color:var(--muted)!important;
  font-size:15px!important;
  margin:0 0 8px!important;
  padding-right:4px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
#productModal #modalDesc.is-collapsible:not(.is-expanded){
  max-height:var(--modal-desc-collapsed-max, 9.9em)!important;
  overflow:hidden!important;
  position:relative!important;
}
#productModal #modalDesc.is-collapsible:not(.is-expanded)::after{
  content:none!important;
}
#productModal #modalDesc.is-expanded{
  max-height:min(36dvh, 300px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  padding-right:10px!important;
  scrollbar-width:thin!important;
}
#productModal .modal-desc-toggle{
  display:inline!important;
  width:auto!important;
  align-self:flex-start!important;
  border:0!important;
  background:transparent!important;
  color:var(--indigo)!important;
  font-weight:900!important;
  font-size:13px!important;
  line-height:1.4!important;
  padding:0!important;
  margin:0 0 12px!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
#productModal .modal-desc-toggle:hover{
  text-decoration:underline!important;
}
#productModal .modal-desc-toggle[hidden]{display:none!important;}
#productModal #modalDesc::-webkit-scrollbar{width:6px!important;}
#productModal #modalDesc::-webkit-scrollbar-thumb{background:rgba(148,163,184,.55)!important;border-radius:999px!important;}
@media(max-width:640px){
  #productModal.open{padding:10px!important;}
  #productModal .product-modal-card{max-height:calc(100dvh - 20px)!important;width:min(100%,460px)!important;}
  #productModal .modal-visual{flex-basis:150px!important;height:150px!important;}
  #productModal .modal-body{padding:16px 15px 15px!important;}
  #productModal #modalDesc{font-size:14px!important;line-height:1.6!important;}
  #productModal #modalDesc.is-expanded{max-height:30dvh!important;}
}

#productModal.open{
  align-items:center!important;
  justify-content:center!important;
  padding:16px!important;
  overflow:hidden!important;
}
#productModal .product-modal-card{
  width:min(520px,100%)!important;
  max-height:calc(100svh - 32px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border-radius:28px!important;
}
#productModal .modal-visual{
  flex:0 0 205px!important;
  height:205px!important;
}
#productModal .modal-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  padding:26px 28px 24px!important;
}
#productModal .modal-badges{
  flex:0 0 auto!important;
  margin:0 0 14px!important;
}
#productModal .modal-body h3{
  flex:0 0 auto!important;
  margin:0 0 10px!important;
  font-size:25px!important;
  line-height:1.18!important;
}
#productModal #modalDesc,
#productModal .modal-desc{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  flex:0 0 auto!important;
  max-height:calc(1.58em * 2)!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
  color:var(--muted)!important;
  font-size:15px!important;
  line-height:1.58!important;
  margin:0 0 14px!important;
  padding:0!important;
  position:relative!important;
  white-space:normal!important;
}
#productModal #modalDesc.is-collapsible:not(.is-expanded),
#productModal .modal-desc.is-collapsible:not(.is-expanded){
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  max-height:calc(1.58em * 2)!important;
  overflow:hidden!important;
}
#productModal #modalDesc.is-collapsible:not(.is-expanded)::after,
#productModal .modal-desc.is-collapsible:not(.is-expanded)::after{
  content:none!important;
}
#productModal #modalDesc.is-expanded,
#productModal .modal-desc.is-expanded{
  display:block!important;
  -webkit-line-clamp:unset!important;
  max-height:118px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  padding-right:8px!important;
  scrollbar-width:thin!important;
}
#productModal .modal-desc-toggle{
  flex:0 0 auto!important;
  display:inline!important;
  align-self:flex-start!important;
  margin:-7px 0 12px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--indigo)!important;
  font-weight:900!important;
  font-size:13px!important;
  line-height:1.35!important;
  box-shadow:none!important;
}
#productModal .modal-desc-toggle[hidden]{display:none!important;}
#productModal .modal-stats{
  flex:0 0 auto!important;
  position:relative!important;
  z-index:2!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  margin:0 0 20px!important;
  clear:both!important;
}
#productModal .modal-stats .modal-stat-item{
  min-width:0!important;
  padding:13px 16px!important;
  gap:10px!important;
}
#productModal .modal-stats .modal-stat-item + .modal-stat-item{
  border-left:1px solid #edf2f7!important;
  border-top:0!important;
}
#productModal .modal-stats .modal-stat-item:nth-child(2n+1){border-left:0!important;}
#productModal .modal-stats .modal-stat-item:nth-child(n+3){border-top:1px solid #edf2f7!important;}
#productModal .modal-stat-icon{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  font-size:15px!important;
}
#productModal .modal-stats small{
  font-size:10px!important;
  line-height:1.1!important;
  margin:0 0 4px!important;
}
#productModal .modal-stats b{
  font-size:15px!important;
  line-height:1.12!important;
}
#productModal .modal-bottom{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-top:0!important;
}
#productModal .modal-bottom strong{
  font-size:27px!important;
  line-height:1.05!important;
}
#productModal #modalAddCart,
#productModal #modalAddCart[disabled],
#productModal #modalAddCart[aria-disabled="true"]{
  min-width:150px!important;
  width:auto!important;
  height:auto!important;
  padding:15px 20px!important;
  border-radius:16px!important;
  font-size:15px!important;
  line-height:1!important;
}
html[data-theme=dark] #productModal .modal-stats .modal-stat-item + .modal-stat-item{border-left-color:rgba(148,163,184,.14)!important;}
html[data-theme=dark] #productModal .modal-stats .modal-stat-item:nth-child(n+3){border-top-color:rgba(148,163,184,.14)!important;}
@media(max-height:780px) and (min-width:641px){
  #productModal.open{padding:12px!important;}
  #productModal .product-modal-card{max-height:calc(100svh - 24px)!important;}
  #productModal .modal-visual{flex-basis:178px!important;height:178px!important;}
  #productModal .modal-body{padding:22px 26px 22px!important;}
  #productModal .modal-badges{margin-bottom:12px!important;}
  #productModal .modal-badges span{padding:8px 12px!important;font-size:11px!important;}
  #productModal .modal-body h3{font-size:24px!important;margin-bottom:8px!important;}
  #productModal #modalDesc,
  #productModal .modal-desc{font-size:14px!important;line-height:1.52!important;max-height:calc(1.52em * 2)!important;margin-bottom:12px!important;}
  #productModal #modalDesc.is-expanded,
  #productModal .modal-desc.is-expanded{max-height:92px!important;}
  #productModal .modal-desc-toggle{margin:-6px 0 10px!important;}
  #productModal .modal-stats{margin-bottom:16px!important;}
  #productModal .modal-stats .modal-stat-item{padding:11px 14px!important;}
  #productModal .modal-stat-icon{flex-basis:30px!important;width:30px!important;height:30px!important;font-size:14px!important;}
  #productModal .modal-stats small{font-size:9px!important;}
  #productModal .modal-stats b{font-size:14px!important;}
  #productModal .modal-bottom strong{font-size:25px!important;}
  #productModal #modalAddCart,
  #productModal #modalAddCart[disabled],
  #productModal #modalAddCart[aria-disabled="true"]{padding:14px 18px!important;min-width:142px!important;font-size:14px!important;}
}
@media(max-width:640px){
  #productModal.open{padding:10px!important;align-items:center!important;}
  #productModal .product-modal-card{width:min(100%,460px)!important;max-height:calc(100svh - 20px)!important;}
  #productModal .modal-visual{flex-basis:150px!important;height:150px!important;}
  #productModal .modal-body{padding:16px 15px 15px!important;}
  #productModal .modal-body h3{font-size:19px!important;}
  #productModal #modalDesc,
  #productModal .modal-desc{font-size:14px!important;line-height:1.55!important;max-height:calc(1.55em * 2)!important;}
  #productModal #modalDesc.is-expanded,
  #productModal .modal-desc.is-expanded{max-height:26svh!important;}
  #productModal .modal-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-bottom:14px!important;}
  #productModal .modal-stats .modal-stat-item{padding:12px 10px!important;}
  #productModal .modal-bottom{gap:12px!important;}
  #productModal .modal-bottom strong{font-size:22px!important;}
  #productModal #modalAddCart,
  #productModal #modalAddCart[disabled],
  #productModal #modalAddCart[aria-disabled="true"]{padding:12px 15px!important;min-width:118px!important;font-size:13px!important;}
}
@media(max-width:380px){
  #productModal .modal-bottom{flex-direction:column!important;align-items:stretch!important;}
  #productModal #modalAddCart,
  #productModal #modalAddCart[disabled],
  #productModal #modalAddCart[aria-disabled="true"]{width:100%!important;}
}

#productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb .thumb-cat-chip,
#productsSide[data-view="grid"] #productGrid .znl-card-thumb .thumb-cat-chip{
  left:10px!important;
  bottom:10px!important;
  max-width:calc(100% - 20px)!important;
  height:24px!important;
  padding:0 10px!important;
  gap:5px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.76))!important;
  color:#4f46e5!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:0 10px 24px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.74)!important;
  backdrop-filter:blur(12px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.18)!important;
  font-size:9.8px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.005em!important;
  text-shadow:0 1px 0 rgba(255,255,255,.42)!important;
}
#productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb .grid-stock-out-chip,
#productsSide[data-view="grid"] #productGrid .znl-card-thumb .grid-stock-out-chip,
#productsSide[data-view="grid"] #productGrid .product-card.is-out > .thumb.znl-card-thumb .grid-stock-out-chip{
  top:10px!important;
  right:10px!important;
  min-width:0!important;
  height:24px!important;
  padding:0 11px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(255,247,237,.94),rgba(255,237,213,.84))!important;
  color:#c2410c!important;
  border:1px solid rgba(251,146,60,.30)!important;
  box-shadow:0 10px 24px rgba(234,88,12,.13), inset 0 1px 0 rgba(255,255,255,.68)!important;
  backdrop-filter:blur(12px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.18)!important;
  font-size:9.8px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.012em!important;
  text-transform:none!important;
}
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb .thumb-cat-chip,
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .znl-card-thumb .thumb-cat-chip{
  background:linear-gradient(135deg,rgba(15,23,42,.76),rgba(30,41,59,.58))!important;
  color:#a5f3fc!important;
  border-color:rgba(148,163,184,.22)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08)!important;
  text-shadow:none!important;
}
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb .grid-stock-out-chip,
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .znl-card-thumb .grid-stock-out-chip,
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-card.is-out > .thumb.znl-card-thumb .grid-stock-out-chip{
  background:linear-gradient(135deg,rgba(154,52,18,.42),rgba(127,29,29,.32))!important;
  color:#fed7aa!important;
  border-color:rgba(251,146,60,.24)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.07)!important;
}
@media(max-width:640px){
  #productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb .thumb-cat-chip,
  #productsSide[data-view="grid"] #productGrid .znl-card-thumb .thumb-cat-chip{
    left:8px!important;
    bottom:8px!important;
    max-width:calc(100% - 16px)!important;
    height:21px!important;
    padding:0 8px!important;
    gap:4px!important;
    font-size:8.7px!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb .grid-stock-out-chip,
  #productsSide[data-view="grid"] #productGrid .znl-card-thumb .grid-stock-out-chip,
  #productsSide[data-view="grid"] #productGrid .product-card.is-out > .thumb.znl-card-thumb .grid-stock-out-chip{
    top:8px!important;
    right:8px!important;
    height:21px!important;
    padding:0 9px!important;
    font-size:8.8px!important;
  }
}

#productsSide[data-view="grid"] #productGrid .product-card > .thumb img,
#productsSide[data-view="grid"] #productGrid .product-card > .thumb .ds-product-thumb-img,
#productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb img,
#productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb .ds-product-thumb-img,
#productsSide[data-view="grid"] #productGrid .znl-product-card > .znl-card-thumb img,
#productsSide[data-view="grid"] #productGrid .znl-product-card > .znl-card-thumb .ds-product-thumb-img{
  transform:none!important;
  scale:1!important;
  transition:none!important;
}
#productsSide[data-view="grid"] #productGrid .product-card:hover > .thumb img,
#productsSide[data-view="grid"] #productGrid .product-card:hover > .thumb .ds-product-thumb-img,
#productsSide[data-view="grid"] #productGrid .product-card:hover > .thumb.znl-card-thumb img,
#productsSide[data-view="grid"] #productGrid .product-card:hover > .thumb.znl-card-thumb .ds-product-thumb-img,
#productsSide[data-view="grid"] #productGrid .product-card:focus-within > .thumb img,
#productsSide[data-view="grid"] #productGrid .product-card:focus-within > .thumb .ds-product-thumb-img,
#productsSide[data-view="grid"] #productGrid .znl-product-card:hover > .znl-card-thumb img,
#productsSide[data-view="grid"] #productGrid .znl-product-card:hover > .znl-card-thumb .ds-product-thumb-img,
#productsSide[data-view="grid"] #productGrid .znl-product-card:focus-within > .znl-card-thumb img,
#productsSide[data-view="grid"] #productGrid .znl-product-card:focus-within > .znl-card-thumb .ds-product-thumb-img{
  transform:none!important;
  scale:1!important;
}

#productsSide[data-view="grid"] #productGrid .product-card:hover,
#productsSide[data-view="grid"] #productGrid .product-card:focus-within,
#productsSide[data-view="grid"] #productGrid .znl-product-card:hover,
#productsSide[data-view="grid"] #productGrid .znl-product-card:focus-within{
  transform:translateY(-3px)!important;
  border-color:rgba(99,102,241,.30)!important;
  box-shadow:0 18px 38px rgba(15,23,42,.10),0 0 0 1px rgba(99,102,241,.10),0 0 26px rgba(99,102,241,.15)!important;
}
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-card:hover,
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-card:focus-within,
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .znl-product-card:hover,
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .znl-product-card:focus-within{
  transform:translateY(-3px)!important;
  border-color:rgba(45,212,191,.34)!important;
  box-shadow:0 20px 44px rgba(0,0,0,.34),0 0 0 1px rgba(45,212,191,.12),0 0 30px rgba(34,211,238,.16)!important;
}

#productsSide[data-view="list"] .product-table .table-product,
#productsSide.is-list-view .product-table .table-product,
.products-side[data-view="list"] .product-table .table-product,
.products-side.is-list-view .product-table .table-product{
  display:grid!important;
  grid-template-columns:118px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:center!important;
  min-width:0!important;
}
#productsSide[data-view="list"] .product-table .table-product .thumb.mini,
#productsSide.is-list-view .product-table .table-product .thumb.mini,
.products-side[data-view="list"] .product-table .table-product .thumb.mini,
.products-side.is-list-view .product-table .table-product .thumb.mini{
  width:118px!important;
  height:90px!important;
  min-width:118px!important;
  flex:0 0 118px!important;
  padding:0!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:var(--soft)!important;
}
#productsSide[data-view="list"] .product-table .table-product .thumb.mini img,
#productsSide.is-list-view .product-table .table-product .thumb.mini img,
.products-side[data-view="list"] .product-table .table-product .thumb.mini img,
.products-side.is-list-view .product-table .table-product .thumb.mini img,
#productsSide[data-view="list"] .product-table .table-product .thumb.mini .ds-product-thumb-img,
#productsSide.is-list-view .product-table .table-product .thumb.mini .ds-product-thumb-img,
.products-side[data-view="list"] .product-table .table-product .thumb.mini .ds-product-thumb-img,
.products-side.is-list-view .product-table .table-product .thumb.mini .ds-product-thumb-img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
}
@media(max-width:760px){
  #productsSide[data-view="list"] .product-table .table-product,
  #productsSide.is-list-view .product-table .table-product,
  .products-side[data-view="list"] .product-table .table-product,
  .products-side.is-list-view .product-table .table-product{
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:13px!important;
  }
  #productsSide[data-view="list"] .product-table .table-product .thumb.mini,
  #productsSide.is-list-view .product-table .table-product .thumb.mini,
  .products-side[data-view="list"] .product-table .table-product .thumb.mini,
  .products-side.is-list-view .product-table .table-product .thumb.mini{
    width:96px!important;
    height:80px!important;
    min-width:96px!important;
    flex-basis:96px!important;
  }
}
@media(max-width:480px){
  #productsSide[data-view="list"] .product-table .table-product,
  #productsSide.is-list-view .product-table .table-product,
  .products-side[data-view="list"] .product-table .table-product,
  .products-side.is-list-view .product-table .table-product{
    grid-template-columns:86px minmax(0,1fr)!important;
    gap:12px!important;
  }
  #productsSide[data-view="list"] .product-table .table-product .thumb.mini,
  #productsSide.is-list-view .product-table .table-product .thumb.mini,
  .products-side[data-view="list"] .product-table .table-product .thumb.mini,
  .products-side.is-list-view .product-table .table-product .thumb.mini{
    width:86px!important;
    height:72px!important;
    min-width:86px!important;
    flex-basis:86px!important;
    border-radius:13px!important;
  }
}

#productsSide[data-view="list"] .product-table .table-product,
#productsSide.is-list-view .product-table .table-product,
.products-side[data-view="list"] .product-table .table-product,
.products-side.is-list-view .product-table .table-product{
  display:grid!important;
  grid-template-columns:148px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:center!important;
  min-width:0!important;
}
#productsSide[data-view="list"] .product-table .table-product .thumb.mini,
#productsSide.is-list-view .product-table .table-product .thumb.mini,
.products-side[data-view="list"] .product-table .table-product .thumb.mini,
.products-side.is-list-view .product-table .table-product .thumb.mini{
  position:relative!important;
  width:148px!important;
  height:110px!important;
  min-width:148px!important;
  flex:0 0 148px!important;
  padding:0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:var(--soft)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.10)!important;
}
#productsSide[data-view="list"] .product-table .table-product .thumb.mini img,
#productsSide.is-list-view .product-table .table-product .thumb.mini img,
.products-side[data-view="list"] .product-table .table-product .thumb.mini img,
.products-side.is-list-view .product-table .table-product .thumb.mini img,
#productsSide[data-view="list"] .product-table .table-product .thumb.mini .ds-product-thumb-img,
#productsSide.is-list-view .product-table .table-product .thumb.mini .ds-product-thumb-img,
.products-side[data-view="list"] .product-table .table-product .thumb.mini .ds-product-thumb-img,
.products-side.is-list-view .product-table .table-product .thumb.mini .ds-product-thumb-img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:inherit!important;
  transform:none!important;
}
#productsSide[data-view="list"] .product-table .table-product .thumb.mini em,
#productsSide.is-list-view .product-table .table-product .thumb.mini em,
.products-side[data-view="list"] .product-table .table-product .thumb.mini em,
.products-side.is-list-view .product-table .table-product .thumb.mini em{
  position:absolute!important;
  left:8px!important;
  top:8px!important;
  z-index:6!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:40px!important;
  min-height:24px!important;
  padding:4px 10px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#fb5f86 0%,#ec4899 55%,#db2777 100%)!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  box-shadow:0 12px 24px rgba(236,72,153,.28)!important;
  border:1px solid rgba(255,255,255,.24)!important;
}
html[data-theme="dark"] #productsSide[data-view="list"] .product-table .table-product .thumb.mini,
html[data-theme="dark"] #productsSide.is-list-view .product-table .table-product .thumb.mini,
html[data-theme="dark"] .products-side[data-view="list"] .product-table .table-product .thumb.mini,
html[data-theme="dark"] .products-side.is-list-view .product-table .table-product .thumb.mini{
  box-shadow:0 14px 30px rgba(0,0,0,.28)!important;
}

@media(max-width:900px){
  #productsSide[data-view="list"] .product-table .table-product,
  #productsSide.is-list-view .product-table .table-product,
  .products-side[data-view="list"] .product-table .table-product,
  .products-side.is-list-view .product-table .table-product{
    grid-template-columns:128px minmax(0,1fr)!important;
    gap:16px!important;
  }
  #productsSide[data-view="list"] .product-table .table-product .thumb.mini,
  #productsSide.is-list-view .product-table .table-product .thumb.mini,
  .products-side[data-view="list"] .product-table .table-product .thumb.mini,
  .products-side.is-list-view .product-table .table-product .thumb.mini{
    width:128px!important;
    height:98px!important;
    min-width:128px!important;
    flex-basis:128px!important;
  }
}
@media(max-width:760px){
  #productsSide[data-view="list"] .product-table .table-product,
  #productsSide.is-list-view .product-table .table-product,
  .products-side[data-view="list"] .product-table .table-product,
  .products-side.is-list-view .product-table .table-product{
    grid-template-columns:106px minmax(0,1fr)!important;
    gap:14px!important;
  }
  #productsSide[data-view="list"] .product-table .table-product .thumb.mini,
  #productsSide.is-list-view .product-table .table-product .thumb.mini,
  .products-side[data-view="list"] .product-table .table-product .thumb.mini,
  .products-side.is-list-view .product-table .table-product .thumb.mini{
    width:106px!important;
    height:84px!important;
    min-width:106px!important;
    flex-basis:106px!important;
    border-radius:16px!important;
  }
  #productsSide[data-view="list"] .product-table .table-product .thumb.mini em,
  #productsSide.is-list-view .product-table .table-product .thumb.mini em,
  .products-side[data-view="list"] .product-table .table-product .thumb.mini em,
  .products-side.is-list-view .product-table .table-product .thumb.mini em{
    left:7px!important;
    top:7px!important;
    min-width:36px!important;
    min-height:22px!important;
    padding:4px 9px!important;
    font-size:11px!important;
  }
}
@media(max-width:480px){
  #productsSide[data-view="list"] .product-table .table-product,
  #productsSide.is-list-view .product-table .table-product,
  .products-side[data-view="list"] .product-table .table-product,
  .products-side.is-list-view .product-table .table-product{
    grid-template-columns:92px minmax(0,1fr)!important;
    gap:12px!important;
  }
  #productsSide[data-view="list"] .product-table .table-product .thumb.mini,
  #productsSide.is-list-view .product-table .table-product .thumb.mini,
  .products-side[data-view="list"] .product-table .table-product .thumb.mini,
  .products-side.is-list-view .product-table .table-product .thumb.mini{
    width:92px!important;
    height:74px!important;
    min-width:92px!important;
    flex-basis:92px!important;
    border-radius:14px!important;
  }
  #productsSide[data-view="list"] .product-table .table-product .thumb.mini em,
  #productsSide.is-list-view .product-table .table-product .thumb.mini em,
  .products-side[data-view="list"] .product-table .table-product .thumb.mini em,
  .products-side.is-list-view .product-table .table-product .thumb.mini em{
    left:6px!important;
    top:6px!important;
    min-width:34px!important;
    min-height:20px!important;
    padding:3px 8px!important;
    font-size:10px!important;
  }
}

#productsSide[data-view="list"] .product-table .table-product,
#productsSide.is-list-view .product-table .table-product,
.products-side[data-view="list"] .product-table .table-product,
.products-side.is-list-view .product-table .table-product{
  grid-template-columns:148px minmax(0,1fr)!important;
}

#productsSide[data-view="list"] .product-table .table-product .thumb.mini,
#productsSide.is-list-view .product-table .table-product .thumb.mini,
.products-side[data-view="list"] .product-table .table-product .thumb.mini,
.products-side.is-list-view .product-table .table-product .thumb.mini{
  position:relative!important;
  width:148px!important;
  height:110px!important;
  min-width:148px!important;
  flex:0 0 148px!important;
  border-radius:0!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
#productsSide[data-view="list"] .product-table .table-product .thumb.mini img,
#productsSide.is-list-view .product-table .table-product .thumb.mini img,
.products-side[data-view="list"] .product-table .table-product .thumb.mini img,
.products-side.is-list-view .product-table .table-product .thumb.mini img,
#productsSide[data-view="list"] .product-table .table-product .thumb.mini .ds-product-thumb-img,
#productsSide.is-list-view .product-table .table-product .thumb.mini .ds-product-thumb-img,
.products-side[data-view="list"] .product-table .table-product .thumb.mini .ds-product-thumb-img,
.products-side.is-list-view .product-table .table-product .thumb.mini .ds-product-thumb-img,
#productsSide[data-view="list"] .product-table .table-product .thumb.mini b,
#productsSide.is-list-view .product-table .table-product .thumb.mini b,
.products-side[data-view="list"] .product-table .table-product .thumb.mini b,
.products-side.is-list-view .product-table .table-product .thumb.mini b{
  border-radius:0!important;
}

#productsSide[data-view="list"] .product-table .table-product .thumb.mini em,
#productsSide.is-list-view .product-table .table-product .thumb.mini em,
.products-side[data-view="list"] .product-table .table-product .thumb.mini em,
.products-side.is-list-view .product-table .table-product .thumb.mini em{
  position:absolute!important;
  left:0!important;
  top:0!important;
  z-index:6!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:46px!important;
  height:26px!important;
  margin:0!important;
  padding:0 10px!important;
  border-radius:0 0 12px 0!important;
  background:linear-gradient(135deg,#fb5f86 0%,#ec4899 55%,#db2777 100%)!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:26px!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  box-shadow:none!important;
  border:0!important;
}

@media(max-width:900px){
  #productsSide[data-view="list"] .product-table .table-product,
  #productsSide.is-list-view .product-table .table-product,
  .products-side[data-view="list"] .product-table .table-product,
  .products-side.is-list-view .product-table .table-product{
    grid-template-columns:128px minmax(0,1fr)!important;
  }
  #productsSide[data-view="list"] .product-table .table-product .thumb.mini,
  #productsSide.is-list-view .product-table .table-product .thumb.mini,
  .products-side[data-view="list"] .product-table .table-product .thumb.mini,
  .products-side.is-list-view .product-table .table-product .thumb.mini{
    width:128px!important;
    height:96px!important;
    min-width:128px!important;
    flex-basis:128px!important;
  }
}
@media(max-width:760px){
  #productsSide[data-view="list"] .product-table .table-product,
  #productsSide.is-list-view .product-table .table-product,
  .products-side[data-view="list"] .product-table .table-product,
  .products-side.is-list-view .product-table .table-product{
    grid-template-columns:106px minmax(0,1fr)!important;
  }
  #productsSide[data-view="list"] .product-table .table-product .thumb.mini,
  #productsSide.is-list-view .product-table .table-product .thumb.mini,
  .products-side[data-view="list"] .product-table .table-product .thumb.mini,
  .products-side.is-list-view .product-table .table-product .thumb.mini{
    width:106px!important;
    height:82px!important;
    min-width:106px!important;
    flex-basis:106px!important;
  }
  #productsSide[data-view="list"] .product-table .table-product .thumb.mini em,
  #productsSide.is-list-view .product-table .table-product .thumb.mini em,
  .products-side[data-view="list"] .product-table .table-product .thumb.mini em,
  .products-side.is-list-view .product-table .table-product .thumb.mini em{
    min-width:40px!important;
    height:24px!important;
    padding:0 9px!important;
    font-size:11px!important;
    line-height:24px!important;
    border-radius:0 0 10px 0!important;
  }
}
@media(max-width:480px){
  #productsSide[data-view="list"] .product-table .table-product,
  #productsSide.is-list-view .product-table .table-product,
  .products-side[data-view="list"] .product-table .table-product,
  .products-side.is-list-view .product-table .table-product{
    grid-template-columns:92px minmax(0,1fr)!important;
  }
  #productsSide[data-view="list"] .product-table .table-product .thumb.mini,
  #productsSide.is-list-view .product-table .table-product .thumb.mini,
  .products-side[data-view="list"] .product-table .table-product .thumb.mini,
  .products-side.is-list-view .product-table .table-product .thumb.mini{
    width:92px!important;
    height:72px!important;
    min-width:92px!important;
    flex-basis:92px!important;
  }
  #productsSide[data-view="list"] .product-table .table-product .thumb.mini em,
  #productsSide.is-list-view .product-table .table-product .thumb.mini em,
  .products-side[data-view="list"] .product-table .table-product .thumb.mini em,
  .products-side.is-list-view .product-table .table-product .thumb.mini em{
    min-width:34px!important;
    height:20px!important;
    padding:0 7px!important;
    font-size:10px!important;
    line-height:20px!important;
    border-radius:0 0 9px 0!important;
  }
}

#productsSide[data-view="list"] .product-table .table-product .thumb.mini,
#productsSide.is-list-view .product-table .table-product .thumb.mini,
.products-side[data-view="list"] .product-table .table-product .thumb.mini,
.products-side.is-list-view .product-table .table-product .thumb.mini{
  border-radius:10px!important;
}
#productsSide[data-view="list"] .product-table .table-product .thumb.mini img,
#productsSide.is-list-view .product-table .table-product .thumb.mini img,
.products-side[data-view="list"] .product-table .table-product .thumb.mini img,
.products-side.is-list-view .product-table .table-product .thumb.mini img,
#productsSide[data-view="list"] .product-table .table-product .thumb.mini .ds-product-thumb-img,
#productsSide.is-list-view .product-table .table-product .thumb.mini .ds-product-thumb-img,
.products-side[data-view="list"] .product-table .table-product .thumb.mini .ds-product-thumb-img,
.products-side.is-list-view .product-table .table-product .thumb.mini .ds-product-thumb-img,
#productsSide[data-view="list"] .product-table .table-product .thumb.mini b,
#productsSide.is-list-view .product-table .table-product .thumb.mini b,
.products-side[data-view="list"] .product-table .table-product .thumb.mini b,
.products-side.is-list-view .product-table .table-product .thumb.mini b{
  border-radius:inherit!important;
}
@media(max-width:760px){
  #productsSide[data-view="list"] .product-table .table-product .thumb.mini,
  #productsSide.is-list-view .product-table .table-product .thumb.mini,
  .products-side[data-view="list"] .product-table .table-product .thumb.mini,
  .products-side.is-list-view .product-table .table-product .thumb.mini{
    border-radius:9px!important;
  }
}
@media(max-width:480px){
  #productsSide[data-view="list"] .product-table .table-product .thumb.mini,
  #productsSide.is-list-view .product-table .table-product .thumb.mini,
  .products-side[data-view="list"] .product-table .table-product .thumb.mini,
  .products-side.is-list-view .product-table .table-product .thumb.mini{
    border-radius:8px!important;
  }
}

#productsSide[data-view="list"] .product-table .table-product .thumb.mini,
#productsSide.is-list-view .product-table .table-product .thumb.mini,
.products-side[data-view="list"] .product-table .table-product .thumb.mini,
.products-side.is-list-view .product-table .table-product .thumb.mini{
  border-radius:12px!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
#productsSide[data-view="list"] .product-table .table-product .thumb.mini img,
#productsSide.is-list-view .product-table .table-product .thumb.mini img,
.products-side[data-view="list"] .product-table .table-product .thumb.mini img,
.products-side.is-list-view .product-table .table-product .thumb.mini img,
#productsSide[data-view="list"] .product-table .table-product .thumb.mini .ds-product-thumb-img,
#productsSide.is-list-view .product-table .table-product .thumb.mini .ds-product-thumb-img,
.products-side[data-view="list"] .product-table .table-product .thumb.mini .ds-product-thumb-img,
.products-side.is-list-view .product-table .table-product .thumb.mini .ds-product-thumb-img,
#productsSide[data-view="list"] .product-table .table-product .thumb.mini b,
#productsSide.is-list-view .product-table .table-product .thumb.mini b,
.products-side[data-view="list"] .product-table .table-product .thumb.mini b,
.products-side.is-list-view .product-table .table-product .thumb.mini b{
  border-radius:inherit!important;
  display:block!important;
}
@media (max-width:760px){
  #productsSide[data-view="list"] .product-table .table-product .thumb.mini,
  #productsSide.is-list-view .product-table .table-product .thumb.mini,
  .products-side[data-view="list"] .product-table .table-product .thumb.mini,
  .products-side.is-list-view .product-table .table-product .thumb.mini{
    border-radius:10px!important;
  }
}
@media (max-width:480px){
  #productsSide[data-view="list"] .product-table .table-product .thumb.mini,
  #productsSide.is-list-view .product-table .table-product .thumb.mini,
  .products-side[data-view="list"] .product-table .table-product .thumb.mini,
  .products-side.is-list-view .product-table .table-product .thumb.mini{
    border-radius:9px!important;
  }
}


#productModal .modal-backdrop{background:rgba(15,23,42,.58)!important;backdrop-filter:blur(10px)!important;}
#productModal .product-modal-card{width:min(1180px,calc(100vw - 64px))!important;max-height:calc(100vh - 64px)!important;padding:0!important;border-radius:30px!important;overflow:auto!important;background:#fff!important;box-shadow:0 30px 90px rgba(15,23,42,.24)!important;}
#productModal .modal-split-layout{display:grid!important;grid-template-columns:minmax(390px,1.02fr) minmax(460px,.98fr)!important;align-items:stretch!important;}
#productModal .modal-visual-wrap{padding:28px 0 28px 28px!important;background:linear-gradient(180deg,#ffffff 0%,#f7f9ff 100%)!important;display:flex!important;flex-direction:column!important;gap:18px!important;min-width:0!important;}
#productModal .modal-visual{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;height:370px!important;margin:0!important;border-radius:22px!important;overflow:hidden!important;background:#0f172a!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 18px 38px rgba(15,23,42,.14)!important;}
#productModal .modal-visual::before,#productModal .modal-visual::after{display:none!important;content:none!important;}
#productModal .modal-visual button{position:absolute!important;top:18px!important;right:18px!important;width:52px!important;height:52px!important;border:0!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;color:#42507a!important;font-size:32px!important;line-height:1!important;box-shadow:0 10px 24px rgba(15,23,42,.18)!important;z-index:5!important;}
#productModal .modal-thumb-img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
#productModal .modal-icon{width:120px!important;height:120px!important;border-radius:28px!important;background:linear-gradient(135deg,#6366f1,#4f46e5)!important;color:#fff!important;font-size:64px!important;box-shadow:0 18px 40px rgba(79,70,229,.25)!important;}
#productModal .modal-trust-box{display:flex!important;align-items:flex-start!important;gap:14px!important;padding:18px 20px!important;border:1px solid #e8eef8!important;border-radius:20px!important;background:linear-gradient(180deg,#ffffff 0%,#f7f9ff 100%)!important;}
#productModal .modal-trust-box i{display:grid!important;place-items:center!important;flex:0 0 48px!important;width:48px!important;height:48px!important;border-radius:16px!important;background:#eef2ff!important;color:#4f46e5!important;font-style:normal!important;font-size:22px!important;}
#productModal .modal-trust-box b{display:block!important;color:#1f2b49!important;font-size:20px!important;line-height:1.2!important;font-weight:850!important;margin-bottom:5px!important;}
#productModal .modal-trust-box p{margin:0!important;color:#64748b!important;font-size:15px!important;line-height:1.6!important;}
#productModal .modal-body{padding:34px 32px 28px 28px!important;display:flex!important;flex-direction:column!important;min-width:0!important;}
#productModal .modal-badges{display:flex!important;gap:12px!important;flex-wrap:wrap!important;margin:0 0 18px!important;}
#productModal .modal-badges::after{display:none!important;content:none!important;}
#productModal .modal-badges span{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:11px 18px!important;border-radius:15px!important;font-size:14px!important;font-weight:850!important;line-height:1!important;}
#productModal .modal-badges span:first-child{background:#eef2ff!important;color:#4f46e5!important;}
#productModal .modal-badges span:last-child{background:#fff1f7!important;color:#db2777!important;}
#productModal .modal-body h3{margin:0!important;color:#1f2b49!important;font-size:28px!important;line-height:1.23!important;font-weight:900!important;}
#productModal .modal-subtitle{margin:12px 0 0!important;color:#6b7a96!important;font-size:15px!important;line-height:1.7!important;}
#productModal .modal-rating-row{display:flex!important;align-items:center!important;gap:8px!important;margin:16px 0 18px!important;color:#64748b!important;}
#productModal .modal-rating-row .stars{font-size:22px!important;line-height:1!important;color:#ff8a00!important;display:inline-block!important;}
#productModal .modal-rating-row .stars.is-half{color:transparent!important;background:linear-gradient(90deg,#ff8a00 0 50%,#d4dbe7 50% 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;}
#productModal .modal-rating-row .stars.is-empty{color:#d4dbe7!important;background:none!important;-webkit-text-fill-color:currentColor!important;}
#productModal .modal-rating-row b{color:#1f2b49!important;font-size:20px!important;font-weight:850!important;}
#productModal .modal-rating-row small{color:#8492ac!important;font-size:15px!important;}
#productModal .modal-desc{margin:0!important;color:#5b6987!important;font-size:14px!important;line-height:1.72!important;}
#productModal .modal-desc-toggle{margin:10px 0 0!important;align-self:flex-start!important;padding:0!important;border:0!important;background:none!important;color:#4f46e5!important;font-weight:800!important;cursor:pointer!important;}
#productModal .modal-feature-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px 16px!important;padding:18px 0 20px!important;border-top:1px solid #eef2f7!important;border-bottom:1px solid #eef2f7!important;margin-top:18px!important;}
#productModal .modal-feature-item{display:flex!important;align-items:flex-start!important;gap:12px!important;min-width:0!important;}
#productModal .modal-feature-item i{display:grid!important;place-items:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;border-radius:14px!important;font-style:normal!important;font-size:20px!important;}
#productModal .modal-feature-item .feature-mail{background:#eef2ff!important;color:#4f46e5!important;}
#productModal .modal-feature-item .feature-zap{background:#eff6ff!important;color:#2563eb!important;}
#productModal .modal-feature-item .feature-check{background:#ecfdf5!important;color:#10b981!important;}
#productModal .modal-feature-item .feature-support{background:#fff7ed!important;color:#f97316!important;}
#productModal .modal-feature-item b{display:block!important;color:#1f2b49!important;font-size:16px!important;font-weight:850!important;line-height:1.3!important;margin-bottom:4px!important;}
#productModal .modal-feature-item p{margin:0!important;color:#64748b!important;font-size:13.5px!important;line-height:1.6!important;}
#productModal .modal-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;margin:20px 0 0!important;border:1px solid #e8edf5!important;border-radius:20px!important;overflow:hidden!important;background:#fff!important;}
#productModal .modal-stats .modal-stat-item{display:flex!important;align-items:center!important;gap:12px!important;padding:18px!important;min-width:0!important;background:#fff!important;border-left:0!important;}
#productModal .modal-stats .modal-stat-item:nth-child(even){border-left:1px solid #edf2f7!important;}
#productModal .modal-stats .modal-stat-item:nth-child(n+3){border-top:1px solid #edf2f7!important;}
#productModal .modal-stat-icon{width:44px!important;height:44px!important;border-radius:14px!important;font-size:20px!important;flex:0 0 44px!important;display:grid!important;place-items:center!important;}
#productModal .modal-stat-icon.stock{background:#eef2ff!important;color:#4f46e5!important;}
#productModal .modal-stat-icon.sold{background:#ecfdf5!important;color:#10b981!important;}
#productModal .modal-stat-icon.send{background:#fff7ed!important;color:#f59e0b!important;}
#productModal .modal-stat-icon.warranty{background:#ecfeff!important;color:#0891b2!important;}
#productModal .modal-stat-copy{min-width:0!important;}
#productModal .modal-stat-copy small{display:block!important;margin:0 0 4px!important;color:#64748b!important;font-size:12px!important;line-height:1.25!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.04em!important;}
#productModal .modal-stat-copy b{display:block!important;color:#1f2b49!important;font-size:18px!important;line-height:1.3!important;font-weight:900!important;}
#productModal .modal-stat-copy .instant{color:#f59e0b!important;}
#productModal .modal-purchase-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin:24px 0 0!important;}
#productModal .modal-price{display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important;}
#productModal .modal-price strong{color:#4f46e5!important;font-size:30px!important;line-height:1.1!important;font-weight:950!important;}
#productModal .modal-price del{color:#94a3b8!important;font-size:14px!important;}
#productModal .modal-qty-box{display:flex!important;align-items:center!important;height:48px!important;border:1px solid #dbe4f0!important;border-radius:15px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 8px 20px rgba(15,23,42,.04)!important;}
#productModal .modal-qty-box button{width:48px!important;height:48px!important;border:0!important;background:#fff!important;color:#506080!important;font-size:24px!important;font-weight:900!important;cursor:pointer!important;}
#productModal .modal-qty-box span{display:grid!important;place-items:center!important;min-width:54px!important;padding:0 8px!important;color:#1f2b49!important;font-size:18px!important;font-weight:850!important;border-left:1px solid #edf2f7!important;border-right:1px solid #edf2f7!important;height:48px!important;}
#productModal .modal-action-row{display:grid!important;grid-template-columns:minmax(180px,.42fr) minmax(0,.58fr)!important;gap:14px!important;margin-top:18px!important;}
#productModal .modal-wishlist-btn,#productModal #modalAddCart{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;height:56px!important;border-radius:17px!important;font-size:16px!important;font-weight:850!important;line-height:1!important;cursor:pointer!important;}
#productModal .modal-wishlist-btn{border:2px solid #cdd9f5!important;background:#fff!important;color:#455072!important;box-shadow:none!important;}
#productModal .modal-wishlist-btn span{font-size:22px!important;line-height:1!important;}
#productModal .modal-wishlist-btn.is-active{border-color:#f9bfd1!important;background:#fff5f8!important;color:#db2777!important;}
#productModal #modalAddCart{border:0!important;background:linear-gradient(135deg,#4f46e5,#4338ca)!important;color:#fff!important;box-shadow:0 16px 30px rgba(79,70,229,.22)!important;}
#productModal #modalAddCart.is-out{background:#e6ebf2!important;color:#7b879b!important;box-shadow:none!important;}
#productModal .modal-mini-features{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-top:18px!important;}
#productModal .modal-mini-features span{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-height:54px!important;padding:10px 12px!important;border-radius:16px!important;background:#f8faff!important;border:1px solid #e7edf8!important;color:#5d6c87!important;font-size:13px!important;font-weight:750!important;line-height:1.4!important;}
html[data-theme=dark] #productModal .product-modal-card{background:#0f172a!important;box-shadow:0 30px 90px rgba(0,0,0,.45)!important;}
html[data-theme=dark] #productModal .modal-visual-wrap{background:linear-gradient(180deg,#101827 0%,#0f172a 100%)!important;}
html[data-theme=dark] #productModal .modal-body,html[data-theme=dark] #productModal .modal-trust-box,html[data-theme=dark] #productModal .modal-stats .modal-stat-item,html[data-theme=dark] #productModal .modal-qty-box,html[data-theme=dark] #productModal .modal-mini-features span{background:#111b2f!important;}
html[data-theme=dark] #productModal .modal-trust-box,html[data-theme=dark] #productModal .modal-stats,html[data-theme=dark] #productModal .modal-mini-features span,html[data-theme=dark] #productModal .modal-qty-box{border-color:rgba(148,163,184,.14)!important;}
html[data-theme=dark] #productModal .modal-body h3,html[data-theme=dark] #productModal .modal-rating-row b,html[data-theme=dark] #productModal .modal-feature-item b,html[data-theme=dark] #productModal .modal-stat-copy b,html[data-theme=dark] #productModal .modal-trust-box b{color:#f8fafc!important;}
html[data-theme=dark] #productModal .modal-subtitle,html[data-theme=dark] #productModal .modal-desc,html[data-theme=dark] #productModal .modal-feature-item p,html[data-theme=dark] #productModal .modal-trust-box p,html[data-theme=dark] #productModal .modal-rating-row small,html[data-theme=dark] #productModal .modal-stat-copy small,html[data-theme=dark] #productModal .modal-mini-features span,html[data-theme=dark] #productModal .modal-wishlist-btn{color:#94a3b8!important;}
html[data-theme=dark] #productModal .modal-feature-list,html[data-theme=dark] #productModal .modal-stats .modal-stat-item:nth-child(even),html[data-theme=dark] #productModal .modal-stats .modal-stat-item:nth-child(n+3),html[data-theme=dark] #productModal .modal-qty-box span{border-color:rgba(148,163,184,.14)!important;}
html[data-theme=dark] #productModal .modal-wishlist-btn{background:#0f172a!important;border-color:#31405a!important;}
html[data-theme=dark] #productModal .modal-wishlist-btn.is-active{background:rgba(159,18,57,.22)!important;color:#fda4af!important;border-color:rgba(251,113,133,.4)!important;}
@media(max-width:1040px){#productModal .product-modal-card{width:min(100vw - 28px,920px)!important;max-height:calc(100vh - 28px)!important;}#productModal .modal-split-layout{grid-template-columns:1fr!important;}#productModal .modal-visual-wrap{padding:22px 22px 0!important;}#productModal .modal-visual{height:320px!important;}#productModal .modal-body{padding:24px 22px 24px!important;}#productModal .modal-feature-list,#productModal .modal-mini-features{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:640px){#productModal .product-modal-card{width:min(100vw - 14px,560px)!important;border-radius:24px!important;}#productModal .modal-visual-wrap{padding:14px 14px 0!important;}#productModal .modal-visual{height:220px!important;border-radius:18px!important;}#productModal .modal-visual button{top:12px!important;right:12px!important;width:42px!important;height:42px!important;font-size:26px!important;}#productModal .modal-trust-box{display:none!important;}#productModal .modal-body{padding:18px 16px 18px!important;}#productModal .modal-badges span{padding:9px 13px!important;font-size:12px!important;}#productModal .modal-body h3{font-size:21px!important;}#productModal .modal-subtitle{font-size:14px!important;margin-top:10px!important;}#productModal .modal-rating-row{margin:14px 0 16px!important;}#productModal .modal-feature-list{grid-template-columns:1fr!important;padding:16px 0!important;gap:12px!important;}#productModal .modal-stats{grid-template-columns:1fr!important;}#productModal .modal-stats .modal-stat-item:nth-child(even){border-left:0!important;}#productModal .modal-stats .modal-stat-item:nth-child(n+2){border-top:1px solid #edf2f7!important;}html[data-theme=dark] #productModal .modal-stats .modal-stat-item:nth-child(n+2){border-top-color:rgba(148,163,184,.14)!important;}#productModal .modal-purchase-row{flex-direction:column!important;align-items:stretch!important;}#productModal .modal-price strong{font-size:26px!important;}#productModal .modal-qty-box{align-self:flex-start!important;}#productModal .modal-action-row{grid-template-columns:1fr!important;}#productModal .modal-wishlist-btn,#productModal #modalAddCart{height:50px!important;font-size:15px!important;}#productModal .modal-mini-features{grid-template-columns:1fr 1fr!important;gap:8px!important;}#productModal .modal-mini-features span{min-height:48px!important;font-size:12px!important;padding:9px 10px!important;}}


#productModal.open{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  align-items:flex-start!important;
  padding:24px!important;
}
#productModal .product-modal-card{
  display:block!important;
  width:min(1180px,calc(100vw - 48px))!important;
  max-height:none!important;
  height:auto!important;
  margin:auto!important;
  overflow:visible!important;
}
#productModal .modal-split-layout{
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
}
#productModal .modal-visual-wrap{
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
}
#productModal .modal-visual{
  flex:0 0 370px!important;
  height:370px!important;
  min-height:370px!important;
}
#productModal .modal-body{
  flex:0 0 auto!important;
  min-height:auto!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}

#productModal #modalDesc,
#productModal .modal-desc,
#productModal .modal-desc-toggle{
  display:none!important;
}

#productModal.is-out .modal-visual::after,
#productModal.in-stock .modal-visual::after,
#productModal .modal-visual::after{
  display:none!important;
  content:none!important;
}
@media(max-width:1040px){
  #productModal.open{padding:14px!important;}
  #productModal .product-modal-card{width:min(920px,calc(100vw - 28px))!important;}
  #productModal .modal-visual{flex-basis:320px!important;height:320px!important;min-height:320px!important;}
}
@media(max-width:640px){
  #productModal.open{padding:7px!important;}
  #productModal .product-modal-card{width:calc(100vw - 14px)!important;margin:auto!important;}
  #productModal .modal-visual{flex-basis:220px!important;height:220px!important;min-height:220px!important;}
}


#productModal .modal-backdrop{background:rgba(15,23,42,.46)!important;backdrop-filter:blur(8px)!important;}
#productModal.open{padding:18px!important;}
#productModal .product-modal-card{width:min(1020px,calc(100vw - 40px))!important;border-radius:26px!important;box-shadow:0 22px 60px rgba(15,23,42,.22)!important;}
#productModal .modal-split-layout{grid-template-columns:minmax(330px,.94fr) minmax(420px,1.06fr)!important;}
#productModal .modal-visual-wrap{padding:22px 0 22px 22px!important;gap:14px!important;}
#productModal .modal-visual{flex-basis:300px!important;height:300px!important;min-height:300px!important;border-radius:20px!important;}
#productModal .modal-visual button{top:14px!important;right:14px!important;width:46px!important;height:46px!important;font-size:28px!important;}
#productModal .modal-stock-ribbon{position:absolute!important;left:-44px!important;top:22px!important;display:none!important;align-items:center!important;justify-content:center!important;min-width:180px!important;height:40px!important;padding:0 12px!important;background:linear-gradient(135deg,#ff6b81,#ff4d6d)!important;color:#fff!important;font-size:13px!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important;transform:rotate(-42deg)!important;box-shadow:0 12px 26px rgba(255,77,109,.28)!important;z-index:4!important;}
#productModal.is-out .modal-stock-ribbon{display:flex!important;}
#productModal .modal-trust-box{padding:16px 18px!important;border-radius:18px!important;}
#productModal .modal-trust-box b{font-size:18px!important;}
#productModal .modal-trust-box p{font-size:14px!important;line-height:1.55!important;}
#productModal .modal-body{padding:26px 24px 22px 22px!important;}
#productModal .modal-badges{margin:0 0 14px!important;gap:10px!important;}
#productModal .modal-badges span{padding:10px 16px!important;font-size:13px!important;border-radius:14px!important;}
#productModal .modal-body h3{font-size:24px!important;line-height:1.22!important;}
#productModal .modal-subtitle{margin-top:10px!important;font-size:14px!important;line-height:1.62!important;}
#productModal .modal-rating-row{margin:14px 0 16px!important;}
#productModal .modal-rating-row .stars{font-size:20px!important;}
#productModal .modal-rating-row b{font-size:18px!important;}
#productModal .modal-feature-list{gap:10px 14px!important;padding:16px 0 18px!important;margin-top:14px!important;}
#productModal .modal-feature-item i{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:12px!important;font-size:18px!important;}
#productModal .modal-feature-item b{font-size:15px!important;}
#productModal .modal-feature-item p{font-size:13px!important;line-height:1.55!important;}
#productModal .modal-stats{margin-top:16px!important;border-radius:18px!important;}
#productModal .modal-stats .modal-stat-item{padding:15px!important;}
#productModal .modal-stat-icon{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:12px!important;font-size:18px!important;}
#productModal .modal-stat-copy small{font-size:11px!important;}
#productModal .modal-stat-copy b{font-size:16px!important;}
#productModal .modal-purchase-row{margin-top:18px!important;}
#productModal .modal-price strong{font-size:26px!important;}
#productModal .modal-qty-box{height:44px!important;border-radius:14px!important;}
#productModal .modal-qty-box button{width:44px!important;height:44px!important;font-size:22px!important;}
#productModal .modal-qty-box span{height:44px!important;min-width:50px!important;font-size:17px!important;}
#productModal .modal-action-row{gap:12px!important;margin-top:14px!important;}
#productModal .modal-wishlist-btn,#productModal #modalAddCart{height:50px!important;border-radius:15px!important;font-size:15px!important;}
#productModal .modal-mini-features{margin-top:14px!important;gap:8px!important;}
#productModal .modal-mini-features span{min-height:48px!important;padding:8px 10px!important;font-size:12px!important;border-radius:14px!important;}
html[data-theme=dark] #productModal .product-modal-card{background:#14233c!important;box-shadow:0 22px 60px rgba(2,8,23,.34)!important;}
html[data-theme=dark] #productModal .modal-visual-wrap{background:linear-gradient(180deg,#17304f 0%,#14233c 100%)!important;}
html[data-theme=dark] #productModal .modal-visual{background:#0f2140!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 14px 30px rgba(2,8,23,.24)!important;}
html[data-theme=dark] #productModal .modal-body,
html[data-theme=dark] #productModal .modal-trust-box,
html[data-theme=dark] #productModal .modal-stats .modal-stat-item,
html[data-theme=dark] #productModal .modal-qty-box,
html[data-theme=dark] #productModal .modal-mini-features span{background:#182b49!important;}
html[data-theme=dark] #productModal .modal-stats{background:#182b49!important;border-color:rgba(148,163,184,.18)!important;}
html[data-theme=dark] #productModal .modal-trust-box,
html[data-theme=dark] #productModal .modal-mini-features span,
html[data-theme=dark] #productModal .modal-qty-box{border-color:rgba(148,163,184,.18)!important;}
html[data-theme=dark] #productModal .modal-body h3,
html[data-theme=dark] #productModal .modal-rating-row b,
html[data-theme=dark] #productModal .modal-feature-item b,
html[data-theme=dark] #productModal .modal-stat-copy b,
html[data-theme=dark] #productModal .modal-trust-box b{color:#f8fbff!important;}
html[data-theme=dark] #productModal .modal-subtitle,
html[data-theme=dark] #productModal .modal-desc,
html[data-theme=dark] #productModal .modal-feature-item p,
html[data-theme=dark] #productModal .modal-trust-box p,
html[data-theme=dark] #productModal .modal-rating-row small,
html[data-theme=dark] #productModal .modal-stat-copy small,
html[data-theme=dark] #productModal .modal-mini-features span,
html[data-theme=dark] #productModal .modal-wishlist-btn{color:#b8c7de!important;}
html[data-theme=dark] #productModal .modal-feature-list,
html[data-theme=dark] #productModal .modal-stats .modal-stat-item:nth-child(even),
html[data-theme=dark] #productModal .modal-stats .modal-stat-item:nth-child(n+3),
html[data-theme=dark] #productModal .modal-qty-box span{border-color:rgba(148,163,184,.18)!important;}
html[data-theme=dark] #productModal .modal-wishlist-btn{background:#14233c!important;border-color:#3f5578!important;color:#d6e0f2!important;}
html[data-theme=dark] #productModal .modal-wishlist-btn.is-active{background:rgba(219,39,119,.18)!important;color:#ffd1de!important;border-color:rgba(251,113,133,.4)!important;}
html[data-theme=dark] #productModal .modal-qty-box button{background:#182b49!important;color:#d9e3f5!important;}
html[data-theme=dark] #productModal .modal-qty-box span{color:#f8fbff!important;}
@media(max-width:1040px){#productModal.open{padding:12px!important;}#productModal .product-modal-card{width:min(860px,calc(100vw - 24px))!important;}#productModal .modal-visual-wrap{padding:18px 18px 0!important;}#productModal .modal-visual{flex-basis:270px!important;height:270px!important;min-height:270px!important;}#productModal .modal-body{padding:22px 20px 20px!important;}}
@media(max-width:640px){#productModal.open{padding:6px!important;}#productModal .product-modal-card{width:calc(100vw - 12px)!important;border-radius:22px!important;}#productModal .modal-visual-wrap{padding:12px 12px 0!important;}#productModal .modal-visual{flex-basis:205px!important;height:205px!important;min-height:205px!important;border-radius:16px!important;}#productModal .modal-stock-ribbon{left:-48px!important;top:18px!important;min-width:165px!important;height:34px!important;font-size:12px!important;}#productModal .modal-body{padding:16px 14px 16px!important;}#productModal .modal-body h3{font-size:20px!important;}#productModal .modal-feature-list{grid-template-columns:1fr!important;}#productModal .modal-mini-features{grid-template-columns:1fr 1fr!important;}#productModal .modal-purchase-row{flex-direction:column!important;align-items:stretch!important;}#productModal .modal-qty-box{align-self:flex-start!important;}#productModal .modal-action-row{grid-template-columns:1fr!important;}}


#productModal .product-modal-card{position:relative!important;width:min(1280px,calc(100vw - 70px))!important;max-width:1280px!important;border-radius:0!important;background:#1b345c!important;box-shadow:0 22px 70px rgba(6,16,35,.38)!important;overflow:visible!important;}
#productModal .modal-split-layout{grid-template-columns:minmax(420px,.98fr) minmax(500px,1.02fr)!important;align-items:stretch!important;}
#productModal .modal-visual-wrap{padding:30px 0 28px 30px!important;background:#1a3158!important;gap:18px!important;}
#productModal .modal-visual{flex-basis:420px!important;height:420px!important;min-height:420px!important;border-radius:0!important;background:#102440!important;box-shadow:none!important;}
#productModal .modal-visual > button[data-close-product]{display:none!important;}
#productModal .modal-close-floating{position:absolute!important;top:16px!important;right:16px!important;width:64px!important;height:64px!important;border:0!important;border-radius:999px!important;background:#f4f2f0!important;color:#47557b!important;font-size:42px!important;line-height:1!important;display:grid!important;place-items:center!important;z-index:20!important;cursor:pointer!important;box-shadow:0 12px 30px rgba(8,15,31,.26)!important;}
#productModal .modal-thumb-img{border-radius:0!important;}
#productModal .modal-stock-ribbon{left:-56px!important;top:30px!important;min-width:210px!important;height:46px!important;padding:0 14px!important;background:linear-gradient(135deg,#ff7d95,#ff5470)!important;color:#fff!important;font-size:14px!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important;transform:rotate(-45deg)!important;box-shadow:0 14px 26px rgba(255,84,112,.26)!important;z-index:9!important;}
#productModal .modal-icon{border-radius:22px!important;}
#productModal .modal-trust-box,#productModal .modal-feature-list,#productModal #modalDesc,#productModal .modal-desc,#productModal .modal-desc-toggle,#productModal .modal-mini-features{display:none!important;}
#productModal .modal-left-chips{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;}
#productModal .modal-left-chips span{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:76px!important;padding:10px 12px!important;background:#1a3158!important;border:1px solid rgba(123,150,188,.28)!important;border-radius:18px!important;color:#f4f7fd!important;font-size:16px!important;font-weight:800!important;line-height:1.25!important;text-align:center!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;}
#productModal .modal-left-chips span i{font-style:normal!important;font-size:18px!important;opacity:.95!important;}
#productModal .modal-body{padding:38px 34px 30px 30px!important;background:#1b345c!important;}
#productModal .modal-badges{gap:14px!important;margin:0 0 20px!important;}
#productModal .modal-badges span{padding:14px 24px!important;border-radius:22px!important;font-size:18px!important;font-weight:850!important;}
#productModal .modal-badges .modal-badge-category{background:#2d4279!important;color:#e0e7ff!important;}
#productModal .modal-badges .modal-badge-discount{background:#503068!important;color:#ffbfd9!important;}
#productModal .modal-body h3{font-size:28px!important;line-height:1.18!important;color:#f8fbff!important;font-weight:900!important;margin-bottom:4px!important;}
#productModal .modal-subtitle{margin:0 0 24px!important;color:#cbd6e7!important;font-size:17px!important;line-height:1.55!important;}
#productModal .modal-rating-row{margin:0 0 28px!important;gap:12px!important;}
#productModal .modal-rating-row .stars{font-size:24px!important;color:#d8ddeb!important;}
#productModal .modal-rating-row b{font-size:24px!important;color:#f8fbff!important;}
#productModal .modal-rating-row small{font-size:16px!important;color:#aebcd2!important;}
#productModal .modal-stats{margin:0 0 28px!important;background:transparent!important;border:1px solid rgba(123,150,188,.22)!important;border-radius:28px!important;}
#productModal .modal-stats .modal-stat-item{background:transparent!important;padding:24px 22px!important;}
#productModal .modal-stats .modal-stat-item:nth-child(even){border-left:1px solid rgba(123,150,188,.18)!important;}
#productModal .modal-stats .modal-stat-item:nth-child(n+3){border-top:1px solid rgba(123,150,188,.18)!important;}
#productModal .modal-stat-icon{width:56px!important;height:56px!important;flex-basis:56px!important;border-radius:16px!important;font-size:26px!important;}
#productModal .modal-stat-copy small{font-size:14px!important;color:#c6d0df!important;font-weight:800!important;}
#productModal .modal-stat-copy b{font-size:22px!important;color:#ffffff!important;font-weight:900!important;}
#productModal .modal-purchase-row{margin:0 0 20px!important;gap:24px!important;align-items:flex-end!important;}
#productModal .modal-price strong{font-size:34px!important;color:#6357ff!important;line-height:1.05!important;}
#productModal .modal-price del{font-size:15px!important;color:#8fa1bf!important;}
#productModal .modal-qty-box{height:62px!important;border-radius:22px!important;border:1px solid rgba(123,150,188,.24)!important;background:#1a3158!important;box-shadow:none!important;}
#productModal .modal-qty-box button{width:62px!important;height:62px!important;background:#1a3158!important;color:#f3f7ff!important;font-size:26px!important;}
#productModal .modal-qty-box span{height:62px!important;min-width:70px!important;background:#203b67!important;border-left:1px solid rgba(123,150,188,.2)!important;border-right:1px solid rgba(123,150,188,.2)!important;color:#ffffff!important;font-size:22px!important;}
#productModal .modal-action-row{grid-template-columns:minmax(220px,.42fr) minmax(0,.58fr)!important;gap:16px!important;margin-top:0!important;}
#productModal .modal-wishlist-btn,#productModal #modalAddCart{height:72px!important;border-radius:26px!important;font-size:18px!important;font-weight:850!important;}
#productModal .modal-wishlist-btn{background:#162b4e!important;border:2px solid rgba(96,124,167,.56)!important;color:#f2f6ff!important;}
#productModal .modal-wishlist-btn span{font-size:24px!important;}
#productModal .modal-wishlist-btn.is-active{background:#2b335f!important;border-color:#ff9fbc!important;color:#ffd1de!important;}
#productModal #modalAddCart{background:linear-gradient(135deg,#5b4dff,#4a3df0)!important;box-shadow:none!important;color:#ffffff!important;}
#productModal #modalAddCart.is-out{background:#344567!important;color:#cad4e8!important;}
#productModal.open{padding:18px!important;align-items:center!important;}
@media(max-width:1180px){#productModal .product-modal-card{width:min(1060px,calc(100vw - 30px))!important;}#productModal .modal-split-layout{grid-template-columns:minmax(360px,.94fr) minmax(420px,1.06fr)!important;}#productModal .modal-visual-wrap{padding:22px 0 22px 22px!important;}#productModal .modal-visual{height:360px!important;min-height:360px!important;flex-basis:360px!important;}#productModal .modal-left-chips span{font-size:14px!important;min-height:68px!important;}#productModal .modal-body{padding:28px 24px 24px 24px!important;}#productModal .modal-body h3{font-size:24px!important;}#productModal .modal-price strong{font-size:30px!important;}#productModal .modal-wishlist-btn,#productModal #modalAddCart{height:64px!important;}}
@media(max-width:920px){#productModal.open{padding:10px!important;align-items:flex-start!important;}#productModal .product-modal-card{width:calc(100vw - 20px)!important;}#productModal .modal-close-floating{top:12px!important;right:12px!important;width:54px!important;height:54px!important;font-size:34px!important;}#productModal .modal-split-layout{grid-template-columns:1fr!important;}#productModal .modal-visual-wrap{padding:18px 18px 0 18px!important;}#productModal .modal-visual{height:300px!important;min-height:300px!important;flex-basis:300px!important;}#productModal .modal-left-chips{margin-bottom:10px!important;}#productModal .modal-body{padding:18px 18px 22px!important;}#productModal .modal-badges span{font-size:15px!important;padding:11px 18px!important;}#productModal .modal-body h3{font-size:22px!important;}#productModal .modal-subtitle{font-size:15px!important;margin-bottom:18px!important;}#productModal .modal-stat-copy b{font-size:18px!important;}#productModal .modal-purchase-row{align-items:center!important;}}
@media(max-width:640px){#productModal.open{padding:6px!important;}#productModal .product-modal-card{width:calc(100vw - 12px)!important;}#productModal .modal-close-floating{width:46px!important;height:46px!important;font-size:28px!important;top:10px!important;right:10px!important;}#productModal .modal-visual-wrap{padding:12px 12px 0 12px!important;gap:12px!important;}#productModal .modal-visual{height:220px!important;min-height:220px!important;flex-basis:220px!important;}#productModal .modal-stock-ribbon{left:-54px!important;top:22px!important;min-width:190px!important;height:40px!important;font-size:12px!important;}#productModal .modal-left-chips{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}#productModal .modal-left-chips span{min-height:58px!important;font-size:13px!important;padding:8px 10px!important;border-radius:14px!important;}#productModal .modal-body{padding:16px 14px 18px!important;}#productModal .modal-badges{gap:10px!important;margin-bottom:14px!important;}#productModal .modal-badges span{font-size:12px!important;padding:9px 14px!important;border-radius:14px!important;}#productModal .modal-body h3{font-size:18px!important;}#productModal .modal-subtitle{font-size:14px!important;line-height:1.5!important;}#productModal .modal-rating-row b{font-size:18px!important;}#productModal .modal-rating-row small{font-size:14px!important;}#productModal .modal-stats{border-radius:18px!important;margin-bottom:18px!important;}#productModal .modal-stats .modal-stat-item{padding:14px 12px!important;}#productModal .modal-stat-icon{width:42px!important;height:42px!important;flex-basis:42px!important;font-size:20px!important;}#productModal .modal-stat-copy small{font-size:11px!important;}#productModal .modal-stat-copy b{font-size:16px!important;}#productModal .modal-purchase-row{flex-direction:column!important;align-items:stretch!important;gap:14px!important;}#productModal .modal-price strong{font-size:24px!important;}#productModal .modal-qty-box{align-self:flex-end!important;height:52px!important;}#productModal .modal-qty-box button{width:52px!important;height:52px!important;font-size:22px!important;}#productModal .modal-qty-box span{height:52px!important;min-width:58px!important;font-size:18px!important;}#productModal .modal-action-row{grid-template-columns:1fr!important;gap:12px!important;}#productModal .modal-wishlist-btn,#productModal #modalAddCart{height:56px!important;border-radius:18px!important;font-size:16px!important;}}


#productModal .product-modal-card{width:min(1080px,calc(100vw - 56px))!important;max-width:1080px!important;border-radius:28px!important;background:linear-gradient(180deg,#1f3c69 0%,#1b345c 100%)!important;box-shadow:0 24px 60px rgba(8,17,36,.26)!important;overflow:hidden!important;}
#productModal .modal-split-layout{grid-template-columns:minmax(360px,.92fr) minmax(420px,1.08fr)!important;}
#productModal .modal-visual-wrap{padding:24px 0 22px 24px!important;background:linear-gradient(180deg,#1d3965 0%,#1a3158 100%)!important;gap:14px!important;}
#productModal .modal-visual{flex-basis:340px!important;height:340px!important;min-height:340px!important;border-radius:22px!important;background:#163055!important;box-shadow:0 12px 26px rgba(7,18,39,.18)!important;overflow:hidden!important;}
#productModal .modal-close-floating{top:18px!important;right:18px!important;width:54px!important;height:54px!important;font-size:34px!important;background:rgba(255,255,255,.94)!important;color:#4a577b!important;box-shadow:0 10px 24px rgba(7,18,39,.18)!important;}
#productModal .modal-stock-ribbon{left:-48px!important;top:24px!important;min-width:188px!important;height:40px!important;font-size:13px!important;box-shadow:0 12px 22px rgba(255,84,112,.20)!important;}
#productModal .modal-left-chips{gap:10px!important;}
#productModal .modal-left-chips span{min-height:62px!important;padding:10px 10px!important;background:rgba(255,255,255,.03)!important;border:1px solid rgba(155,180,216,.18)!important;border-radius:18px!important;color:#eff4ff!important;font-size:14px!important;font-weight:780!important;line-height:1.28!important;}
#productModal .modal-left-chips span i{font-size:17px!important;}
#productModal .modal-body{padding:24px 24px 22px 20px!important;background:transparent!important;}
#productModal .modal-badges{gap:10px!important;margin:0 0 16px!important;}
#productModal .modal-badges span{padding:10px 18px!important;border-radius:999px!important;font-size:14px!important;font-weight:850!important;}
#productModal .modal-badges .modal-badge-category{background:rgba(109,122,255,.18)!important;color:#dde5ff!important;}
#productModal .modal-badges .modal-badge-discount{background:rgba(255,122,177,.16)!important;color:#ffc1dc!important;}
#productModal .modal-body h3{font-size:23px!important;line-height:1.22!important;margin:0 0 6px!important;color:#f8fbff!important;}
#productModal .modal-subtitle{margin:0 0 18px!important;color:#c2d0e3!important;font-size:15px!important;line-height:1.58!important;}
#productModal .modal-rating-row{margin:0 0 18px!important;gap:10px!important;}
#productModal .modal-rating-row .stars{font-size:21px!important;}
#productModal .modal-rating-row b{font-size:20px!important;}
#productModal .modal-rating-row small{font-size:14px!important;color:#b6c4d8!important;}
#productModal .modal-stats{margin:0 0 18px!important;border-radius:22px!important;border:1px solid rgba(155,180,216,.15)!important;background:rgba(255,255,255,.02)!important;backdrop-filter:blur(2px)!important;}
#productModal .modal-stats .modal-stat-item{padding:17px 16px!important;}
#productModal .modal-stats .modal-stat-item:nth-child(even){border-left:1px solid rgba(155,180,216,.12)!important;}
#productModal .modal-stats .modal-stat-item:nth-child(n+3){border-top:1px solid rgba(155,180,216,.12)!important;}
#productModal .modal-stat-icon{width:46px!important;height:46px!important;flex-basis:46px!important;border-radius:14px!important;font-size:22px!important;}
#productModal .modal-stat-copy small{font-size:12px!important;color:#c2cede!important;}
#productModal .modal-stat-copy b{font-size:18px!important;color:#ffffff!important;}
#productModal .modal-purchase-row{margin:0 0 16px!important;gap:18px!important;align-items:center!important;}
#productModal .modal-price strong{font-size:26px!important;color:#6257ff!important;}
#productModal .modal-price del{font-size:14px!important;color:#8ea0be!important;}
#productModal .modal-qty-box{height:52px!important;border-radius:18px!important;border:1px solid rgba(155,180,216,.14)!important;background:rgba(255,255,255,.03)!important;}
#productModal .modal-qty-box button{width:52px!important;height:52px!important;background:transparent!important;color:#f3f7ff!important;font-size:23px!important;}
#productModal .modal-qty-box span{height:52px!important;min-width:58px!important;background:rgba(255,255,255,.04)!important;border-left:1px solid rgba(155,180,216,.12)!important;border-right:1px solid rgba(155,180,216,.12)!important;color:#ffffff!important;font-size:18px!important;}
#productModal .modal-action-row{grid-template-columns:minmax(190px,.4fr) minmax(0,.6fr)!important;gap:14px!important;}
#productModal .modal-wishlist-btn,#productModal #modalAddCart{height:56px!important;border-radius:18px!important;font-size:16px!important;font-weight:820!important;}
#productModal .modal-wishlist-btn{background:rgba(20,43,78,.86)!important;border:1.5px solid rgba(96,124,167,.38)!important;color:#f2f6ff!important;}
#productModal .modal-wishlist-btn span{font-size:21px!important;}
#productModal #modalAddCart{background:linear-gradient(135deg,#6250ff,#5140ec)!important;}
#productModal.open{padding:20px!important;}
@media(max-width:1180px){#productModal .product-modal-card{width:min(980px,calc(100vw - 34px))!important;}#productModal .modal-split-layout{grid-template-columns:minmax(320px,.9fr) minmax(390px,1.1fr)!important;}#productModal .modal-visual{height:300px!important;min-height:300px!important;flex-basis:300px!important;}#productModal .modal-body{padding:22px 20px 20px 18px!important;}#productModal .modal-body h3{font-size:21px!important;}#productModal .modal-price strong{font-size:24px!important;}}
@media(max-width:920px){#productModal.open{padding:12px!important;align-items:flex-start!important;}#productModal .product-modal-card{width:calc(100vw - 24px)!important;border-radius:24px!important;}#productModal .modal-close-floating{top:14px!important;right:14px!important;width:50px!important;height:50px!important;font-size:30px!important;}#productModal .modal-split-layout{grid-template-columns:1fr!important;}#productModal .modal-visual-wrap{padding:18px 18px 0!important;}#productModal .modal-visual{height:280px!important;min-height:280px!important;flex-basis:280px!important;}#productModal .modal-body{padding:18px 18px 20px!important;}#productModal .modal-left-chips{margin-bottom:6px!important;}}
@media(max-width:640px){#productModal.open{padding:8px!important;}#productModal .product-modal-card{width:calc(100vw - 12px)!important;border-radius:20px!important;}#productModal .modal-close-floating{width:44px!important;height:44px!important;font-size:26px!important;top:10px!important;right:10px!important;}#productModal .modal-visual-wrap{padding:12px 12px 0!important;gap:10px!important;}#productModal .modal-visual{height:210px!important;min-height:210px!important;flex-basis:210px!important;border-radius:16px!important;}#productModal .modal-stock-ribbon{left:-52px!important;top:22px!important;min-width:180px!important;height:36px!important;font-size:11px!important;}#productModal .modal-left-chips{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}#productModal .modal-left-chips span{min-height:54px!important;font-size:12px!important;padding:8px!important;border-radius:14px!important;}#productModal .modal-body{padding:16px 14px 18px!important;}#productModal .modal-badges span{font-size:12px!important;padding:8px 14px!important;}#productModal .modal-body h3{font-size:18px!important;}#productModal .modal-subtitle{font-size:14px!important;margin-bottom:16px!important;}#productModal .modal-rating-row{margin-bottom:16px!important;}#productModal .modal-stats{border-radius:18px!important;margin-bottom:16px!important;}#productModal .modal-stats .modal-stat-item{padding:14px 12px!important;}#productModal .modal-stat-icon{width:42px!important;height:42px!important;flex-basis:42px!important;font-size:20px!important;}#productModal .modal-stat-copy b{font-size:16px!important;}#productModal .modal-purchase-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important;}#productModal .modal-price strong{font-size:24px!important;}#productModal .modal-qty-box{align-self:flex-end!important;height:48px!important;}#productModal .modal-qty-box button{width:48px!important;height:48px!important;}#productModal .modal-qty-box span{height:48px!important;min-width:54px!important;}#productModal .modal-action-row{grid-template-columns:1fr!important;gap:10px!important;}#productModal .modal-wishlist-btn,#productModal #modalAddCart{height:52px!important;border-radius:16px!important;font-size:15px!important;}}


#productModal .modal-stock-ribbon,
#productModal.is-out .modal-stock-ribbon,
#productModal .modal-visual::after,
#productModal.is-out .modal-visual::after,
#productModal.in-stock .modal-visual::after{
  display:none!important;
  content:none!important;
}
#productModal .modal-rating-row{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}
#productModal .modal-rating-stars{
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  line-height:1!important;
}
#productModal .modal-rating-stars i{
  position:relative!important;
  display:inline-block!important;
  width:18px!important;
  color:#d7deea!important;
  font-size:20px!important;
  line-height:1!important;
  font-style:normal!important;
  text-align:center!important;
}
#productModal .modal-rating-stars i.is-full{
  color:#f59e0b!important;
}
#productModal .modal-rating-stars i.is-half{
  color:transparent!important;
  background:linear-gradient(90deg,#f59e0b 0 50%,#d7deea 50% 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
}
#productModal .modal-rating-stars i.is-empty{
  color:#d7deea!important;
}
html[data-theme="dark"] #productModal .modal-rating-stars i{
  color:#72839e!important;
}
html[data-theme="dark"] #productModal .modal-rating-stars i.is-full{
  color:#fbbf24!important;
}
html[data-theme="dark"] #productModal .modal-rating-stars i.is-half{
  color:transparent!important;
  background:linear-gradient(90deg,#fbbf24 0 50%,#72839e 50% 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
}
html[data-theme="dark"] #productModal .modal-rating-stars i.is-empty{
  color:#72839e!important;
}
@media(max-width:640px){
  #productModal .modal-rating-stars{gap:2px!important;}
  #productModal .modal-rating-stars i{width:16px!important;font-size:18px!important;}
}


#productModal .product-modal-card{
  position:relative!important;
  width:min(1200px,calc(100vw - 72px))!important;
  max-width:1200px!important;
  border-radius:30px!important;
  background:#ffffff!important;
  box-shadow:0 26px 80px rgba(15,23,42,.16)!important;
  overflow:hidden!important;
}
#productModal.open{
  padding:20px!important;
  align-items:center!important;
}
#productModal .modal-split-layout{
  display:grid!important;
  grid-template-columns:minmax(360px,.96fr) minmax(430px,1.04fr)!important;
  align-items:stretch!important;
}
#productModal .modal-visual-wrap{
  padding:32px 18px 32px 32px!important;
  background:#ffffff!important;
  gap:16px!important;
}
#productModal .modal-visual{
  position:relative!important;
  flex-basis:430px!important;
  height:430px!important;
  min-height:430px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:#eef2ff!important;
  box-shadow:none!important;
}
#productModal .modal-visual::before,
#productModal .modal-visual::after,
#productModal .modal-stock-ribbon,
#productModal.is-out .modal-stock-ribbon{
  display:none!important;
  content:none!important;
}
#productModal .modal-thumb-img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:24px!important;
}
#productModal .modal-icon{
  width:96px!important;
  height:96px!important;
  border-radius:26px!important;
  background:linear-gradient(135deg,#5b6cff,#6d56ff)!important;
  color:#fff!important;
  font-size:52px!important;
  box-shadow:0 14px 28px rgba(91,108,255,.18)!important;
}
#productModal .modal-close-floating{
  position:absolute!important;
  top:30px!important;
  right:30px!important;
  width:58px!important;
  height:58px!important;
  border:1px solid #e7ebf4!important;
  border-radius:18px!important;
  background:#ffffff!important;
  color:#5a6787!important;
  font-size:34px!important;
  line-height:1!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 8px 20px rgba(15,23,42,.08)!important;
  z-index:20!important;
  cursor:pointer!important;
}
#productModal .modal-visual > button[data-close-product]{display:none!important;}
#productModal .modal-left-chips{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
#productModal .modal-left-chips span{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:122px!important;
  padding:16px 18px!important;
  border:1px solid #e8edf6!important;
  border-radius:18px!important;
  background:#ffffff!important;
  color:#5a6787!important;
  font-size:15px!important;
  line-height:1.28!important;
  font-weight:700!important;
  box-shadow:none!important;
}
#productModal .modal-left-chips span i{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  background:#f7f9ff!important;
  font-style:normal!important;
  font-size:22px!important;
}
#productModal .modal-body{
  padding:34px 32px 32px 16px!important;
  background:#ffffff!important;
}
#productModal .modal-badges,
#productModal .modal-body h3,
#productModal .modal-subtitle,
#productModal .modal-rating-row,
#productModal .modal-stats,
#productModal .modal-purchase-row,
#productModal .modal-action-row{
  max-width:100%!important;
}
#productModal .modal-badges{
  display:flex!important;
  gap:12px!important;
  margin:2px 0 18px!important;
  padding-right:72px!important;
}
#productModal .modal-badges span{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:11px 22px!important;
  border:1px solid #e8edf6!important;
  border-radius:999px!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1!important;
  box-shadow:0 4px 10px rgba(15,23,42,.03)!important;
}
#productModal .modal-badge-category{background:#f6f9ff!important;color:#4a6dff!important;}
#productModal .modal-badge-discount{background:#fff7fb!important;color:#ef4d92!important;}
#productModal .modal-body h3{
  margin:0 0 10px!important;
  color:#0f1728!important;
  font-size:27px!important;
  line-height:1.22!important;
  font-weight:900!important;
}
#productModal .modal-subtitle{
  margin:0 0 20px!important;
  color:#8a97b3!important;
  font-size:15px!important;
  line-height:1.65!important;
}
#productModal .modal-rating-row{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 24px!important;
}
#productModal .modal-rating-stars{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
}
#productModal .modal-rating-stars i{
  width:auto!important;
  font-size:18px!important;
}
#productModal .modal-rating-row b{
  color:#1f2a44!important;
  font-size:16px!important;
  font-weight:850!important;
}
#productModal .modal-rating-row small{
  color:#8a97b3!important;
  font-size:14px!important;
}
#productModal #modalDesc,
#productModal .modal-desc,
#productModal .modal-desc-toggle,
#productModal .modal-feature-list,
#productModal .modal-trust-box,
#productModal .modal-mini-features{
  display:none!important;
}
#productModal .modal-stats{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  margin:0 0 24px!important;
  border:1px solid #e8edf6!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#ffffff!important;
}
#productModal .modal-stats .modal-stat-item{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  min-height:104px!important;
  padding:20px 18px!important;
  background:#ffffff!important;
}
#productModal .modal-stats .modal-stat-item:nth-child(even){border-left:1px solid #e8edf6!important;}
#productModal .modal-stats .modal-stat-item:nth-child(n+3){border-top:1px solid #e8edf6!important;}
#productModal .modal-stat-icon{
  display:grid!important;
  place-items:center!important;
  width:56px!important;
  height:56px!important;
  flex:0 0 56px!important;
  border-radius:18px!important;
  font-size:25px!important;
  box-shadow:none!important;
}
#productModal .modal-stat-icon.stock{background:#f6f8ff!important;color:#4f66ff!important;}
#productModal .modal-stat-icon.sold{background:#f1fbf6!important;color:#22c77a!important;}
#productModal .modal-stat-icon.send{background:#fffaf0!important;color:#f5a524!important;}
#productModal .modal-stat-icon.warranty{background:#f7f5ff!important;color:#7957ff!important;}
#productModal .modal-stat-copy small{
  display:block!important;
  margin:0 0 8px!important;
  color:#8c98b4!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
}
#productModal .modal-stat-copy b{
  display:block!important;
  color:#0f1728!important;
  font-size:18px!important;
  font-weight:850!important;
  line-height:1.3!important;
}
#productModal .modal-stat-copy b.instant,
#productModal #modalDelivery.instant{
  color:#3860ff!important;
}
#productModal .modal-purchase-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:18px!important;
  margin:0 0 22px!important;
}
#productModal .modal-price strong{
  color:#4364ff!important;
  font-size:28px!important;
  line-height:1.1!important;
  font-weight:900!important;
}
#productModal .modal-price del{
  margin-top:4px!important;
  color:#9aa7c0!important;
  font-size:14px!important;
}
#productModal .modal-qty-box{
  display:flex!important;
  align-items:center!important;
  height:58px!important;
  border:1px solid #e8edf6!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#ffffff!important;
  box-shadow:none!important;
}
#productModal .modal-qty-box button{
  width:58px!important;
  height:58px!important;
  border:0!important;
  background:#ffffff!important;
  color:#6d7b98!important;
  font-size:28px!important;
  font-weight:800!important;
}
#productModal .modal-qty-box span{
  display:grid!important;
  place-items:center!important;
  min-width:64px!important;
  height:58px!important;
  background:#fbfcff!important;
  color:#0f1728!important;
  font-size:18px!important;
  font-weight:800!important;
  border-left:1px solid #edf1f8!important;
  border-right:1px solid #edf1f8!important;
}
#productModal .modal-action-row{
  display:grid!important;
  grid-template-columns:minmax(180px,.37fr) minmax(0,.63fr)!important;
  gap:16px!important;
}
#productModal .modal-wishlist-btn,
#productModal #modalAddCart{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  height:62px!important;
  border-radius:18px!important;
  font-size:16px!important;
  font-weight:850!important;
  line-height:1!important;
}
#productModal .modal-wishlist-btn{
  background:#ffffff!important;
  color:#4a6dff!important;
  border:1.5px solid #d9e2f2!important;
  box-shadow:none!important;
}
#productModal .modal-wishlist-btn span{font-size:24px!important;}
#productModal .modal-wishlist-btn.is-active{
  background:#fff6fb!important;
  color:#ef4d92!important;
  border-color:#f2c8db!important;
}
#productModal #modalAddCart{
  background:linear-gradient(135deg,#6a63ff,#5746f7)!important;
  color:#ffffff!important;
  border:0!important;
  box-shadow:0 10px 24px rgba(87,70,247,.18)!important;
}
#productModal #modalAddCart.is-out{
  background:#eef2f8!important;
  color:#8d99b3!important;
  box-shadow:none!important;
}
html[data-theme="dark"] #productModal .product-modal-card{
  background:#111b2d!important;
  box-shadow:0 26px 80px rgba(2,8,23,.45)!important;
}
html[data-theme="dark"] #productModal .modal-visual-wrap,
html[data-theme="dark"] #productModal .modal-body,
html[data-theme="dark"] #productModal .modal-stats,
html[data-theme="dark"] #productModal .modal-stats .modal-stat-item,
html[data-theme="dark"] #productModal .modal-left-chips span,
html[data-theme="dark"] #productModal .modal-qty-box,
html[data-theme="dark"] #productModal .modal-wishlist-btn{
  background:#14233a!important;
}
html[data-theme="dark"] #productModal .modal-visual{background:#0d1730!important;}
html[data-theme="dark"] #productModal .modal-close-floating{background:#182941!important;border-color:#233755!important;color:#d2def5!important;}
html[data-theme="dark"] #productModal .modal-badges span,
html[data-theme="dark"] #productModal .modal-left-chips span,
html[data-theme="dark"] #productModal .modal-stats,
html[data-theme="dark"] #productModal .modal-stats .modal-stat-item,
html[data-theme="dark"] #productModal .modal-qty-box,
html[data-theme="dark"] #productModal .modal-wishlist-btn{border-color:rgba(148,163,184,.14)!important;}
html[data-theme="dark"] #productModal .modal-body h3,
html[data-theme="dark"] #productModal .modal-stat-copy b,
html[data-theme="dark"] #productModal .modal-price strong,
html[data-theme="dark"] #productModal .modal-qty-box span,
html[data-theme="dark"] #productModal .modal-rating-row b{color:#f8fbff!important;}
html[data-theme="dark"] #productModal .modal-subtitle,
html[data-theme="dark"] #productModal .modal-stat-copy small,
html[data-theme="dark"] #productModal .modal-rating-row small,
html[data-theme="dark"] #productModal .modal-left-chips span{color:#b8c7df!important;}
html[data-theme="dark"] #productModal .modal-qty-box span{background:#1a2d49!important;border-left-color:rgba(148,163,184,.12)!important;border-right-color:rgba(148,163,184,.12)!important;}
html[data-theme="dark"] #productModal .modal-qty-box button{background:#14233a!important;color:#e2e8f6!important;}
html[data-theme="dark"] #productModal .modal-wishlist-btn{color:#dbe5fb!important;}
html[data-theme="dark"] #productModal #modalAddCart{box-shadow:none!important;}
@media(max-width:1100px){
  #productModal .product-modal-card{width:min(1040px,calc(100vw - 34px))!important;}
  #productModal .modal-split-layout{grid-template-columns:minmax(320px,.95fr) minmax(380px,1.05fr)!important;}
  #productModal .modal-visual-wrap{padding:24px 14px 24px 24px!important;}
  #productModal .modal-visual{height:360px!important;min-height:360px!important;flex-basis:360px!important;}
  #productModal .modal-body{padding:28px 26px 28px 8px!important;}
}
@media(max-width:920px){
  #productModal.open{padding:12px!important;align-items:flex-start!important;}
  #productModal .product-modal-card{width:calc(100vw - 24px)!important;border-radius:24px!important;}
  #productModal .modal-close-floating{top:18px!important;right:18px!important;width:52px!important;height:52px!important;font-size:30px!important;}
  #productModal .modal-split-layout{grid-template-columns:1fr!important;}
  #productModal .modal-visual-wrap{padding:20px 20px 0!important;}
  #productModal .modal-visual{height:300px!important;min-height:300px!important;flex-basis:300px!important;}
  #productModal .modal-left-chips span{min-height:84px!important;}
  #productModal .modal-body{padding:22px 20px 22px!important;}
  #productModal .modal-badges{padding-right:68px!important;}
}
@media(max-width:640px){
  #productModal.open{padding:8px!important;}
  #productModal .product-modal-card{width:calc(100vw - 12px)!important;border-radius:22px!important;}
  #productModal .modal-close-floating{top:12px!important;right:12px!important;width:44px!important;height:44px!important;font-size:26px!important;border-radius:14px!important;}
  #productModal .modal-visual-wrap{padding:12px 12px 0!important;gap:10px!important;}
  #productModal .modal-visual{height:220px!important;min-height:220px!important;flex-basis:220px!important;border-radius:18px!important;}
  #productModal .modal-thumb-img{border-radius:18px!important;}
  #productModal .modal-left-chips{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  #productModal .modal-left-chips span{min-height:74px!important;padding:12px!important;font-size:12px!important;border-radius:14px!important;}
  #productModal .modal-left-chips span i{width:34px!important;height:34px!important;border-radius:12px!important;font-size:18px!important;}
  #productModal .modal-body{padding:16px 14px 18px!important;}
  #productModal .modal-badges{gap:10px!important;margin-bottom:14px!important;padding-right:52px!important;}
  #productModal .modal-badges span{padding:8px 13px!important;font-size:12px!important;}
  #productModal .modal-body h3{font-size:19px!important;}
  #productModal .modal-subtitle{font-size:14px!important;margin-bottom:16px!important;}
  #productModal .modal-rating-row{margin-bottom:18px!important;}
  #productModal .modal-stats{margin-bottom:16px!important;border-radius:18px!important;}
  #productModal .modal-stats .modal-stat-item{padding:14px 12px!important;min-height:88px!important;gap:12px!important;}
  #productModal .modal-stat-icon{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:14px!important;font-size:20px!important;}
  #productModal .modal-stat-copy b{font-size:16px!important;}
  #productModal .modal-purchase-row{grid-template-columns:1fr!important;gap:14px!important;}
  #productModal .modal-price strong{font-size:24px!important;}
  #productModal .modal-qty-box{justify-self:end!important;height:48px!important;border-radius:16px!important;}
  #productModal .modal-qty-box button{width:48px!important;height:48px!important;font-size:22px!important;}
  #productModal .modal-qty-box span{height:48px!important;min-width:54px!important;font-size:17px!important;}
  #productModal .modal-action-row{grid-template-columns:1fr!important;gap:10px!important;}
  #productModal .modal-wishlist-btn,#productModal #modalAddCart{height:54px!important;border-radius:16px!important;font-size:15px!important;}
}


#productModal .product-modal-card{
  width:min(1080px,calc(100vw - 84px))!important;
  max-width:1080px!important;
  border-radius:26px!important;
  box-shadow:0 22px 64px rgba(15,23,42,.13)!important;
}
#productModal.open{padding:18px!important;}
#productModal .modal-split-layout{grid-template-columns:minmax(320px,.93fr) minmax(400px,1.07fr)!important;}
#productModal .modal-visual-wrap{padding:24px 14px 24px 24px!important;gap:14px!important;}
#productModal .modal-visual{flex-basis:365px!important;height:365px!important;min-height:365px!important;border-radius:22px!important;background:#f4f7ff!important;}
#productModal .modal-thumb-img{border-radius:22px!important;}
#productModal .modal-stock-ribbon,
#productModal.is-out .modal-stock-ribbon{
  display:none!important;
  position:absolute!important;
  top:20px!important;
  left:-48px!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:182px!important;
  height:38px!important;
  padding:0 12px!important;
  background:linear-gradient(135deg,#ff6c84,#ff4f73)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  transform:rotate(-45deg)!important;
  box-shadow:0 10px 22px rgba(255,79,115,.22)!important;
  z-index:6!important;
  content:''!important;
}
#productModal.is-out .modal-stock-ribbon{display:flex!important;}
#productModal .modal-icon{width:88px!important;height:88px!important;border-radius:24px!important;font-size:48px!important;}
#productModal .modal-close-floating{top:24px!important;right:24px!important;width:52px!important;height:52px!important;border-radius:16px!important;font-size:30px!important;}
#productModal .modal-left-chips{gap:10px!important;}
#productModal .modal-left-chips span{min-height:102px!important;padding:14px 14px!important;border-radius:16px!important;font-size:14px!important;line-height:1.25!important;}
#productModal .modal-left-chips span i{width:38px!important;height:38px!important;border-radius:12px!important;font-size:20px!important;}
#productModal .modal-body{padding:26px 26px 24px 8px!important;}
#productModal .modal-badges{gap:10px!important;margin:0 0 14px!important;padding-right:62px!important;}
#productModal .modal-badges span{padding:10px 18px!important;font-size:13px!important;}
#productModal .modal-body h3{margin:0 0 8px!important;font-size:24px!important;line-height:1.2!important;}
#productModal .modal-subtitle{margin:0 0 16px!important;font-size:14px!important;line-height:1.58!important;}
#productModal .modal-rating-row{gap:8px!important;margin:0 0 18px!important;}
#productModal .modal-rating-stars{gap:3px!important;}
#productModal .modal-rating-stars i{font-size:17px!important;}
#productModal .modal-rating-row b{font-size:15px!important;}
#productModal .modal-rating-row small{font-size:13px!important;}
#productModal .modal-stats{margin:0 0 18px!important;border-radius:20px!important;}
#productModal .modal-stats .modal-stat-item{min-height:92px!important;padding:16px 16px!important;gap:14px!important;}
#productModal .modal-stat-icon{width:50px!important;height:50px!important;flex-basis:50px!important;border-radius:16px!important;font-size:22px!important;}
#productModal .modal-stat-copy small{margin:0 0 6px!important;font-size:11px!important;}
#productModal .modal-stat-copy b{font-size:16px!important;}
#productModal .modal-purchase-row{gap:14px!important;margin:0 0 18px!important;}
#productModal .modal-price strong{font-size:24px!important;}
#productModal .modal-price del{font-size:13px!important;}
#productModal .modal-qty-box{height:54px!important;border-radius:16px!important;}
#productModal .modal-qty-box button{width:54px!important;height:54px!important;font-size:25px!important;}
#productModal .modal-qty-box span{min-width:58px!important;height:54px!important;font-size:17px!important;}
#productModal .modal-action-row{grid-template-columns:minmax(170px,.35fr) minmax(0,.65fr)!important;gap:14px!important;}
#productModal .modal-wishlist-btn,#productModal #modalAddCart{height:58px!important;border-radius:16px!important;font-size:15px!important;gap:10px!important;}
#productModal .modal-wishlist-btn span{font-size:21px!important;}
@media(max-width:1100px){
  #productModal .product-modal-card{width:min(980px,calc(100vw - 30px))!important;}
  #productModal .modal-split-layout{grid-template-columns:minmax(290px,.9fr) minmax(360px,1.1fr)!important;}
  #productModal .modal-visual-wrap{padding:20px 12px 20px 20px!important;}
  #productModal .modal-visual{height:320px!important;min-height:320px!important;flex-basis:320px!important;}
  #productModal .modal-body{padding:22px 22px 22px 6px!important;}
}
@media(max-width:920px){
  #productModal.open{padding:12px!important;align-items:flex-start!important;}
  #productModal .product-modal-card{width:calc(100vw - 20px)!important;border-radius:22px!important;}
  #productModal .modal-split-layout{grid-template-columns:1fr!important;}
  #productModal .modal-visual-wrap{padding:18px 18px 0!important;}
  #productModal .modal-visual{height:290px!important;min-height:290px!important;flex-basis:290px!important;}
  #productModal .modal-left-chips span{min-height:82px!important;}
  #productModal .modal-body{padding:20px 18px 20px!important;}
  #productModal .modal-badges{padding-right:60px!important;}
}
@media(max-width:640px){
  #productModal.open{padding:8px!important;}
  #productModal .product-modal-card{width:calc(100vw - 12px)!important;border-radius:20px!important;}
  #productModal .modal-close-floating{top:12px!important;right:12px!important;width:42px!important;height:42px!important;font-size:24px!important;border-radius:14px!important;}
  #productModal .modal-visual-wrap{padding:12px 12px 0!important;gap:10px!important;}
  #productModal .modal-visual{height:220px!important;min-height:220px!important;flex-basis:220px!important;border-radius:18px!important;}
  #productModal .modal-thumb-img{border-radius:18px!important;}
  #productModal .modal-stock-ribbon,
  #productModal.is-out .modal-stock-ribbon{top:18px!important;left:-50px!important;min-width:174px!important;height:34px!important;font-size:11px!important;}
  #productModal .modal-left-chips{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  #productModal .modal-left-chips span{min-height:70px!important;padding:10px!important;font-size:12px!important;border-radius:14px!important;}
  #productModal .modal-left-chips span i{width:34px!important;height:34px!important;font-size:18px!important;}
  #productModal .modal-body{padding:16px 14px 18px!important;}
  #productModal .modal-badges{gap:8px!important;margin-bottom:12px!important;padding-right:48px!important;}
  #productModal .modal-badges span{padding:8px 12px!important;font-size:12px!important;}
  #productModal .modal-body h3{font-size:19px!important;}
  #productModal .modal-subtitle{font-size:14px!important;margin-bottom:14px!important;}
  #productModal .modal-rating-row{margin-bottom:16px!important;}
  #productModal .modal-stats{margin-bottom:16px!important;border-radius:18px!important;}
  #productModal .modal-stats .modal-stat-item{min-height:82px!important;padding:14px 12px!important;gap:12px!important;}
  #productModal .modal-stat-icon{width:42px!important;height:42px!important;flex-basis:42px!important;font-size:19px!important;}
  #productModal .modal-stat-copy b{font-size:15px!important;}
  #productModal .modal-purchase-row{grid-template-columns:1fr!important;gap:12px!important;}
  #productModal .modal-price strong{font-size:22px!important;}
  #productModal .modal-qty-box{justify-self:end!important;height:48px!important;border-radius:15px!important;}
  #productModal .modal-qty-box button{width:48px!important;height:48px!important;font-size:22px!important;}
  #productModal .modal-qty-box span{height:48px!important;min-width:52px!important;font-size:16px!important;}
  #productModal .modal-action-row{grid-template-columns:1fr!important;gap:10px!important;}
  #productModal .modal-wishlist-btn,#productModal #modalAddCart{height:52px!important;border-radius:15px!important;font-size:15px!important;}
}


#productModal .product-modal-card{
  width:min(1120px,calc(100vw - 48px))!important;
  max-width:1120px!important;
  max-height:calc(100vh - 32px)!important;
  border:1px solid rgba(226,232,240,.88)!important;
  border-radius:26px!important;
  background:#fff!important;
  box-shadow:0 28px 76px rgba(15,23,42,.18)!important;
  overflow:auto!important;
  scrollbar-width:thin!important;
}
#productModal.open{
  padding:16px!important;
  align-items:center!important;
}
#productModal .modal-split-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr)!important;
  align-items:stretch!important;
  min-height:0!important;
}
#productModal .modal-visual-wrap{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  min-width:0!important;
  padding:24px 14px 24px 24px!important;
  background:#fff!important;
}
#productModal .modal-visual{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  flex:none!important;
  aspect-ratio:1.48 / 1!important;
  border:0!important;
  border-radius:20px!important;
  background:#f3f6ff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#productModal .modal-thumb-img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:20px!important;
}
#productModal .modal-left-chips{display:none!important;}
#productModal .modal-stats{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
}
#productModal .modal-stats .modal-stat-item{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  min-height:78px!important;
  padding:12px 14px!important;
  border:1px solid #e7ecf5!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 5px 16px rgba(15,23,42,.025)!important;
}
#productModal .modal-stats .modal-stat-item:nth-child(even),
#productModal .modal-stats .modal-stat-item:nth-child(n+3){
  border-left:1px solid #e7ecf5!important;
  border-top:1px solid #e7ecf5!important;
}
#productModal .modal-stat-icon{
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  flex-basis:44px!important;
  border-radius:14px!important;
  font-size:20px!important;
  line-height:1!important;
}
#productModal .modal-stat-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  gap:3px!important;
}
#productModal .modal-stat-copy small{
  display:block!important;
  margin:0!important;
  color:#74819e!important;
  font-size:11px!important;
  font-weight:750!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:normal!important;
}
#productModal .modal-stat-copy b{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:#101828!important;
  font-size:16px!important;
  font-weight:850!important;
  line-height:1.25!important;
  overflow-wrap:anywhere!important;
}
#productModal #modalDelivery.instant{color:#365cf5!important;}
#productModal .modal-body{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  padding:26px 26px 24px 18px!important;
  background:#fff!important;
}
#productModal .modal-badges{
  gap:10px!important;
  margin:2px 0 18px!important;
  padding-right:58px!important;
  flex-wrap:wrap!important;
}
#productModal .modal-badges span{
  padding:9px 16px!important;
  border-radius:999px!important;
  font-size:12px!important;
}
#productModal .modal-body h3{
  margin:0 0 10px!important;
  font-size:26px!important;
  line-height:1.22!important;
}
#productModal .modal-subtitle{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  margin:0 0 18px!important;
  color:#71809d!important;
  font-size:15px!important;
  line-height:1.6!important;
}
#productModal .modal-rating-row{
  margin:0 0 22px!important;
  padding:0 0 20px!important;
  border-bottom:1px solid #e9edf5!important;
}
#productModal #modalDesc,
#productModal .modal-desc,
#productModal .modal-desc-toggle,
#productModal .modal-feature-list,
#productModal .modal-trust-box{display:none!important;}
#productModal .modal-purchase-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:18px!important;
  margin:0 0 16px!important;
}
#productModal .modal-price{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  min-height:61px!important;
}
#productModal .modal-price strong{
  font-size:28px!important;
  line-height:1.05!important;
}
#productModal .modal-quantity-wrap{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:7px!important;
}
#productModal .modal-quantity-wrap > small{
  color:#6e7c98!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1!important;
}
#productModal .modal-qty-box{
  height:48px!important;
  border-radius:14px!important;
}
#productModal .modal-qty-box button{
  width:48px!important;
  height:48px!important;
  font-size:22px!important;
}
#productModal .modal-qty-box span{
  min-width:52px!important;
  height:48px!important;
  font-size:16px!important;
}
#productModal .modal-action-row{
  display:grid!important;
  grid-template-columns:minmax(140px,.38fr) minmax(220px,.62fr)!important;
  gap:12px!important;
  margin:0 0 14px!important;
}
#productModal .modal-wishlist-btn,
#productModal #modalAddCart{
  height:50px!important;
  min-height:50px!important;
  padding:0 18px!important;
  border-radius:14px!important;
  font-size:14px!important;
  line-height:1!important;
}
#productModal .modal-wishlist-btn span{font-size:19px!important;}
#productModal .modal-mini-features{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:5px 9px!important;
  margin-top:auto!important;
  padding:12px 14px!important;
  border:1px solid #edf1f7!important;
  border-radius:14px!important;
  background:#fafbff!important;
  color:#74819d!important;
  font-size:11px!important;
  line-height:1.35!important;
}
#productModal .modal-mini-features span{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
}
#productModal .modal-mini-features span:not(:first-child)::before{
  content:'•'!important;
  margin-right:5px!important;
  color:#a7b1c5!important;
}
#productModal .modal-mini-feature-title{
  flex-basis:100%!important;
  color:#365cf5!important;
  font-size:12px!important;
}
#productModal .modal-close-floating{
  top:22px!important;
  right:22px!important;
  width:46px!important;
  height:46px!important;
  border-radius:14px!important;
  font-size:26px!important;
  box-shadow:0 8px 20px rgba(15,23,42,.07)!important;
}
html[data-theme="dark"] #productModal .product-modal-card,
html[data-theme="dark"] #productModal .modal-visual-wrap,
html[data-theme="dark"] #productModal .modal-body{
  background:#101b2d!important;
  border-color:rgba(148,163,184,.14)!important;
}
html[data-theme="dark"] #productModal .modal-stats{background:transparent!important;}
html[data-theme="dark"] #productModal .modal-stats .modal-stat-item{
  border-color:rgba(148,163,184,.14)!important;
  background:#132137!important;
  box-shadow:none!important;
}
html[data-theme="dark"] #productModal .modal-stats .modal-stat-item:nth-child(even),
html[data-theme="dark"] #productModal .modal-stats .modal-stat-item:nth-child(n+3){
  border-color:rgba(148,163,184,.14)!important;
}
html[data-theme="dark"] #productModal .modal-stat-copy small{color:#9aabc5!important;}
html[data-theme="dark"] #productModal .modal-stat-copy b{color:#f5f8ff!important;}
html[data-theme="dark"] #productModal .modal-rating-row{border-bottom-color:rgba(148,163,184,.14)!important;}
html[data-theme="dark"] #productModal .modal-mini-features{
  border-color:rgba(148,163,184,.13)!important;
  background:#132137!important;
  color:#9aabc5!important;
}
@media(max-width:980px){
  #productModal .product-modal-card{width:min(940px,calc(100vw - 24px))!important;}
  #productModal .modal-split-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.95fr)!important;}
  #productModal .modal-visual-wrap{padding:20px 12px 20px 20px!important;}
  #productModal .modal-body{padding:22px 20px 20px 12px!important;}
  #productModal .modal-stats .modal-stat-item{grid-template-columns:40px minmax(0,1fr)!important;padding:11px 12px!important;}
  #productModal .modal-stat-icon{width:40px!important;height:40px!important;min-width:40px!important;font-size:18px!important;}
}
@media(max-width:820px){
  #productModal.open{align-items:flex-start!important;padding:10px!important;}
  #productModal .product-modal-card{width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important;border-radius:22px!important;}
  #productModal .modal-split-layout{grid-template-columns:1fr!important;}
  #productModal .modal-visual-wrap{padding:16px 16px 0!important;}
  #productModal .modal-visual{aspect-ratio:1.55 / 1!important;}
  #productModal .modal-body{padding:20px 16px 18px!important;}
  #productModal .modal-badges{padding-right:54px!important;}
  #productModal .modal-mini-features{margin-top:0!important;}
}
@media(max-width:520px){
  #productModal.open{padding:6px!important;}
  #productModal .product-modal-card{width:calc(100vw - 8px)!important;max-height:calc(100vh - 8px)!important;border-radius:18px!important;}
  #productModal .modal-close-floating{top:10px!important;right:10px!important;width:40px!important;height:40px!important;border-radius:12px!important;font-size:23px!important;}
  #productModal .modal-visual-wrap{gap:8px!important;padding:10px 10px 0!important;}
  #productModal .modal-visual{aspect-ratio:1.35 / 1!important;border-radius:15px!important;}
  #productModal .modal-thumb-img{border-radius:15px!important;}
  #productModal .modal-stats{gap:7px!important;}
  #productModal .modal-stats .modal-stat-item{
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:9px!important;
    min-height:68px!important;
    padding:9px 10px!important;
    border-radius:13px!important;
  }
  #productModal .modal-stat-icon{width:36px!important;height:36px!important;min-width:36px!important;border-radius:11px!important;font-size:17px!important;}
  #productModal .modal-stat-copy small{font-size:9.5px!important;}
  #productModal .modal-stat-copy b{font-size:14px!important;}
  #productModal .modal-body{padding:16px 12px 14px!important;}
  #productModal .modal-badges{gap:7px!important;margin-bottom:12px!important;padding-right:42px!important;}
  #productModal .modal-badges span{padding:7px 10px!important;font-size:10.5px!important;}
  #productModal .modal-body h3{font-size:20px!important;}
  #productModal .modal-subtitle{margin-bottom:13px!important;font-size:13px!important;}
  #productModal .modal-rating-row{margin-bottom:16px!important;padding-bottom:15px!important;}
  #productModal .modal-purchase-row{gap:10px!important;margin-bottom:13px!important;}
  #productModal .modal-price{min-height:54px!important;}
  #productModal .modal-price strong{font-size:23px!important;}
  #productModal .modal-qty-box{height:44px!important;}
  #productModal .modal-qty-box button{width:42px!important;height:44px!important;font-size:20px!important;}
  #productModal .modal-qty-box span{min-width:44px!important;height:44px!important;font-size:15px!important;}
  #productModal .modal-action-row{grid-template-columns:minmax(112px,.38fr) minmax(0,.62fr)!important;gap:8px!important;}
  #productModal .modal-wishlist-btn,#productModal #modalAddCart{height:46px!important;min-height:46px!important;padding:0 10px!important;font-size:12.5px!important;border-radius:12px!important;}
  #productModal .modal-mini-features{padding:10px 11px!important;font-size:10px!important;}
}
@media(max-width:380px){
  #productModal .modal-action-row{grid-template-columns:1fr!important;}
  #productModal .modal-wishlist-btn,#productModal #modalAddCart{width:100%!important;}
}


#productModal .modal-mini-features span{
  justify-content:flex-start!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  font-size:inherit!important;
  font-weight:600!important;
  text-align:left!important;
}
#productModal .modal-mini-features .modal-mini-feature-title{
  color:#365cf5!important;
  font-size:12px!important;
  font-weight:700!important;
}
html[data-theme="dark"] #productModal .modal-mini-features span{
  border:0!important;
  background:transparent!important;
  color:inherit!important;
}
html[data-theme="dark"] #productModal .modal-mini-features .modal-mini-feature-title{
  color:#8ea7ff!important;
}


#productModal .modal-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#productModal .modal-stats > .modal-stat-item,
#productModal .modal-stats > .modal-stat-item:nth-child(even),
#productModal .modal-stats > .modal-stat-item:nth-child(n+3){
  display:grid!important;
  grid-template-columns:30px minmax(0,1fr)!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:8px!important;
  min-width:0!important;
  min-height:60px!important;
  padding:9px 10px!important;
  border:1px solid #e8edf6!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfcff 100%)!important;
  box-shadow:0 4px 14px rgba(15,23,42,.035)!important;
  text-align:left!important;
}
#productModal .modal-stats .modal-stat-icon{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  border-radius:10px!important;
  font-size:14px!important;
  line-height:1!important;
}
#productModal .modal-stats .modal-stat-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:2px!important;
  min-width:0!important;
}
#productModal .modal-stats .modal-stat-copy small{
  display:block!important;
  margin:0!important;
  color:#7b88a3!important;
  font-size:9px!important;
  font-weight:750!important;
  line-height:1.15!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#productModal .modal-stats .modal-stat-copy b{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  color:#111827!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#productModal #modalDelivery.instant{color:#365cf5!important;}
html[data-theme="dark"] #productModal .modal-stats{
  background:transparent!important;
  border:0!important;
}
html[data-theme="dark"] #productModal .modal-stats > .modal-stat-item,
html[data-theme="dark"] #productModal .modal-stats > .modal-stat-item:nth-child(even),
html[data-theme="dark"] #productModal .modal-stats > .modal-stat-item:nth-child(n+3){
  border-color:rgba(148,163,184,.14)!important;
  background:linear-gradient(180deg,#132137 0%,#111d31 100%)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] #productModal .modal-stats .modal-stat-copy small{color:#99a9c1!important;}
html[data-theme="dark"] #productModal .modal-stats .modal-stat-copy b{color:#f8fafc!important;}
@media(max-width:980px){
  #productModal .modal-stats{gap:7px!important;}
  #productModal .modal-stats > .modal-stat-item,
  #productModal .modal-stats > .modal-stat-item:nth-child(even),
  #productModal .modal-stats > .modal-stat-item:nth-child(n+3){
    grid-template-columns:28px minmax(0,1fr)!important;
    min-height:56px!important;
    padding:8px 8px!important;
    gap:7px!important;
  }
  #productModal .modal-stats .modal-stat-icon{
    width:28px!important;
    min-width:28px!important;
    height:28px!important;
    flex-basis:28px!important;
    border-radius:9px!important;
    font-size:13px!important;
  }
  #productModal .modal-stats .modal-stat-copy small{font-size:8.5px!important;}
  #productModal .modal-stats .modal-stat-copy b{font-size:12.5px!important;}
}
@media(max-width:520px){
  #productModal .modal-stats{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
  }
  #productModal .modal-stats > .modal-stat-item,
  #productModal .modal-stats > .modal-stat-item:nth-child(even),
  #productModal .modal-stats > .modal-stat-item:nth-child(n+3){
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    min-height:58px!important;
    padding:6px 4px!important;
    border-radius:11px!important;
    text-align:center!important;
  }
  #productModal .modal-stats .modal-stat-icon{
    width:24px!important;
    min-width:24px!important;
    height:24px!important;
    flex-basis:24px!important;
    border-radius:8px!important;
    font-size:11px!important;
  }
  #productModal .modal-stats .modal-stat-copy{
    width:100%!important;
    align-items:center!important;
    gap:1px!important;
  }
  #productModal .modal-stats .modal-stat-copy small{
    width:100%!important;
    font-size:7.5px!important;
    line-height:1.05!important;
    text-align:center!important;
  }
  #productModal .modal-stats .modal-stat-copy b{
    width:100%!important;
    font-size:11px!important;
    line-height:1.05!important;
    text-align:center!important;
  }
}


/* Product modal: Telegram purchase CTA */
#productModal .modal-telegram-buy{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:50px!important;
  margin-top:10px!important;
  padding:0 18px!important;
  border:1.5px solid rgba(77,101,255,.72)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,249,255,.98))!important;
  color:#4465f3!important;
  box-shadow:0 8px 22px rgba(68,101,243,.08)!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1!important;
  text-decoration:none!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important;
}
#productModal .modal-telegram-buy[hidden]{display:none!important;}
#productModal .modal-telegram-buy svg{
  width:19px!important;
  height:19px!important;
  flex:0 0 19px!important;
}
#productModal .modal-telegram-buy:hover{
  transform:translateY(-1px)!important;
  border-color:#4b63ff!important;
  background:linear-gradient(180deg,#fff,#f1f4ff)!important;
  box-shadow:0 12px 28px rgba(68,101,243,.14)!important;
}
#productModal .modal-telegram-buy:focus-visible{
  outline:0!important;
  box-shadow:0 0 0 4px rgba(68,101,243,.15),0 12px 28px rgba(68,101,243,.14)!important;
}
html[data-theme="dark"] #productModal .modal-telegram-buy{
  border-color:rgba(111,133,255,.58)!important;
  background:linear-gradient(180deg,rgba(26,40,66,.94),rgba(20,32,54,.94))!important;
  color:#aab8ff!important;
  box-shadow:none!important;
}
html[data-theme="dark"] #productModal .modal-telegram-buy:hover{
  background:linear-gradient(180deg,rgba(32,47,77,.98),rgba(24,37,62,.98))!important;
  border-color:rgba(132,151,255,.8)!important;
}
@media(max-width:640px){
  #productModal .modal-telegram-buy{
    min-height:50px!important;
    margin-top:8px!important;
    border-radius:15px!important;
    font-size:14px!important;
  }
}

/* Product modal: disable Telegram CTA when stock is empty */
#productModal .modal-telegram-buy.is-disabled,
#productModal .modal-telegram-buy[aria-disabled="true"]{
  cursor:not-allowed!important;
  opacity:.62!important;
  transform:none!important;
  border-color:rgba(148,163,184,.55)!important;
  background:linear-gradient(180deg,rgba(248,250,252,.98),rgba(241,245,249,.98))!important;
  color:#94a3b8!important;
  box-shadow:none!important;
}
#productModal .modal-telegram-buy.is-disabled:hover,
#productModal .modal-telegram-buy[aria-disabled="true"]:hover{
  transform:none!important;
  border-color:rgba(148,163,184,.55)!important;
  background:linear-gradient(180deg,rgba(248,250,252,.98),rgba(241,245,249,.98))!important;
  color:#94a3b8!important;
  box-shadow:none!important;
}
html[data-theme="dark"] #productModal .modal-telegram-buy.is-disabled,
html[data-theme="dark"] #productModal .modal-telegram-buy[aria-disabled="true"],
html[data-theme="dark"] #productModal .modal-telegram-buy.is-disabled:hover,
html[data-theme="dark"] #productModal .modal-telegram-buy[aria-disabled="true"]:hover{
  opacity:.58!important;
  border-color:rgba(100,116,139,.45)!important;
  background:linear-gradient(180deg,rgba(30,41,59,.78),rgba(15,23,42,.78))!important;
  color:#64748b!important;
  box-shadow:none!important;
}


/* ============================================================
   v12.8.1 — PRODUCT DESCRIPTION FULL READABILITY
   Product detail modal must never truncate the description.
   The modal card itself already scrolls, so all content remains reachable.
   ============================================================ */
#productModal .modal-subtitle.modal-description-full{
  display:block!important;
  -webkit-box-orient:initial!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  margin:0 0 18px!important;
  padding:15px 16px!important;
  border:1px solid #e7ecf5!important;
  border-radius:14px!important;
  background:#fafbff!important;
  color:#5f6f8c!important;
  font-size:14px!important;
  line-height:1.72!important;
}
#productModal .modal-subtitle.modal-description-full::before{
  content:"Deskripsi Produk"!important;
  display:block!important;
  margin:0 0 9px!important;
  color:#172033!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.2!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
}
#productModal .modal-subtitle.modal-description-full p{margin:0 0 10px!important;color:inherit!important;line-height:inherit!important;}
#productModal .modal-subtitle.modal-description-full p:last-child{margin-bottom:0!important;}
#productModal .modal-subtitle.modal-description-full ul,
#productModal .modal-subtitle.modal-description-full ol{margin:8px 0 10px!important;padding-left:21px!important;}
#productModal .modal-subtitle.modal-description-full li{margin:4px 0!important;}
#productModal .modal-subtitle.modal-description-full strong,
#productModal .modal-subtitle.modal-description-full b{color:#24304a!important;font-weight:900!important;}
#productModal .modal-subtitle.modal-description-full a{color:#365cf5!important;font-weight:800!important;text-decoration:underline!important;text-underline-offset:2px!important;}
#productModal .modal-subtitle.modal-description-full h1,
#productModal .modal-subtitle.modal-description-full h2,
#productModal .modal-subtitle.modal-description-full h3,
#productModal .modal-subtitle.modal-description-full h4{margin:12px 0 7px!important;color:#172033!important;line-height:1.3!important;}
#productModal .modal-subtitle.modal-description-full h1{font-size:19px!important;}
#productModal .modal-subtitle.modal-description-full h2{font-size:18px!important;}
#productModal .modal-subtitle.modal-description-full h3{font-size:16px!important;}
#productModal .modal-subtitle.modal-description-full h4{font-size:15px!important;}
html[data-theme="dark"] #productModal .modal-subtitle.modal-description-full{
  border-color:rgba(148,163,184,.16)!important;
  background:#132137!important;
  color:#aebbd0!important;
}
html[data-theme="dark"] #productModal .modal-subtitle.modal-description-full::before,
html[data-theme="dark"] #productModal .modal-subtitle.modal-description-full strong,
html[data-theme="dark"] #productModal .modal-subtitle.modal-description-full b,
html[data-theme="dark"] #productModal .modal-subtitle.modal-description-full h1,
html[data-theme="dark"] #productModal .modal-subtitle.modal-description-full h2,
html[data-theme="dark"] #productModal .modal-subtitle.modal-description-full h3,
html[data-theme="dark"] #productModal .modal-subtitle.modal-description-full h4{color:#f1f5fb!important;}
@media(max-width:520px){
  #productModal .modal-subtitle.modal-description-full{
    margin-bottom:14px!important;
    padding:13px 14px!important;
    border-radius:13px!important;
    font-size:13px!important;
    line-height:1.68!important;
  }
  #productModal .modal-subtitle.modal-description-full::before{font-size:11px!important;margin-bottom:8px!important;}
}

/* END assets/css/product-list-fresh-v1.css */

/* BEGIN assets/css/category-label-v1.css */

.category-menu-wrap{position:relative!important}
.category-menu-wrap>[data-open-cats]{position:relative!important}
.category-popover{
  position:absolute!important;
  right:-10px!important;
  top:calc(100% + 12px)!important;
  width:310px!important;
  max-width:calc(100vw - 24px)!important;
  max-height:280px!important;
  overflow:auto!important;
  padding:10px!important;
  display:none!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  background:rgba(255,255,255,.98)!important;
  border:1px solid rgba(148,163,184,.20)!important;
  border-radius:17px!important;
  box-shadow:0 16px 38px rgba(15,23,42,.14),0 2px 8px rgba(15,23,42,.05)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  z-index:120!important;
  scrollbar-width:thin!important;
}
.category-popover::before{
  content:""!important;
  position:absolute!important;
  top:-6px!important;
  right:39px!important;
  width:12px!important;
  height:12px!important;
  background:rgba(255,255,255,.98)!important;
  border-left:1px solid rgba(148,163,184,.20)!important;
  border-top:1px solid rgba(148,163,184,.20)!important;
  transform:rotate(45deg)!important;
}
.category-popover.open{display:grid!important;animation:znlCategoryIn .15s ease-out both!important}
@keyframes znlCategoryIn{from{opacity:0;transform:translateY(-5px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
.category-popover .cat-menu-item{
  width:100%!important;
  min-width:0!important;
  min-height:38px!important;
  margin:0!important;
  padding:9px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#475569!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:750!important;
  line-height:1.2!important;
  text-align:left!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease!important;
}
.category-popover .cat-menu-item>span{display:none!important}
.category-popover .cat-menu-item:hover{
  transform:none!important;
  border-color:rgba(99,102,241,.12)!important;
  background:#f7f7ff!important;
  color:#4f46e5!important;
  box-shadow:none!important;
}
.category-popover .cat-menu-item.active{
  border-color:rgba(99,102,241,.22)!important;
  background:#f3f2ff!important;
  color:#4f46e5!important;
  box-shadow:none!important;
}
html[data-theme=dark] .category-popover{
  background:rgba(15,23,42,.98)!important;
  border-color:rgba(148,163,184,.16)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.42)!important;
}
html[data-theme=dark] .category-popover::before{background:#0f172a!important;border-color:rgba(148,163,184,.16)!important}
html[data-theme=dark] .category-popover .cat-menu-item{
  background:transparent!important;
  border-color:transparent!important;
  color:#cbd5e1!important;
  box-shadow:none!important;
}
html[data-theme=dark] .category-popover .cat-menu-item:hover{
  background:rgba(99,102,241,.10)!important;
  border-color:rgba(129,140,248,.16)!important;
  color:#c7d2fe!important;
}
html[data-theme=dark] .category-popover .cat-menu-item.active{
  background:rgba(99,102,241,.16)!important;
  border-color:rgba(129,140,248,.24)!important;
  color:#e0e7ff!important;
}
@media(max-width:760px){
  .category-popover{right:-68px!important;width:min(290px,calc(100vw - 20px))!important;padding:8px!important;gap:5px!important;border-radius:15px!important}
  .category-popover .cat-menu-item{min-height:36px!important;padding:8px 10px!important;font-size:11.5px!important;border-radius:10px!important}
}
@media(max-width:420px){
  .category-popover{grid-template-columns:1fr!important;right:-86px!important;width:min(230px,calc(100vw - 18px))!important;max-height:270px!important}
}

/* END assets/css/category-label-v1.css */

/* BEGIN assets/css/product-grid-design-v3.css */
#productsSide[data-view="grid"] #productGrid,
.wishlist-product-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:start!important;
  grid-auto-rows:auto!important;
}

#productsSide[data-view="grid"] #productGrid .product-card,
.wishlist-product-grid .product-card{
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-self:start!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  padding:7px 7px 0!important;
  overflow:hidden!important;
  border:1px solid #e4eaf3!important;
  border-radius:17px!important;
  background:var(--card,#fff)!important;
  box-shadow:0 10px 28px rgba(15,23,42,.055)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
#productsSide[data-view="grid"] #productGrid .product-card:hover,
.wishlist-product-grid .product-card:hover{
  transform:translateY(-3px)!important;
  border-color:#cfd9eb!important;
  box-shadow:0 17px 38px rgba(15,23,42,.095)!important;
}

#productsSide[data-view="grid"] #productGrid .product-card > .thumb,
#productsSide[data-view="grid"] #productGrid .product-card > .thumb.znl-card-thumb,
.wishlist-product-grid .product-card > .thumb,
.wishlist-product-grid .product-card > .thumb.znl-card-thumb{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  flex:0 0 auto!important;
  aspect-ratio:16 / 10!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#edf3fa!important;
  box-shadow:none!important;
}
#productsSide[data-view="grid"] #productGrid .product-card > .thumb img,
#productsSide[data-view="grid"] #productGrid .product-card > .thumb .ds-product-thumb-img,
.wishlist-product-grid .product-card > .thumb img,
.wishlist-product-grid .product-card > .thumb .ds-product-thumb-img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  margin:0!important;
  transform:none!important;
}
#productsSide[data-view="grid"] #productGrid .product-card:hover > .thumb img,
.wishlist-product-grid .product-card:hover > .thumb img{
  transform:none!important;
}
#productsSide[data-view="grid"] #productGrid .product-card > .thumb em,
.wishlist-product-grid .product-card > .thumb em{
  position:absolute!important;
  left:0!important;
  top:0!important;
  z-index:4!important;
  padding:7px 10px!important;
  border-radius:0 0 10px 0!important;
  background:#fb7185!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:900!important;
  box-shadow:none!important;
}

.product-wishlist-btn{
  position:absolute!important;
  right:4px!important;
  top:4px!important;
  z-index:8!important;
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  padding:0!important;
  border:1px solid rgba(218,226,238,.95)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.96)!important;
  color:#17315f!important;
  box-shadow:0 7px 18px rgba(15,23,42,.11)!important;
  cursor:pointer!important;
  transition:transform .16s ease,color .16s ease,background .16s ease,border-color .16s ease!important;
}
.product-wishlist-btn:hover{transform:scale(1.06)!important;color:#ef476f!important;border-color:#ffc7d6!important}
.product-wishlist-btn span{display:block!important;font-size:20px!important;line-height:1!important;transform:translateY(-1px)!important}
.product-wishlist-btn.is-active{color:#ef476f!important;background:#fff5f8!important;border-color:#ffc7d6!important}

#productsSide[data-view="grid"] #productGrid .product-main,
#productsSide[data-view="grid"] #productGrid .znl-card-body,
.wishlist-product-grid .product-main,
.wishlist-product-grid .znl-card-body{
  box-sizing:border-box!important;
  display:flex!important;
  flex:0 0 auto!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  padding:14px 4px 8px!important;
  gap:0!important;
}
.grid-category-label{
  display:block!important;
  max-width:100%!important;
  margin:0 0 9px!important;
  padding:0!important;
  color:#275bd8!important;
  background:transparent!important;
  font-size:10.5px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#productsSide[data-view="grid"] #productGrid .product-main .product-title,
#productsSide[data-view="grid"] #productGrid .znl-card-body .product-title,
.wishlist-product-grid .product-main .product-title,
.wishlist-product-grid .znl-card-body .product-title{
  display:-webkit-box!important;
  width:100%!important;
  min-height:40px!important;
  max-height:40px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--text,#17233b)!important;
  text-align:left!important;
  font-size:14px!important;
  line-height:1.42!important;
  font-weight:850!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
.product-rating{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  min-height:19px!important;
  margin:10px 0 0!important;
  color:#64748b!important;
  font-size:11.5px!important;
  line-height:1!important;
}
.product-rating .rating-star{
  display:block!important;
  flex:0 0 17px!important;
  width:17px!important;
  height:17px!important;
  overflow:visible!important;
}
.product-rating .rating-star.is-full{color:#ff8a00!important}
.product-rating .rating-star.is-half .rating-star-base{fill:#d4dbe7!important;stroke:#d4dbe7!important}
.product-rating .rating-star.is-half .rating-star-fill{fill:#ff8a00!important;stroke:#ff8a00!important}
.product-rating .rating-star.is-empty{color:#c8d0dc!important}
.product-rating b{color:#f97316!important;font-weight:750!important}
.product-rating.rating-empty b{color:#7b8798!important}
.product-price-row{
  display:flex!important;
  align-items:baseline!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  width:100%!important;
  min-height:26px!important;
  margin:9px 0 0!important;
  overflow:hidden!important;
}
.product-price-row strong{
  flex:0 0 auto!important;
  color:#334ee8!important;
  font-size:20px!important;
  line-height:1.1!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.product-price-row del{
  min-width:0!important;
  color:#8a98ad!important;
  font-size:10.5px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#productsSide[data-view="grid"] #productGrid .product-meta,
.wishlist-product-grid .product-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  width:100%!important;
  min-height:17px!important;
  margin:7px 0 0!important;
  padding:0!important;
}
#productsSide[data-view="grid"] #productGrid .product-meta p,
#productsSide[data-view="grid"] #productGrid .product-meta small,
.wishlist-product-grid .product-meta p,
.wishlist-product-grid .product-meta small,
#productsSide[data-view="grid"] #productGrid .product-card.is-out .product-meta small,
.wishlist-product-grid .product-card.is-out .product-meta small{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  font-weight:700!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
#productsSide[data-view="grid"] #productGrid .product-meta p,
.wishlist-product-grid .product-meta p{color:#16a34a!important;overflow:hidden!important;text-overflow:ellipsis!important}
#productsSide[data-view="grid"] #productGrid .product-meta small,
.wishlist-product-grid .product-meta small,
#productsSide[data-view="grid"] #productGrid .product-card.is-out .product-meta small,
.wishlist-product-grid .product-card.is-out .product-meta small{color:#64748b!important;text-align:right!important}

#productsSide[data-view="grid"] #productGrid .card-bottom,
#productsSide[data-view="grid"] #productGrid .znl-card-bottom,
.wishlist-product-grid .card-bottom,
.wishlist-product-grid .znl-card-bottom{
  box-sizing:border-box!important;
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:4px 4px 12px!important;
  border:0!important;
}
#productsSide[data-view="grid"] #productGrid .card-bottom button,
#productsSide[data-view="grid"] #productGrid .znl-card-bottom button,
.wishlist-product-grid .card-bottom button,
.wishlist-product-grid .znl-card-bottom button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  height:43px!important;
  margin:0!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#4f46e5,#3d35df)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(79,70,229,.17)!important;
  text-indent:0!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
  cursor:pointer!important;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease!important;
}
#productsSide[data-view="grid"] #productGrid .card-bottom button::before,
#productsSide[data-view="grid"] #productGrid .card-bottom button::after,
.wishlist-product-grid .card-bottom button::before,
.wishlist-product-grid .card-bottom button::after{display:none!important;content:none!important}
#productsSide[data-view="grid"] #productGrid .card-bottom button:not(:disabled):hover,
.wishlist-product-grid .card-bottom button:not(:disabled):hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.04)!important;
  box-shadow:0 11px 23px rgba(79,70,229,.24)!important;
}
#productsSide[data-view="grid"] #productGrid .card-bottom button:disabled,
.wishlist-product-grid .card-bottom button:disabled{
  background:#e8edf4!important;
  color:#728198!important;
  box-shadow:none!important;
  cursor:not-allowed!important;
}

html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-card,
html[data-theme="dark"] .wishlist-product-grid .product-card{
  border-color:#29364a!important;
  background:#111a2c!important;
  box-shadow:0 12px 30px rgba(0,0,0,.24)!important;
}
html[data-theme="dark"] .product-wishlist-btn{background:rgba(15,23,42,.95)!important;border-color:#334155!important;color:#e2e8f0!important}
html[data-theme="dark"] .product-wishlist-btn.is-active{background:rgba(159,18,57,.25)!important;color:#fda4af!important;border-color:rgba(251,113,133,.45)!important}
html[data-theme="dark"] .grid-category-label{color:#7dd3fc!important}
html[data-theme="dark"] .product-price-row strong{color:#67e8f9!important}
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-meta p,
html[data-theme="dark"] .wishlist-product-grid .product-meta p{color:#4ade80!important}
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-meta small,
html[data-theme="dark"] .wishlist-product-grid .product-meta small{color:#9fb0c8!important}
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .card-bottom button:disabled,
html[data-theme="dark"] .wishlist-product-grid .card-bottom button:disabled{background:#263348!important;color:#9fb0c8!important}

.wishlist-product-grid .product-card[hidden]{display:none!important}
.wishlist-page{padding-top:28px!important}
.wishlist-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px;padding:22px 0 16px;border-bottom:1px solid var(--line)}
.wishlist-page-head h1{margin:0 0 6px;font-size:26px;line-height:1.2}.wishlist-page-head p{margin:0;color:var(--muted)}
.wishlist-page-head a{color:var(--indigo);text-decoration:none;font-weight:850}
.wishlist-empty{display:none;text-align:center;padding:64px 20px;border:1px dashed var(--line);border-radius:20px;background:var(--card)}
.wishlist-empty.is-visible{display:block}.wishlist-empty span{display:block;font-size:44px;margin-bottom:12px}.wishlist-empty h2{margin:0 0 8px}.wishlist-empty p{margin:0 0 18px;color:var(--muted)}
.wishlist-product-grid.is-empty{display:none!important}

@media(max-width:1279px){
  #productsSide[data-view="grid"] #productGrid,.wishlist-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important}
}
@media(max-width:980px){
  #productsSide[data-view="grid"] #productGrid,.wishlist-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
  #productsSide[data-view="grid"] #productGrid,.wishlist-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  #productsSide[data-view="grid"] #productGrid .product-card,.wishlist-product-grid .product-card{padding:6px 6px 0!important;border-radius:14px!important}
  #productsSide[data-view="grid"] #productGrid .product-card > .thumb,.wishlist-product-grid .product-card > .thumb{aspect-ratio:4 / 3!important;border-radius:10px!important}
  #productsSide[data-view="grid"] #productGrid .product-main,.wishlist-product-grid .product-main{padding:11px 3px 7px!important}
  .grid-category-label{font-size:9px!important;margin-bottom:7px!important}
  #productsSide[data-view="grid"] #productGrid .product-main .product-title,.wishlist-product-grid .product-main .product-title{font-size:12.5px!important;min-height:36px!important;max-height:36px!important;line-height:1.42!important}
  .product-rating{margin-top:7px!important}.product-price-row{margin-top:7px!important}.product-price-row strong{font-size:15px!important}
  #productsSide[data-view="grid"] #productGrid .product-meta,.wishlist-product-grid .product-meta{margin-top:6px!important;gap:5px!important;align-items:flex-start!important}
  #productsSide[data-view="grid"] #productGrid .product-meta p,#productsSide[data-view="grid"] #productGrid .product-meta small,.wishlist-product-grid .product-meta p,.wishlist-product-grid .product-meta small{font-size:8.8px!important;white-space:normal!important}
  #productsSide[data-view="grid"] #productGrid .card-bottom,.wishlist-product-grid .card-bottom{padding:3px 3px 9px!important}
  #productsSide[data-view="grid"] #productGrid .card-bottom button,.wishlist-product-grid .card-bottom button{height:38px!important;font-size:10.5px!important}
  .product-wishlist-btn{width:31px!important;height:31px!important;right:4px!important;top:4px!important}.product-wishlist-btn span{font-size:18px!important}
  .wishlist-page-head{align-items:flex-start;flex-direction:column}.wishlist-page-head h1{font-size:22px}
}

#productsSide[data-view="grid"] #productGrid .card-bottom button[disabled],
#productsSide[data-view="grid"] #productGrid .card-bottom button[aria-disabled="true"],
#productsSide[data-view="grid"] #productGrid .znl-card-bottom button[disabled],
#productsSide[data-view="grid"] #productGrid .znl-card-bottom button[aria-disabled="true"],
.wishlist-product-grid .card-bottom button[disabled],
.wishlist-product-grid .card-bottom button[aria-disabled="true"]{
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:43px!important;
  padding:0 12px!important;
  border-radius:10px!important;
  font-size:12px!important;
  line-height:1!important;
  text-align:center!important;
  text-indent:0!important;
}
@media(max-width:700px){
  #productsSide[data-view="grid"] #productGrid .card-bottom button[disabled],
  #productsSide[data-view="grid"] #productGrid .card-bottom button[aria-disabled="true"],
  .wishlist-product-grid .card-bottom button[disabled],
  .wishlist-product-grid .card-bottom button[aria-disabled="true"]{height:38px!important;font-size:10.5px!important}
}

#productsSide[data-view="grid"] #productGrid .grid-stock-out-chip,
.wishlist-product-grid .grid-stock-out-chip{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}

.product-rating{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:100%!important;
  min-height:20px!important;
}
.product-rating .product-rating-score{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
}
.product-rating .product-sold-inline{
  display:inline-block!important;
  color:#7c8aa5!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:700!important;
}
.product-rating .product-stock-inline{
  display:inline-block!important;
  margin-left:auto!important;
  color:#16a34a!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
#productsSide[data-view="grid"] #productGrid .product-meta,
.wishlist-product-grid .product-meta{display:none!important;}
@media(max-width:640px){
  .product-rating{gap:8px!important;}
  .product-rating .product-sold-inline,
  .product-rating .product-stock-inline{font-size:10.5px!important;}
}

#productsSide #productGrid .product-card > .thumb,
#productsSide #productGrid .product-card > .thumb.znl-card-thumb,
#productsSide #productListView .table-product .thumb.mini {
  opacity:1!important;
  filter:none!important;
  -webkit-filter:none!important;
  mix-blend-mode:normal!important;
}

#productsSide #productGrid .product-card > .thumb img,
#productsSide #productGrid .product-card > .thumb .ds-product-thumb-img,
#productsSide #productGrid .product-card.is-out > .thumb img,
#productsSide #productGrid .product-card.is-out > .thumb .ds-product-thumb-img,
#productsSide #productListView .table-product .thumb.mini img,
#productsSide #productListView .table-product .thumb.mini .ds-product-thumb-img,
#productsSide #productListView .is-out-row .table-product .thumb.mini img,
#productsSide #productListView .is-out-row .table-product .thumb.mini .ds-product-thumb-img {
  opacity:1!important;
  filter:none!important;
  -webkit-filter:none!important;
  mix-blend-mode:normal!important;
  image-rendering:auto!important;
}

#productsSide #productGrid .product-card.is-out > .thumb::before,
#productsSide #productListView .is-out-row .table-product .thumb.mini::before,
#productsSide[data-view="grid"] #productGrid .product-card > .thumb::after {
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  pointer-events:none!important;
}

#productsSide[data-view="grid"] #productGrid .product-card{
  padding-bottom:0!important;
}
#productsSide[data-view="grid"] #productGrid .product-main{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  padding-bottom:13px!important;
}
#productsSide[data-view="grid"] #productGrid .product-price-action-row{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:100%!important;
  margin-top:10px!important;
  padding-top:11px!important;
  border-top:1px dashed color-mix(in srgb,var(--line) 88%,var(--muted))!important;
}
#productsSide[data-view="grid"] #productGrid .product-price-action-row .product-price-row{
  flex:1 1 auto!important;
  display:flex!important;
  align-content:center!important;
  align-items:flex-start!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:3px!important;
  width:auto!important;
  min-width:0!important;
  min-height:40px!important;
  margin:0!important;
  overflow:visible!important;
}
#productsSide[data-view="grid"] #productGrid .product-price-action-row .product-price-row strong{
  font-size:19px!important;
  line-height:1.08!important;
}
#productsSide[data-view="grid"] #productGrid .product-price-action-row .product-price-row del{
  display:block!important;
  max-width:100%!important;
  font-size:10px!important;
  line-height:1.1!important;
}
#productsSide[data-view="grid"] #productGrid .product-rating .product-stock-inline{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-height:24px!important;
  margin-left:auto!important;
  padding:4px 8px!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
#productsSide[data-view="grid"] #productGrid .product-rating .product-stock-inline::before{
  content:""!important;
  display:block!important;
  flex:0 0 6px!important;
  width:6px!important;
  height:6px!important;
  border-radius:999px!important;
  background:currentColor!important;
  box-shadow:0 0 0 3px color-mix(in srgb,currentColor 12%,transparent)!important;
}
#productsSide[data-view="grid"] #productGrid .product-rating .product-stock-inline.is-available{
  border-color:color-mix(in srgb,#22a861 24%,var(--line))!important;
  background:color-mix(in srgb,#22a861 9%,var(--card))!important;
  color:#238451!important;
}
#productsSide[data-view="grid"] #productGrid .product-rating .product-stock-inline.is-empty{
  border-color:color-mix(in srgb,#df5f6d 25%,var(--line))!important;
  background:color-mix(in srgb,#df5f6d 9%,var(--card))!important;
  color:#ba4f5d!important;
}
#productsSide[data-view="grid"] #productGrid .grid-cart-btn{
  position:relative!important;
  flex:0 0 42px!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid transparent!important;
  border-radius:13px!important;
  cursor:pointer!important;
  overflow:hidden!important;
  transition:transform .16s ease,filter .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease!important;
}
html:not([data-theme="dark"]) #productsSide[data-view="grid"] #productGrid .grid-cart-btn:not(:disabled){
  border-color:#d4e5da!important;
  background:linear-gradient(145deg,#f8fbf9 0%,#eef6f1 100%)!important;
  color:#5c8d70!important;
  box-shadow:0 3px 9px rgba(55,105,76,.055),inset 0 1px 0 rgba(255,255,255,.94)!important;
}
#productsSide[data-view="grid"] #productGrid .grid-cart-btn:not(:disabled)::before{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,0) 62%)!important;
  pointer-events:none!important;
}
#productsSide[data-view="grid"] #productGrid .grid-cart-btn svg{
  position:relative!important;
  z-index:1!important;
  width:21px!important;
  height:21px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.75!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}
#productsSide[data-view="grid"] #productGrid .grid-cart-btn svg circle{
  fill:currentColor!important;
  stroke:none!important;
}
#productsSide[data-view="grid"] #productGrid .grid-cart-btn svg .cart-plus{
  stroke-width:2!important;
}
#productsSide[data-view="grid"] #productGrid .grid-cart-btn svg .cart-unavailable{
  stroke-width:2.15!important;
}
html:not([data-theme="dark"]) #productsSide[data-view="grid"] #productGrid .grid-cart-btn:not(:disabled):hover,
html:not([data-theme="dark"]) #productsSide[data-view="grid"] #productGrid .grid-cart-btn:not(:disabled):focus-visible{
  transform:translateY(-1px)!important;
  filter:none!important;
  border-color:#c3dbcb!important;
  background:linear-gradient(145deg,#f1f8f3 0%,#e7f2eb 100%)!important;
  color:#417b59!important;
  box-shadow:0 5px 13px rgba(55,105,76,.09),inset 0 1px 0 rgba(255,255,255,.96)!important;
  outline:0!important;
}
#productsSide[data-view="grid"] #productGrid .grid-cart-btn:not(:disabled):active{
  transform:translateY(0) scale(.98)!important;
}
html:not([data-theme="dark"]) #productsSide[data-view="grid"] #productGrid .grid-cart-btn:disabled{
  border-color:#e0e5eb!important;
  background:linear-gradient(145deg,#f5f6f8 0%,#eceff3 100%)!important;
  color:#a6afbb!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;
  cursor:not-allowed!important;
}
#productsSide[data-view="grid"] #productGrid .product-card.is-out{
  border-color:color-mix(in srgb,#df5f6d 18%,var(--line))!important;
}
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-rating .product-stock-inline.is-available{
  border-color:rgba(74,222,128,.18)!important;
  background:rgba(34,197,94,.09)!important;
  color:#72d79a!important;
}
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-rating .product-stock-inline.is-empty{
  border-color:rgba(251,113,133,.19)!important;
  background:rgba(244,63,94,.09)!important;
  color:#f09aaa!important;
}
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .grid-cart-btn:not(:disabled){
  border-color:rgba(111,181,145,.24)!important;
  background:linear-gradient(145deg,rgba(72,126,96,.19) 0%,rgba(45,88,67,.15) 100%)!important;
  color:#98c7aa!important;
  box-shadow:0 3px 10px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .grid-cart-btn:not(:disabled)::before{
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,0) 64%)!important;
}
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .grid-cart-btn:not(:disabled):hover,
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .grid-cart-btn:not(:disabled):focus-visible{
  transform:translateY(-1px)!important;
  filter:none!important;
  border-color:rgba(124,201,160,.35)!important;
  background:linear-gradient(145deg,rgba(75,137,101,.27) 0%,rgba(48,98,72,.22) 100%)!important;
  color:#b3d8bf!important;
  box-shadow:0 5px 14px rgba(0,0,0,.17),0 0 0 1px rgba(90,161,122,.035),inset 0 1px 0 rgba(255,255,255,.055)!important;
  outline:0!important;
}
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .grid-cart-btn:disabled{
  border-color:rgba(211,101,121,.22)!important;
  background:linear-gradient(145deg,rgba(111,43,57,.25) 0%,rgba(83,31,44,.22) 100%)!important;
  color:#c98996!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
  cursor:not-allowed!important;
}
@media(max-width:700px){
  #productsSide[data-view="grid"] #productGrid .product-main{
    padding-bottom:10px!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-price-action-row{
    gap:7px!important;
    margin-top:8px!important;
    padding-top:9px!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-price-action-row .product-price-row{
    min-height:36px!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-price-action-row .product-price-row strong{
    font-size:15px!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-rating .product-stock-inline{
    min-height:22px!important;
    padding:4px 7px!important;
    font-size:9px!important;
  }
  #productsSide[data-view="grid"] #productGrid .grid-cart-btn{
    flex-basis:36px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border-radius:11px!important;
  }
  #productsSide[data-view="grid"] #productGrid .grid-cart-btn svg{
    width:17px!important;
    height:17px!important;
  }
}

/* END assets/css/product-grid-design-v3.css */

/* BEGIN assets/css/product-grid-redesign-v2.css */
#productsSide[data-view="grid"] #productGrid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}

#productsSide[data-view="grid"] #productGrid .product-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  height:100%!important;
  padding:7px!important;
  border:1px solid #e6e9f1!important;
  border-radius:16px!important;
  background:var(--card,#fff)!important;
  box-shadow:0 6px 18px rgba(15,23,42,.045)!important;
  overflow:hidden!important;
  isolation:isolate!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}

#productsSide[data-view="grid"] #productGrid .product-card.is-out{
  border-color:#e6e9f1!important;
  opacity:1!important;
}

#productsSide[data-view="grid"] #productGrid .product-card:hover,
#productsSide[data-view="grid"] #productGrid .product-card:focus-within{
  transform:translateY(-2px)!important;
  border-color:#d9d8f3!important;
  box-shadow:0 13px 30px rgba(15,23,42,.075)!important;
}

#productsSide[data-view="grid"] #productGrid .product-card>.thumb,
#productsSide[data-view="grid"] #productGrid .product-card>.thumb.znl-card-thumb{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  flex:0 0 auto!important;
  aspect-ratio:16/9!important;
  border-radius:11px!important;
  overflow:hidden!important;
  background:#f2f4f8!important;
}

#productsSide[data-view="grid"] #productGrid .product-card>.thumb img,
#productsSide[data-view="grid"] #productGrid .product-card>.thumb .ds-product-thumb-img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
  transition:transform .22s ease!important;
}

#productsSide[data-view="grid"] #productGrid .product-card:hover>.thumb img,
#productsSide[data-view="grid"] #productGrid .product-card:hover>.thumb .ds-product-thumb-img{
  transform:scale(1.012)!important;
}

#productsSide[data-view="grid"] #productGrid .product-card>.thumb em{
  left:7px!important;
  top:7px!important;
  z-index:3!important;
  min-height:20px!important;
  padding:4px 7px!important;
  border:0!important;
  border-radius:7px!important;
  background:#f25574!important;
  color:#fff!important;
  box-shadow:0 4px 11px rgba(242,85,116,.20)!important;
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
}

#productsSide[data-view="grid"] #productGrid .product-wishlist-btn{
  top:7px!important;
  right:7px!important;
  z-index:4!important;
  display:grid!important;
  place-items:center!important;
  width:29px!important;
  height:29px!important;
  min-width:29px!important;
  padding:0!important;
  border:1px solid rgba(226,232,240,.92)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.95)!important;
  color:#667085!important;
  box-shadow:0 4px 12px rgba(15,23,42,.09)!important;
  backdrop-filter:blur(7px)!important;
}
#productsSide[data-view="grid"] #productGrid .product-wishlist-btn span{
  font-size:16px!important;
  line-height:1!important;
}
#productsSide[data-view="grid"] #productGrid .product-wishlist-btn:hover,
#productsSide[data-view="grid"] #productGrid .product-wishlist-btn[aria-pressed="true"]{
  border-color:#ffdbe4!important;
  background:#fff7f9!important;
  color:#ef5577!important;
}

#productsSide[data-view="grid"] #productGrid .product-main,
#productsSide[data-view="grid"] #productGrid .znl-card-body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:0!important;
  padding:10px 4px 5px!important;
}

#productsSide[data-view="grid"] #productGrid .product-main .product-title,
#productsSide[data-view="grid"] #productGrid .znl-card-body .product-title{
  display:-webkit-box!important;
  width:100%!important;
  min-height:38px!important;
  max-height:38px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--text,#172033)!important;
  text-align:left!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:800!important;
  letter-spacing:-.008em!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
#productsSide[data-view="grid"] #productGrid .product-main .product-title:hover,
#productsSide[data-view="grid"] #productGrid .product-main .product-title:focus-visible{
  color:#5146d8!important;
  outline:none!important;
}

#productsSide[data-view="grid"] #productGrid .product-rating{
  display:flex!important;
  flex:0 1 auto!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  min-width:0!important;
  min-height:23px!important;
  margin:7px 0 0!important;
  font-size:10px!important;
}
#productsSide[data-view="grid"] #productGrid .product-rating-score{
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  min-width:0!important;
  color:#8a94a6!important;
  white-space:nowrap!important;
}
#productsSide[data-view="grid"] #productGrid .product-rating .rating-star{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
  color:#f59e0b!important;
}
#productsSide[data-view="grid"] #productGrid .product-rating b{
  color:#f59e0b!important;
  font-size:10px!important;
  font-weight:800!important;
}

#productsSide[data-view="grid"] #productGrid .product-rating .product-stock-inline{
  display:none!important;
}

#productsSide[data-view="grid"] #productGrid .product-price-action-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:9px!important;
  width:100%!important;
  margin-top:auto!important;
  padding-top:11px!important;
  border-top:0!important;
}
#productsSide[data-view="grid"] #productGrid .product-price-action-row .product-price-row{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:2px!important;
  width:100%!important;
  min-width:0!important;
  min-height:35px!important;
  margin:0!important;
  overflow:hidden!important;
}
#productsSide[data-view="grid"] #productGrid .product-price-action-row .product-price-row strong{
  display:block!important;
  max-width:100%!important;
  color:#5146e5!important;
  font-size:17px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#productsSide[data-view="grid"] #productGrid .product-price-action-row .product-price-row del{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  color:#9ca5b4!important;
  font-size:8.5px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

#productsSide[data-view="grid"] #productGrid .grid-cart-btn,
#productsSide[data-view="grid"] #productGrid .grid-cart-btn:not(:disabled),
html:not([data-theme="dark"]) #productsSide[data-view="grid"] #productGrid .grid-cart-btn:not(:disabled){
  position:relative!important;
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:58px!important;
  height:32px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #5b4ceb!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#6556f4 0%,#5145df 100%)!important;
  color:#fff!important;
  box-shadow:0 5px 11px rgba(81,69,223,.16)!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.005em!important;
  text-indent:0!important;
  cursor:pointer!important;
  overflow:hidden!important;
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease!important;
}
#productsSide[data-view="grid"] #productGrid .grid-cart-btn::before,
#productsSide[data-view="grid"] #productGrid .grid-cart-btn::after,
#productsSide[data-view="grid"] #productGrid .grid-cart-btn svg{
  display:none!important;
  content:none!important;
}
html:not([data-theme="dark"]) #productsSide[data-view="grid"] #productGrid .grid-cart-btn:not(:disabled):hover,
html:not([data-theme="dark"]) #productsSide[data-view="grid"] #productGrid .grid-cart-btn:not(:disabled):focus-visible{
  transform:translateY(-1px)!important;
  filter:brightness(.99)!important;
  border-color:#4c3ed4!important;
  background:linear-gradient(135deg,#5f50eb 0%,#493cd2 100%)!important;
  color:#fff!important;
  box-shadow:0 7px 15px rgba(81,69,223,.22)!important;
  outline:none!important;
}
#productsSide[data-view="grid"] #productGrid .grid-cart-btn:not(:disabled):active{
  transform:translateY(0) scale(.985)!important;
}

#productsSide[data-view="grid"] #productGrid .grid-cart-btn:disabled,
html:not([data-theme="dark"]) #productsSide[data-view="grid"] #productGrid .grid-cart-btn:disabled{
  border-color:#e2e6ec!important;
  background:#f3f5f7!important;
  color:#a1a9b5!important;
  box-shadow:none!important;
  cursor:not-allowed!important;
  filter:none!important;
}

html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-card,
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-card.is-out{
  border-color:rgba(148,163,184,.14)!important;
  background:#121c2b!important;
  box-shadow:0 7px 20px rgba(0,0,0,.20)!important;
}
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-card:hover,
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-card:focus-within{
  border-color:rgba(129,140,248,.26)!important;
  box-shadow:0 14px 31px rgba(0,0,0,.27)!important;
}
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-card>.thumb,
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-card>.thumb.znl-card-thumb{
  background:#172235!important;
}
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-main .product-title:hover,
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-main .product-title:focus-visible{
  color:#b7c0ff!important;
}
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-price-action-row .product-price-row strong{
  color:#aeb7ff!important;
}
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-price-action-row .product-price-row del{
  color:#728097!important;
}
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .grid-cart-btn:not(:disabled){
  border-color:rgba(129,140,248,.34)!important;
  background:linear-gradient(135deg,#685cf0 0%,#5145d7 100%)!important;
  color:#fff!important;
  box-shadow:0 6px 14px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .grid-cart-btn:not(:disabled):hover,
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .grid-cart-btn:not(:disabled):focus-visible{
  border-color:rgba(165,180,252,.48)!important;
  background:linear-gradient(135deg,#7468f4 0%,#5b4ee0 100%)!important;
  color:#fff!important;
  box-shadow:0 8px 17px rgba(0,0,0,.24)!important;
}
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .grid-cart-btn:disabled{
  border-color:rgba(148,163,184,.13)!important;
  background:rgba(148,163,184,.075)!important;
  color:#707d91!important;
  box-shadow:none!important;
}
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-wishlist-btn{
  border-color:rgba(148,163,184,.18)!important;
  background:rgba(20,30,45,.90)!important;
  color:#a5b0c2!important;
}
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-wishlist-btn:hover,
html[data-theme="dark"] #productsSide[data-view="grid"] #productGrid .product-wishlist-btn[aria-pressed="true"]{
  border-color:rgba(251,113,133,.26)!important;
  background:rgba(244,63,94,.10)!important;
  color:#f6a4b6!important;
}

@media(max-width:1260px){
  #productsSide[data-view="grid"] #productGrid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:13px!important;
  }
}
@media(max-width:1000px){
  #productsSide[data-view="grid"] #productGrid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  #productsSide[data-view="grid"] #productGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-card{
    padding:5px!important;
    border-radius:13px!important;
    box-shadow:0 4px 13px rgba(15,23,42,.045)!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-card>.thumb,
  #productsSide[data-view="grid"] #productGrid .product-card>.thumb.znl-card-thumb{
    aspect-ratio:16/10!important;
    border-radius:9px!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-wishlist-btn{
    top:5px!important;
    right:5px!important;
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-main,
  #productsSide[data-view="grid"] #productGrid .znl-card-body{
    padding:8px 2px 4px!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-main .product-title,
  #productsSide[data-view="grid"] #productGrid .znl-card-body .product-title{
    min-height:33px!important;
    max-height:33px!important;
    font-size:11.2px!important;
    line-height:1.45!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-rating{
    gap:0!important;
    min-height:19px!important;
    margin:5px 0 0!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-rating-score,
  #productsSide[data-view="grid"] #productGrid .product-rating b{
    font-size:8.2px!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-rating .rating-star{
    width:12px!important;
    height:12px!important;
    flex-basis:12px!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-price-action-row{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:5px!important;
    padding-top:8px!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-price-action-row .product-price-row{
    min-height:29px!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-price-action-row .product-price-row strong{
    font-size:12.3px!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-price-action-row .product-price-row del{
    font-size:7px!important;
  }
  #productsSide[data-view="grid"] #productGrid .grid-cart-btn,
  #productsSide[data-view="grid"] #productGrid .grid-cart-btn:not(:disabled),
  html:not([data-theme="dark"]) #productsSide[data-view="grid"] #productGrid .grid-cart-btn:not(:disabled){
    min-width:44px!important;
    height:28px!important;
    padding:0 8px!important;
    border-radius:8px!important;
    font-size:9px!important;
    box-shadow:0 4px 9px rgba(81,69,223,.13)!important;
  }
}
@media(max-width:380px){
  #productsSide[data-view="grid"] #productGrid{
    gap:8px!important;
  }
  #productsSide[data-view="grid"] #productGrid .product-price-action-row .product-price-row strong{
    font-size:11.5px!important;
  }
  #productsSide[data-view="grid"] #productGrid .grid-cart-btn,
  #productsSide[data-view="grid"] #productGrid .grid-cart-btn:not(:disabled){
    min-width:41px!important;
    padding-inline:7px!important;
    font-size:8.6px!important;
  }
}

/* END assets/css/product-grid-redesign-v2.css */

/* BEGIN assets/css/storefront-premium-v3.css */
/* Storefront Premium v3 - final visual override, mobile-first safe */
:root{
  --premium-accent:#4f46e5;--premium-accent-2:#0ea5e9;--premium-teal:#14b8a6;
  --premium-shadow:0 20px 55px rgba(15,23,42,.09);--premium-shadow-hover:0 28px 70px rgba(15,23,42,.14)
}
body{background:
  radial-gradient(circle at 8% 0%,rgba(99,102,241,.07),transparent 24rem),
  radial-gradient(circle at 95% 12%,rgba(14,165,233,.055),transparent 22rem),var(--bg)}
.ds-shell{max-width:1280px}
.ds-header{background:color-mix(in srgb,var(--card) 82%,transparent)!important;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent)!important;box-shadow:0 8px 30px rgba(15,23,42,.035);backdrop-filter:saturate(145%) blur(22px)}
.brand-mark{border-radius:14px!important;background:linear-gradient(135deg,var(--premium-accent),var(--premium-accent-2))!important;box-shadow:0 9px 24px rgba(79,70,229,.24)}
.searchbar{border:1px solid color-mix(in srgb,var(--line) 82%,transparent);background:color-mix(in srgb,var(--soft) 78%,var(--card))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55);transition:.2s ease}
.searchbar:focus-within{border-color:color-mix(in srgb,var(--premium-accent) 45%,var(--line));box-shadow:0 0 0 4px rgba(79,70,229,.07)}
.head-actions a,.head-actions button{transition:transform .18s ease,color .18s ease}.head-actions a:hover,.head-actions button:hover{color:var(--premium-accent);transform:translateY(-1px)}
.main-wrap{padding-top:26px}
.hero-card{min-height:372px;height:auto!important;border-radius:30px!important;padding:38px!important;background:
  radial-gradient(circle at 78% 18%,rgba(255,255,255,.15),transparent 24%),
  radial-gradient(circle at 90% 88%,rgba(34,211,238,.22),transparent 24%),
  linear-gradient(118deg,#312e81 0%,#4f46e5 50%,#0f75bd 100%)!important;
  border:1px solid rgba(255,255,255,.14);box-shadow:0 28px 70px rgba(49,46,129,.24)!important}
.hero-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 38%)}
.hero-badge{padding:8px 13px!important;background:rgba(255,255,255,.12)!important;backdrop-filter:blur(8px)}
.hero-copy h1{font-size:clamp(31px,4.4vw,50px)!important;line-height:1.06!important;letter-spacing:-.035em!important;max-width:760px}
.hero-copy p{font-size:15.5px!important;color:rgba(238,242,255,.86)!important;max-width:720px}
.hero-buttons .btn{min-height:47px;border-radius:14px!important;padding:0 20px!important;transition:.2s ease}.hero-buttons .btn:hover{transform:translateY(-2px)}
.hero-buttons .primary{box-shadow:0 15px 30px rgba(15,23,42,.18)}
.hero-benefits{gap:12px!important}.hero-benefits>div{padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.055);backdrop-filter:blur(7px)}
.hero-benefits span{border-radius:11px!important;background:rgba(255,255,255,.11)!important}.hero-benefits small{opacity:.9}
.digital-card{width:205px!important;height:188px!important;border:1px solid rgba(255,255,255,.18);background:linear-gradient(145deg,#38bdf8,#6366f1)!important;box-shadow:0 28px 70px rgba(2,132,199,.30)!important}
.znl-voucher-section,.page-hero,.front-form-card,.front-summary,.front-order-result,.track-card,.seo-product,.seo-content{box-shadow:var(--premium-shadow)!important}
.znl-voucher-section{border-radius:26px!important;padding:20px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--card) 96%,#eef2ff),color-mix(in srgb,var(--card) 97%,#ecfeff))!important}
.znl-voucher-card{border-radius:20px!important;transition:.2s ease}.znl-voucher-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.09)!important}
.znl-product-toolbar{padding:4px 0 2px}.cat-pill{border-radius:999px!important;padding:10px 16px!important;background:color-mix(in srgb,var(--card) 94%,var(--soft))!important;box-shadow:0 6px 18px rgba(15,23,42,.035);transition:.2s ease}.cat-pill:hover{border-color:color-mix(in srgb,var(--premium-accent) 30%,var(--line));color:var(--premium-accent);transform:translateY(-1px)}.cat-pill.active{background:linear-gradient(135deg,var(--premium-accent),#6366f1)!important;color:#fff!important;box-shadow:0 10px 24px rgba(79,70,229,.20)!important}
.znl-flash-banner{border-radius:24px!important;overflow:hidden;box-shadow:0 18px 44px rgba(245,158,11,.11)!important}
.znl-list-head{padding:20px 2px 13px!important}.znl-list-head h2{font-size:clamp(21px,2.4vw,28px)!important;letter-spacing:-.025em}.znl-list-head p{font-size:13px}
.sort-btn,.view-icons button{border-radius:11px!important}.view-icons .active{background:linear-gradient(135deg,var(--premium-accent),#6366f1)!important;box-shadow:0 8px 18px rgba(79,70,229,.18)}
.product-grid{gap:18px!important}.product-card{border-radius:23px!important;border-color:color-mix(in srgb,var(--line) 82%,transparent)!important;box-shadow:0 14px 38px rgba(15,23,42,.06)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}.product-card:hover{transform:translateY(-5px)!important;box-shadow:var(--premium-shadow-hover)!important;border-color:color-mix(in srgb,var(--premium-accent) 24%,var(--line))!important}.product-card>.thumb{border-radius:18px!important;overflow:hidden}.product-card>.thumb img{transition:transform .32s ease}.product-card:hover>.thumb img{transform:scale(1.035)}
.product-title{color:var(--text)!important;font-weight:900!important;letter-spacing:-.012em}.product-title:hover{color:var(--premium-accent)!important}.product-price-row strong{color:var(--premium-accent)!important}.grid-cart-btn,.table-add{background:linear-gradient(135deg,var(--premium-accent),#6366f1)!important;box-shadow:0 10px 22px rgba(79,70,229,.18)!important;transition:.2s ease!important}.grid-cart-btn:hover,.table-add:hover{transform:translateY(-1px);box-shadow:0 14px 26px rgba(79,70,229,.25)!important}
.product-wishlist-btn{backdrop-filter:blur(8px);box-shadow:0 7px 18px rgba(15,23,42,.10)!important}
.product-table-wrap{border-radius:20px!important;box-shadow:0 16px 38px rgba(15,23,42,.055)}
.site-footer{margin-top:64px!important;background:color-mix(in srgb,var(--card) 96%,#eef2ff)!important;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important}.footer-grid{padding-top:8px}.footer-grid h4{font-size:14px}.footer-grid a{transition:.18s ease}.footer-grid a:hover{color:var(--premium-accent);transform:translateX(2px)}
.cart-drawer aside{border-left:1px solid var(--line);box-shadow:-30px 0 80px rgba(15,23,42,.20)!important}.drawer-top{background:linear-gradient(135deg,#312e81,var(--premium-accent),#0e7490)!important}.drawer-foot .btn{background:linear-gradient(135deg,var(--premium-accent),#6366f1)!important;color:#fff!important}
.mobile-menu-panel{box-shadow:28px 0 80px rgba(15,23,42,.20)!important}
/* SEO product/category pages */
.seo-product{border-radius:28px!important;background:linear-gradient(180deg,var(--card),color-mix(in srgb,var(--card) 97%,#eef2ff))!important}.seo-product-media{border-radius:23px!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 70%,transparent)}.seo-product-price strong{color:var(--premium-accent)!important}.seo-add{background:linear-gradient(135deg,var(--premium-accent),#6366f1)!important;box-shadow:0 12px 26px rgba(79,70,229,.20)}.seo-related-card{border-radius:20px!important;transition:.2s ease;box-shadow:0 10px 28px rgba(15,23,42,.045)}.seo-related-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(15,23,42,.09)}
/* checkout visual polish */
.checkout-payment-block{border-radius:22px!important;padding:20px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--card) 98%,#eef2ff),var(--card))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
.payment-method-card{position:relative;display:grid!important;grid-template-columns:auto auto minmax(0,1fr) auto;gap:12px!important;align-items:center!important;min-height:76px;border-radius:17px!important;padding:13px 14px!important;background:var(--card)!important;box-shadow:0 8px 22px rgba(15,23,42,.045);transition:.2s ease!important}.payment-method-card.is-available:hover{transform:translateY(-2px)!important;box-shadow:0 15px 30px rgba(15,23,42,.08)!important}.payment-method-card:has(input:checked){border-color:color-mix(in srgb,var(--premium-accent) 72%,var(--line))!important;box-shadow:0 0 0 3px rgba(79,70,229,.08),0 15px 30px rgba(79,70,229,.08)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--card) 94%,#eef2ff),var(--card))!important}.payment-method-card input{width:18px!important;height:18px!important;accent-color:var(--premium-accent)!important}.payment-method-brand{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;font-size:20px;font-weight:950;background:#eef2ff;color:#4f46e5}.method-binance_pay .payment-method-brand{background:#fff8db;color:#b77900}.method-crypto .payment-method-brand{background:#ecfeff;color:#0e7490}.payment-method-main b{font-size:14.5px!important}.payment-method-main small{font-size:12px!important}.payment-method-badge{font-size:10px!important;padding:6px 9px!important;letter-spacing:.03em}.front-submit{min-height:52px!important;border-radius:16px!important;background:linear-gradient(135deg,var(--premium-accent),#6366f1)!important;box-shadow:0 14px 28px rgba(79,70,229,.20);transition:.2s ease}.front-submit:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(79,70,229,.26)}
html[data-theme=dark] body{background:radial-gradient(circle at 8% 0%,rgba(99,102,241,.12),transparent 24rem),radial-gradient(circle at 95% 12%,rgba(14,165,233,.07),transparent 22rem),var(--bg)!important}html[data-theme=dark] .ds-header{background:rgba(19,29,47,.84)!important}html[data-theme=dark] .searchbar{box-shadow:none}html[data-theme=dark] .znl-voucher-section,html[data-theme=dark] .seo-product{background:linear-gradient(150deg,#202b40,#1a263a)!important}html[data-theme=dark] .payment-method-card{background:#172033!important}html[data-theme=dark] .payment-method-card:has(input:checked){background:linear-gradient(135deg,rgba(79,70,229,.13),#172033)!important}html[data-theme=dark] .payment-method-brand{background:rgba(99,102,241,.14);color:#c7d2fe}html[data-theme=dark] .method-binance_pay .payment-method-brand{background:rgba(245,158,11,.13);color:#fde68a}html[data-theme=dark] .method-crypto .payment-method-brand{background:rgba(20,184,166,.13);color:#99f6e4}
@media(max-width:980px){.hero-card{grid-template-columns:minmax(0,1fr) 260px!important;padding:30px!important}.hero-benefits{grid-template-columns:repeat(2,1fr)!important}.digital-card{width:170px!important;height:160px!important}}
@media(max-width:760px){.ds-shell{padding-left:13px!important;padding-right:13px!important}.main-wrap{padding-top:14px!important}.hero-card{grid-template-columns:1fr!important;min-height:auto!important;padding:23px 18px!important;border-radius:24px!important}.hero-art{display:none!important}.hero-copy h1{font-size:31px!important}.hero-copy p{font-size:14px!important}.hero-buttons{margin-bottom:21px!important}.hero-buttons .btn{flex:1;padding:0 12px!important}.hero-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding-top:16px!important}.hero-benefits>div{grid-template-columns:30px 1fr!important;column-gap:8px!important;padding:8px!important}.hero-benefits span{width:30px!important;height:30px!important}.hero-benefits b{font-size:11.5px!important}.hero-benefits small{font-size:10.5px!important}.znl-voucher-section{border-radius:20px!important;padding:14px!important}.product-grid{gap:11px!important}.product-card{border-radius:18px!important}.site-footer{margin-top:44px!important}.payment-method-card{grid-template-columns:auto auto minmax(0,1fr)!important;gap:10px!important;min-height:74px}.payment-method-badge{grid-column:3;margin-left:0!important;justify-self:start}.payment-method-brand{width:39px;height:39px;border-radius:12px}.checkout-payment-block{padding:14px!important;border-radius:19px!important}}
@media(max-width:390px){.hero-copy h1{font-size:28px!important}.hero-benefits{grid-template-columns:1fr 1fr!important}.hero-buttons{gap:8px!important}.hero-buttons .btn{font-size:12px!important}.payment-method-card{padding:12px!important}}

/* END assets/css/storefront-premium-v3.css */

/* BEGIN assets/css/ui-locale-v11.7.css */
.ds-lang-switch{display:inline-flex;align-items:center;min-width:70px;height:40px;margin:0 2px}.ds-lang-select{width:100%;height:38px;border:1px solid rgba(148,163,184,.35);border-radius:12px;background:var(--surface,#fff);color:inherit;padding:0 8px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;outline:none}.ds-lang-select:focus{box-shadow:0 0 0 3px rgba(59,130,246,.14)}html[dir="rtl"] body{text-align:right}html[dir="rtl"] .head-actions,html[dir="rtl"] .header-inner{direction:rtl}@media(max-width:760px){.ds-lang-switch{min-width:62px;height:36px}.ds-lang-select{height:34px;padding:0 5px;font-size:11px}}

/* END assets/css/ui-locale-v11.7.css */

/* BEGIN assets/css/storefront-chrome-v13.6.css */
/* Digital Store v13.6 — Structural Storefront Chrome
   A real header/footer redesign, not a size-only override. */
:root{
  --chrome-accent:#5b5cf0;
  --chrome-accent-2:#7c3aed;
  --chrome-cyan:#0891b2;
  --chrome-ink:#111827;
  --chrome-shadow:0 16px 44px rgba(15,23,42,.10);
}
.ds-icon{width:1em;height:1em;display:block;pointer-events:none}

/* ======================== APP HEADER ======================== */
.ds-header-v136{
  position:sticky!important;top:0!important;z-index:90!important;
  padding:10px 0 7px!important;
  border:0!important;background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 94%,transparent),color-mix(in srgb,var(--bg) 76%,transparent),transparent)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;
}
.ds-header-v136:after{display:none!important}
.ds-header-v136 .ds-header-shell{padding-left:14px!important;padding-right:14px!important}
.ds-header-v136 .ds-header-bar{
  position:relative;display:grid!important;grid-template-columns:minmax(190px,235px) minmax(280px,1fr) auto!important;
  align-items:center!important;gap:14px!important;min-height:66px!important;padding:8px 10px 8px 12px!important;
  border:1px solid color-mix(in srgb,var(--line) 78%,transparent)!important;border-radius:22px!important;
  background:color-mix(in srgb,var(--card) 94%,transparent)!important;
  -webkit-backdrop-filter:saturate(165%) blur(22px)!important;backdrop-filter:saturate(165%) blur(22px)!important;
  box-shadow:var(--chrome-shadow)!important;
}
.ds-header-v136 .ds-header-bar:before{
  content:"";position:absolute;left:24px;right:24px;top:0;height:2px;border-radius:0 0 99px 99px;
  background:linear-gradient(90deg,transparent,rgba(91,92,240,.72),rgba(8,145,178,.54),transparent);opacity:.68;pointer-events:none
}
.ds-brand-v136{gap:11px!important;min-width:0!important;overflow:hidden!important}
.ds-brand-v136 .brand-mark{
  width:44px!important;height:44px!important;min-width:44px!important;border-radius:15px!important;
  display:grid!important;place-items:center!important;overflow:hidden!important;
  background:linear-gradient(145deg,#6366f1,#4f46e5)!important;color:#fff!important;
  border:1px solid rgba(255,255,255,.58)!important;box-shadow:0 10px 25px rgba(79,70,229,.20)!important
}
.ds-brand-v136 .brand-mark.has-logo{padding:3px!important;background:linear-gradient(145deg,#fff,#eef2ff)!important;border-color:rgba(99,102,241,.16)!important}
.ds-brand-v136 .brand-logo-img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:11px!important;background:#fff!important}
.ds-brand-v136>span:last-child{min-width:0!important}
.ds-brand-v136 b{display:block!important;font-size:16px!important;line-height:1.15!important;font-weight:900!important;letter-spacing:-.025em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--text)!important}
.ds-brand-v136 small{display:block!important;margin-top:3px!important;max-width:175px!important;color:var(--muted)!important;font-size:10.5px!important;line-height:1.18!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.ds-header-v136 .ds-header-search{
  display:flex!important;align-items:center!important;height:46px!important;padding:0 8px 0 13px!important;gap:10px!important;
  border:1px solid color-mix(in srgb,var(--line) 78%,transparent)!important;border-radius:15px!important;
  background:color-mix(in srgb,var(--soft) 68%,var(--card))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)!important
}
.ds-header-v136 .ds-search-icon{display:grid;place-items:center;color:#7c86a0!important;font-size:19px!important}
.ds-header-v136 .ds-header-search input{min-width:0!important;height:100%!important;font-size:13px!important;font-weight:620!important;background:transparent!important}
.ds-header-v136 .ds-header-search button{height:34px!important;min-width:58px!important;padding:0 12px!important;border:0!important;border-radius:10px!important;background:#fff!important;color:#4f46e5!important;font-size:11px!important;font-weight:850!important;box-shadow:0 4px 14px rgba(15,23,42,.06)!important}
html[data-theme=dark] .ds-header-v136 .ds-header-search button{background:#172033!important;color:#c7d2fe!important}
.ds-header-v136 .ds-header-desktop-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;min-width:0!important}
.ds-header-v136 .ds-nav-btn{
  position:relative!important;min-width:48px!important;height:48px!important;padding:5px 7px!important;margin:0!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;
  border:1px solid transparent!important;border-radius:14px!important;background:transparent!important;color:#6f7b91!important;
  text-decoration:none!important;transition:.18s ease!important;cursor:pointer!important
}
.ds-header-v136 .ds-nav-btn:hover{background:color-mix(in srgb,var(--soft) 74%,var(--card))!important;border-color:color-mix(in srgb,var(--line) 72%,transparent)!important;color:var(--chrome-accent)!important;transform:translateY(-1px)!important}
.ds-header-v136 .ds-nav-btn>span{display:grid!important;place-items:center!important;font-size:19px!important;line-height:1!important}
.ds-header-v136 .ds-nav-btn small{font-size:8.5px!important;line-height:1!important;font-weight:800!important;letter-spacing:-.01em!important}
.ds-header-v136 .ds-nav-btn i{position:absolute!important;top:2px!important;right:2px!important;min-width:17px!important;height:17px!important;padding:0 4px!important;display:grid!important;place-items:center!important;border:2px solid var(--card)!important;border-radius:999px!important;background:#ec4899!important;color:#fff!important;font-size:8px!important;font-style:normal!important;font-weight:900!important;line-height:1!important;box-shadow:0 4px 10px rgba(236,72,153,.22)!important}
.ds-header-v136 .moon{width:44px!important;min-width:44px!important;height:44px!important;border-color:color-mix(in srgb,var(--line) 74%,transparent)!important;background:color-mix(in srgb,var(--soft) 68%,var(--card))!important}
.ds-header-v136 .ds-language-host{display:flex!important;align-items:center!important;margin-left:2px!important}
.ds-header-v136 .ds-lang-switch{width:66px!important;min-width:66px!important;height:42px!important;margin:0!important}
.ds-header-v136 .ds-lang-select{width:66px!important;height:42px!important;padding:0 7px!important;border:1px solid color-mix(in srgb,var(--line) 78%,transparent)!important;border-radius:13px!important;background:color-mix(in srgb,var(--soft) 52%,var(--card))!important;color:var(--text)!important;font-size:10.5px!important;font-weight:850!important;box-shadow:none!important}
.ds-header-v136 .ds-header-mobile-actions{display:none!important}
.ds-header-v136 .category-popover{top:56px!important;border-radius:18px!important;border-color:color-mix(in srgb,var(--line) 76%,transparent)!important;box-shadow:0 22px 50px rgba(15,23,42,.14)!important;padding:9px!important;background:color-mix(in srgb,var(--card) 98%,transparent)!important}
.ds-header-v136 .category-popover .cat-menu-item{display:flex!important;align-items:center!important;gap:10px!important;min-height:42px!important;padding:9px 10px!important;border-radius:11px!important}
.ds-header-v136 .category-popover .cat-menu-item>span{width:26px!important;height:26px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:var(--soft)!important;color:var(--chrome-accent)!important}
.ds-header-v136 .category-popover .cat-menu-item .ds-icon{width:15px;height:15px}
.ds-header-v136 .category-popover .cat-menu-item b{font-size:12px!important}

/* ======================== MOBILE DRAWER ======================== */
.mobile-menu-v136{z-index:160!important}
.mobile-menu-v136 .mobile-menu-backdrop{background:rgba(10,15,28,.58)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}
.mobile-menu-v136 .mobile-menu-panel{
  width:min(90vw,390px)!important;max-width:390px!important;height:100dvh!important;padding:0!important;
  border-radius:28px 0 0 28px!important;border-left:1px solid rgba(148,163,184,.16)!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--card) 98%,#eef2ff),var(--card) 34%,var(--card))!important;
  box-shadow:-24px 0 70px rgba(15,23,42,.20)!important;overflow:auto!important
}
.mobile-menu-v136 .mobile-menu-head{position:sticky!important;top:0!important;z-index:2!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:18px 18px 13px!important;background:color-mix(in srgb,var(--card) 92%,transparent)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border-bottom:1px solid color-mix(in srgb,var(--line) 66%,transparent)!important}
.mobile-menu-v136 .mobile-menu-head .brand{min-width:0!important;gap:10px!important}
.mobile-menu-v136 .mobile-menu-head .brand-mark{width:42px!important;height:42px!important;min-width:42px!important;border-radius:14px!important;overflow:hidden!important}
.mobile-menu-v136 .mobile-menu-head .brand-logo-img{width:100%!important;height:100%!important;object-fit:contain!important;background:#fff!important}
.mobile-menu-v136 .mobile-menu-head .brand b{font-size:15px!important;font-weight:900!important}
.mobile-menu-v136 .mobile-menu-head .brand small{font-size:10px!important;color:var(--muted)!important}
.mobile-menu-v136 .mobile-menu-close{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border:1px solid color-mix(in srgb,var(--line) 75%,transparent)!important;border-radius:13px!important;background:var(--soft)!important;color:var(--text)!important;font-size:20px!important}
.mobile-menu-v136 .mobile-menu-close .ds-icon{width:20px;height:20px}
.mobile-menu-v136 .mobile-menu-search{margin:15px 16px 12px!important;height:48px!important;display:grid!important;grid-template-columns:22px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;padding:0 7px 0 13px!important;border:1px solid color-mix(in srgb,var(--line) 78%,transparent)!important;border-radius:15px!important;background:color-mix(in srgb,var(--soft) 66%,var(--card))!important;box-shadow:none!important}
.mobile-menu-v136 .mobile-menu-search>span{color:#7b879c!important;font-size:18px!important}.mobile-menu-v136 .mobile-menu-search .ds-icon{width:18px;height:18px}
.mobile-menu-v136 .mobile-menu-search input{min-width:0!important;border:0!important;outline:0!important;background:transparent!important;color:var(--text)!important;font-size:12.5px!important}
.mobile-menu-v136 .mobile-menu-search button{height:34px!important;padding:0 12px!important;border:0!important;border-radius:10px!important;background:linear-gradient(135deg,#5b5cf0,#6d4aff)!important;color:#fff!important;font-size:11px!important;font-weight:850!important}
.mobile-menu-v136 .mobile-menu-quick{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:0 16px 15px!important}
.mobile-menu-v136 .mobile-menu-quick a{min-height:72px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;padding:12px!important;border:1px solid color-mix(in srgb,var(--line) 70%,transparent)!important;border-radius:16px!important;background:color-mix(in srgb,var(--card) 98%,var(--soft))!important;color:var(--text)!important;text-decoration:none!important;box-shadow:0 7px 20px rgba(15,23,42,.035)!important}
.mobile-menu-v136 .mobile-menu-quick a>span{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:linear-gradient(145deg,rgba(91,92,240,.12),rgba(8,145,178,.08))!important;color:var(--chrome-accent)!important}
.mobile-menu-v136 .mobile-menu-quick a .ds-icon{width:17px;height:17px}.mobile-menu-v136 .mobile-menu-quick b{font-size:12px!important;line-height:1.2!important}
.mobile-menu-v136 .mobile-menu-section{padding:15px 16px!important;margin:0!important;border-top:1px solid color-mix(in srgb,var(--line) 65%,transparent)!important}
.mobile-menu-v136 .mobile-menu-section-title{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:10px!important}.mobile-menu-v136 .mobile-menu-section-title>b{font-size:12px!important;font-weight:900!important;color:var(--text)!important}.mobile-menu-v136 .mobile-menu-section-title>span{min-width:24px!important;height:22px!important;padding:0 7px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:rgba(91,92,240,.10)!important;color:#5b5cf0!important;font-size:10px!important;font-weight:900!important}
.mobile-menu-v136 .mobile-menu-category-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;max-height:245px!important;overflow:auto!important;padding-right:2px!important}
.mobile-menu-v136 .mobile-menu-category-grid .cat-menu-item{min-height:42px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:8px 9px!important;border:1px solid color-mix(in srgb,var(--line) 68%,transparent)!important;border-radius:12px!important;background:var(--card)!important;color:var(--muted)!important;text-decoration:none!important}
.mobile-menu-v136 .mobile-menu-category-grid .cat-menu-item.active{border-color:rgba(91,92,240,.25)!important;background:rgba(91,92,240,.075)!important;color:#4f46e5!important}
.mobile-menu-v136 .mobile-menu-category-grid .cat-menu-item>span{width:27px!important;height:27px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:var(--soft)!important;font-size:13px!important}.mobile-menu-v136 .mobile-menu-category-grid .cat-menu-item .ds-icon{width:14px;height:14px}.mobile-menu-v136 .mobile-menu-category-grid .cat-menu-item b{min-width:0!important;font-size:10.8px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.mobile-menu-v136 .mobile-menu-tools{display:grid!important;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)!important;gap:9px!important;padding:14px 16px!important;border-top:1px solid color-mix(in srgb,var(--line) 65%,transparent)!important}
.mobile-menu-v136 .mobile-menu-tools>button,.mobile-menu-v136 .mobile-menu-language{min-height:46px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:7px 10px!important;border:1px solid color-mix(in srgb,var(--line) 70%,transparent)!important;border-radius:13px!important;background:var(--card)!important;color:var(--text)!important}
.mobile-menu-v136 .mobile-menu-tools>button{cursor:pointer!important}.mobile-menu-v136 .mobile-menu-tools>button>span,.mobile-menu-v136 .mobile-menu-language-icon{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:var(--soft)!important;color:var(--chrome-accent)!important}.mobile-menu-v136 .mobile-menu-tools .ds-icon{width:15px;height:15px}.mobile-menu-v136 .mobile-menu-tools b{font-size:11px!important}
.mobile-menu-v136 .mobile-menu-language{padding-right:6px!important}.mobile-menu-v136 .ds-language-host-mobile{margin-left:auto!important;min-width:66px!important}.mobile-menu-v136 .ds-lang-switch{width:66px!important;height:32px!important;min-width:66px!important;margin:0!important}.mobile-menu-v136 .ds-lang-select{width:66px!important;height:32px!important;padding:0 5px!important;border:0!important;border-radius:9px!important;background:var(--soft)!important;color:var(--text)!important;font-size:10px!important;font-weight:850!important}
.mobile-menu-v136 .mobile-menu-foot{margin:0 16px 20px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:11px 12px!important;border:1px solid rgba(16,185,129,.15)!important;border-radius:14px!important;background:rgba(16,185,129,.065)!important;color:#047857!important}.mobile-menu-v136 .mobile-menu-foot>span{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:rgba(16,185,129,.10)!important}.mobile-menu-v136 .mobile-menu-foot .ds-icon{width:17px;height:17px}.mobile-menu-v136 .mobile-menu-foot b{display:block!important;font-size:11px!important}.mobile-menu-v136 .mobile-menu-foot small{display:block!important;margin-top:2px!important;color:color-mix(in srgb,#047857 70%,var(--muted))!important;font-size:9.5px!important;line-height:1.25!important}

/* ======================== FULL-WIDTH PREMIUM FOOTER ======================== */
.znl-footer-v136{
  position:relative!important;overflow:hidden!important;margin:58px 0 0!important;padding:0!important;
  border:0!important;border-radius:34px 34px 0 0!important;
  background:linear-gradient(145deg,#0d1224 0%,#111831 48%,#101a32 100%)!important;color:#e5e7eb!important;
  box-shadow:0 -18px 50px rgba(15,23,42,.07)!important
}
.znl-footer-v136 .ds-footer-glow{position:absolute!important;inset:0!important;pointer-events:none!important;background:radial-gradient(circle at 12% -10%,rgba(99,102,241,.22),transparent 30%),radial-gradient(circle at 96% 20%,rgba(8,145,178,.16),transparent 29%)!important}
.znl-footer-v136 .ds-shell{position:relative!important;z-index:1!important}
.znl-footer-v136 .znl-footer-panel{padding:34px 8px 17px!important}
.znl-footer-v136 .znl-footer-brandbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;padding:0 0 27px!important;border-bottom:1px solid rgba(148,163,184,.13)!important}
.znl-footer-v136 .znl-footer-brand-main{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;min-width:0!important;max-width:620px!important}
.znl-footer-v136 .znl-footer-mark{width:54px!important;height:54px!important;min-width:54px!important;display:grid!important;place-items:center!important;border-radius:17px!important;overflow:hidden!important;background:linear-gradient(145deg,#696af4,#4f46e5)!important;color:#fff!important;font-size:15px!important;font-weight:950!important;box-shadow:0 12px 30px rgba(79,70,229,.30)!important;border:1px solid rgba(255,255,255,.14)!important}
.znl-footer-v136 .znl-footer-mark.has-logo{padding:3px!important;background:#fff!important}.znl-footer-v136 .znl-footer-mark img{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;border-radius:13px!important;background:#fff!important}
.znl-footer-v136 h3{margin:0!important;color:#f8fafc!important;font-size:14px!important;font-weight:900!important;letter-spacing:-.015em!important}.znl-footer-v136 .znl-footer-brand-main h3{font-size:19px!important}.znl-footer-v136 .znl-footer-brand-main p{margin:5px 0 0!important;max-width:520px!important;color:#9aa7bd!important;font-size:12.5px!important;line-height:1.55!important}
.znl-footer-v136 .znl-footer-trust{flex:0 0 auto!important;display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;padding:10px 13px!important;border:1px solid rgba(129,140,248,.16)!important;border-radius:15px!important;background:rgba(255,255,255,.045)!important}.znl-footer-v136 .znl-footer-trust>span{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:rgba(99,102,241,.14)!important;color:#a5b4fc!important}.znl-footer-v136 .znl-footer-trust .ds-icon{width:20px;height:20px}.znl-footer-v136 .znl-footer-trust b{display:block!important;color:#f1f5f9!important;font-size:11.5px!important}.znl-footer-v136 .znl-footer-trust small{display:block!important;margin-top:2px!important;color:#8491a8!important;font-size:9.5px!important}
.znl-footer-v136 .znl-footer-grid{display:grid!important;grid-template-columns:minmax(230px,.92fr) minmax(190px,.72fr) minmax(240px,1fr)!important;gap:34px!important;padding:26px 0 25px!important;align-items:start!important}
.znl-footer-v136 .znl-footer-grid section{min-width:0!important}.znl-footer-v136 .znl-footer-grid section>h3{margin-bottom:13px!important}.znl-footer-v136 .znl-footer-muted{margin:0!important;color:#7f8da5!important;font-size:11px!important;line-height:1.5!important}
.znl-footer-v136 .znl-footer-social{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important}.znl-footer-v136 .znl-footer-social a{min-height:37px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;padding:5px 10px 5px 6px!important;border:1px solid rgba(148,163,184,.14)!important;border-radius:12px!important;background:rgba(255,255,255,.045)!important;color:#cbd5e1!important;text-decoration:none!important;transition:.18s ease!important}.znl-footer-v136 .znl-footer-social a:hover{border-color:rgba(129,140,248,.28)!important;background:rgba(99,102,241,.12)!important;color:#fff!important;transform:translateY(-1px)!important}.znl-footer-v136 .znl-footer-social a span{width:26px!important;height:26px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:rgba(99,102,241,.13)!important;color:#c7d2fe!important;font-size:11px!important;font-weight:900!important}.znl-footer-v136 .znl-footer-social a b{font-size:10.5px!important;font-weight:800!important}
.znl-footer-v136 .znl-footer-links,.znl-footer-v136 .znl-footer-contact{display:grid!important;gap:8px!important}.znl-footer-v136 .znl-footer-links a,.znl-footer-v136 .znl-footer-contact a,.znl-footer-v136 .znl-footer-contact p{min-height:34px!important;margin:0!important;display:flex!important;align-items:center!important;gap:8px!important;color:#9eabc0!important;text-decoration:none!important;font-size:11px!important;line-height:1.35!important}.znl-footer-v136 .znl-footer-links a:hover,.znl-footer-v136 .znl-footer-contact a:hover{color:#fff!important}.znl-footer-v136 .znl-footer-links span,.znl-footer-v136 .znl-footer-contact span{width:27px!important;height:27px!important;min-width:27px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:rgba(148,163,184,.075)!important;color:#9ba8ff!important}.znl-footer-v136 .znl-footer-links .ds-icon,.znl-footer-v136 .znl-footer-contact .ds-icon{width:14px;height:14px}.znl-footer-v136 .znl-footer-links b,.znl-footer-v136 .znl-footer-contact b{min-width:0!important;font:inherit!important;color:inherit!important;overflow-wrap:anywhere!important}
.znl-footer-v136 .znl-footer-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:16px 0 0!important;border-top:1px solid rgba(148,163,184,.12)!important;color:#738197!important;font-size:10.5px!important}.znl-footer-v136 .znl-footer-platform{display:inline-flex!important;align-items:center!important;gap:7px!important}.znl-footer-v136 .znl-footer-platform i{width:6px!important;height:6px!important;border-radius:999px!important;background:#34d399!important;box-shadow:0 0 0 4px rgba(52,211,153,.08)!important}

html[data-theme=dark] .ds-header-v136 .ds-header-bar{background:rgba(17,24,39,.88)!important;border-color:rgba(148,163,184,.15)!important;box-shadow:0 16px 50px rgba(0,0,0,.22)!important}
html[data-theme=dark] .ds-header-v136{background:linear-gradient(to bottom,rgba(11,17,33,.96),rgba(11,17,33,.74),transparent)!important}
html[data-theme=dark] .mobile-menu-v136 .mobile-menu-panel{background:linear-gradient(180deg,#101827,#111827 40%,#111827)!important}
html[data-theme=dark] .mobile-menu-v136 .mobile-menu-head{background:rgba(17,24,39,.91)!important}

@media(max-width:1120px){
  .ds-header-v136 .ds-header-bar{grid-template-columns:minmax(175px,205px) minmax(220px,1fr) auto!important;gap:9px!important}
  .ds-header-v136 .ds-nav-btn{min-width:43px!important;padding-left:5px!important;padding-right:5px!important}.ds-header-v136 .ds-nav-btn small{display:none!important}.ds-header-v136 .ds-header-desktop-actions{gap:2px!important}
  .ds-header-v136 .ds-lang-switch,.ds-header-v136 .ds-lang-select{width:61px!important;min-width:61px!important}
}

@media(max-width:760px){
  .ds-header-v136{padding:7px 0 5px!important;background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 97%,transparent),color-mix(in srgb,var(--bg) 78%,transparent),transparent)!important}
  .ds-header-v136 .ds-header-shell{padding-left:10px!important;padding-right:10px!important}
  .ds-header-v136 .ds-header-bar{grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;min-height:58px!important;height:58px!important;padding:6px 7px 6px 8px!important;border-radius:18px!important;box-shadow:0 10px 28px rgba(15,23,42,.09)!important}
  .ds-header-v136 .ds-header-bar:before{left:38px!important;right:38px!important;opacity:.5!important}
  .ds-header-v136 .ds-brand-v136{gap:9px!important;padding-right:2px!important}
  .ds-header-v136 .ds-brand-v136 .brand-mark{width:40px!important;height:40px!important;min-width:40px!important;border-radius:13px!important}
  .ds-header-v136 .ds-brand-v136 b{font-size:16px!important;line-height:1.1!important;max-width:165px!important}
  .ds-header-v136 .ds-brand-v136 small{display:none!important}
  .ds-header-v136 .ds-header-search,.ds-header-v136 .ds-header-desktop-actions{display:none!important}
  .ds-header-v136 .ds-header-mobile-actions{display:flex!important;align-items:center!important;gap:6px!important}
  .ds-header-v136 .ds-mobile-cart,.ds-header-v136 .ds-mobile-menu-trigger{position:relative!important;width:42px!important;height:42px!important;min-width:42px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid color-mix(in srgb,var(--line) 75%,transparent)!important;border-radius:13px!important;background:color-mix(in srgb,var(--soft) 70%,var(--card))!important;color:#536078!important;box-shadow:none!important}
  .ds-header-v136 .ds-mobile-cart .ds-icon,.ds-header-v136 .ds-mobile-menu-trigger .ds-icon{width:20px!important;height:20px!important}
  .ds-header-v136 .ds-mobile-menu-trigger{background:linear-gradient(145deg,#5b5cf0,#4f46e5)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 18px rgba(79,70,229,.22)!important}
  .ds-header-v136 .ds-mobile-cart i{position:absolute!important;right:-3px!important;top:-4px!important;min-width:18px!important;height:18px!important;padding:0 4px!important;display:grid!important;place-items:center!important;border:2px solid var(--card)!important;border-radius:99px!important;background:#ec4899!important;color:#fff!important;font-size:8px!important;font-style:normal!important;font-weight:900!important;line-height:1!important}
  .znl-footer-v136{margin-top:42px!important;border-radius:28px 28px 0 0!important}
  .znl-footer-v136 .ds-shell{padding-left:17px!important;padding-right:17px!important}
  .znl-footer-v136 .znl-footer-panel{padding:27px 0 14px!important}
  .znl-footer-v136 .znl-footer-brandbar{display:block!important;padding-bottom:21px!important}
  .znl-footer-v136 .znl-footer-brand-main{grid-template-columns:48px minmax(0,1fr)!important;gap:12px!important}
  .znl-footer-v136 .znl-footer-mark{width:48px!important;height:48px!important;min-width:48px!important;border-radius:15px!important}
  .znl-footer-v136 .znl-footer-brand-main h3{font-size:17px!important}.znl-footer-v136 .znl-footer-brand-main p{font-size:11.5px!important;line-height:1.45!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}
  .znl-footer-v136 .znl-footer-trust{margin-top:15px!important;grid-template-columns:35px minmax(0,1fr)!important;padding:9px 10px!important}.znl-footer-v136 .znl-footer-trust>span{width:35px!important;height:35px!important}.znl-footer-v136 .znl-footer-trust small{font-size:9px!important}
  .znl-footer-v136 .znl-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 14px!important;padding:21px 0 19px!important}
  .znl-footer-v136 .znl-footer-social-col{grid-column:1/-1!important}.znl-footer-v136 .znl-footer-social{gap:7px!important}.znl-footer-v136 .znl-footer-social a{min-height:34px!important;padding:4px 9px 4px 5px!important}.znl-footer-v136 .znl-footer-social a span{width:25px!important;height:25px!important}
  .znl-footer-v136 .znl-footer-grid section>h3{font-size:12px!important;margin-bottom:10px!important}.znl-footer-v136 .znl-footer-links,.znl-footer-v136 .znl-footer-contact{gap:5px!important}.znl-footer-v136 .znl-footer-links a,.znl-footer-v136 .znl-footer-contact a,.znl-footer-v136 .znl-footer-contact p{min-height:31px!important;font-size:10px!important;gap:6px!important}.znl-footer-v136 .znl-footer-links span,.znl-footer-v136 .znl-footer-contact span{width:25px!important;height:25px!important;min-width:25px!important}
  .znl-footer-v136 .znl-footer-bottom{align-items:flex-start!important;flex-direction:column!important;gap:7px!important;padding-top:13px!important;font-size:9.5px!important}
}
@media(max-width:380px){
  .ds-header-v136 .ds-brand-v136 b{max-width:135px!important;font-size:15px!important}.ds-header-v136 .ds-mobile-cart,.ds-header-v136 .ds-mobile-menu-trigger{width:40px!important;height:40px!important;min-width:40px!important}.ds-header-v136 .ds-header-mobile-actions{gap:5px!important}
  .mobile-menu-v136 .mobile-menu-panel{width:94vw!important}.mobile-menu-v136 .mobile-menu-quick{gap:7px!important}.mobile-menu-v136 .mobile-menu-quick a{min-height:66px!important;padding:9px!important}.mobile-menu-v136 .mobile-menu-category-grid{grid-template-columns:1fr!important;max-height:225px!important}
  .znl-footer-v136 .znl-footer-grid{grid-template-columns:1fr!important}.znl-footer-v136 .znl-footer-social-col{grid-column:auto!important}.znl-footer-v136 .znl-footer-contact-col{padding-top:4px!important;border-top:1px solid rgba(148,163,184,.10)!important}
}
html[dir="rtl"] .ds-header-v136 .ds-header-mobile-actions{direction:ltr!important}
html[dir="rtl"] .mobile-menu-v136 .mobile-menu-panel{right:auto!important;left:0!important;border-radius:0 28px 28px 0!important;border-left:0!important;border-right:1px solid rgba(148,163,184,.16)!important}
html[dir="rtl"] .znl-footer-v136{text-align:right!important}
/* Drawer direction override: v13.6 opens from the action side instead of inheriting the old left drawer. */
.mobile-menu-v136 .mobile-menu-panel{left:auto!important;right:0!important;animation:slideMobileMenuV136 .22s cubic-bezier(.2,.7,.2,1) both!important}
.mobile-menu-v136 .mobile-menu-section{display:block!important}
@keyframes slideMobileMenuV136{from{transform:translateX(100%);opacity:.72}to{transform:translateX(0);opacity:1}}
html[dir="rtl"] .mobile-menu-v136 .mobile-menu-panel{right:auto!important;left:0!important;animation-name:slideMobileMenuV136Rtl!important}
@keyframes slideMobileMenuV136Rtl{from{transform:translateX(-100%);opacity:.72}to{transform:translateX(0);opacity:1}}

/* END assets/css/storefront-chrome-v13.6.css */

/* BEGIN assets/css/storefront-top-bottom-v14.1.css */
/* Digital Store v14.1 — Premium Top & Bottom Full Redesign
   Loaded after v13.6 chrome. Keeps all storefront behavior, changes presentation and homepage hero structure. */
:root{
  --v141-indigo:#5b5cf0;
  --v141-violet:#7c3aed;
  --v141-cyan:#0ea5e9;
  --v141-navy:#0b1430;
  --v141-ink:#111827;
  --v141-soft-shadow:0 18px 52px rgba(35,46,86,.11);
  --v141-deep-shadow:0 30px 80px rgba(7,15,41,.22);
}

/* ============================== HEADER ============================== */
.ds-header-v141{padding:8px 0 7px!important}
.ds-header-v141 .ds-header-bar-v141{
  min-height:70px!important;
  padding:8px 9px 8px 12px!important;
  border-radius:24px!important;
  border:1px solid rgba(105,112,172,.14)!important;
  background:
    linear-gradient(110deg,rgba(255,255,255,.985),rgba(248,249,255,.97) 58%,rgba(241,248,255,.96))!important;
  box-shadow:0 14px 38px rgba(31,42,82,.10),inset 0 1px 0 rgba(255,255,255,.95)!important;
  overflow:visible!important;
}
.ds-header-v141 .ds-header-bar-v141:before{
  left:20px!important;right:20px!important;height:3px!important;
  background:linear-gradient(90deg,transparent,#725cf6 22%,#586cf0 52%,#12a9d9 78%,transparent)!important;
  opacity:.72!important;
}
.ds-header-v141 .ds-header-bar-v141:after{
  content:"";position:absolute;right:80px;top:-28px;width:130px;height:80px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(74,103,255,.10),transparent 67%);filter:blur(3px)
}
.ds-brand-v141{position:relative!important;padding:3px 5px 3px 2px!important}
.ds-brand-v141 .brand-mark{
  width:48px!important;height:48px!important;min-width:48px!important;border-radius:16px!important;
  border:2px solid rgba(255,255,255,.86)!important;
  box-shadow:0 9px 24px rgba(75,77,196,.18),0 0 0 1px rgba(91,92,240,.12)!important
}
.ds-brand-v141>span:not(.brand-mark):not(.ds-brand-live){padding-right:2px!important}
.ds-brand-v141 b{font-size:17px!important;letter-spacing:-.028em!important}
.ds-brand-v141 small{max-width:150px!important;font-size:10px!important}
.ds-brand-live{
  display:none;align-items:center;gap:5px;position:absolute;left:59px;bottom:1px;white-space:nowrap;
  color:#66728a;font-size:9px;font-weight:750;line-height:1
}
.ds-brand-live i{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.10)}
.ds-brand-live b{font:inherit!important;color:#22a65a!important;overflow:visible!important}
.ds-brand-live small{display:inline!important;margin:0!important;font:inherit!important;color:#778196!important;max-width:none!important;overflow:visible!important}
.ds-header-v141 .ds-header-search{
  height:48px!important;border-radius:17px!important;border-color:rgba(108,118,166,.13)!important;
  background:rgba(245,247,253,.92)!important;box-shadow:inset 0 1px 0 #fff!important
}
.ds-header-v141 .ds-header-search:focus-within{border-color:rgba(91,92,240,.30)!important;box-shadow:0 0 0 4px rgba(91,92,240,.07)!important}
.ds-header-v141 .ds-header-search button{
  min-width:62px!important;height:36px!important;border-radius:12px!important;
  background:linear-gradient(135deg,#5b5cf0,#6f4de8)!important;color:#fff!important;
  box-shadow:0 8px 18px rgba(91,92,240,.18)!important
}
.ds-header-v141 .ds-nav-btn{border-radius:15px!important}
.ds-header-v141 .ds-nav-cart{background:linear-gradient(145deg,rgba(91,92,240,.09),rgba(14,165,233,.06))!important}
.ds-header-v141 .ds-mobile-cart,.ds-header-v141 .ds-mobile-menu-trigger{transition:transform .18s ease,box-shadow .18s ease!important}
.ds-header-v141 .ds-mobile-cart:active,.ds-header-v141 .ds-mobile-menu-trigger:active{transform:scale(.96)!important}

html[data-theme="dark"] .ds-header-v141 .ds-header-bar-v141{
  background:linear-gradient(110deg,rgba(18,27,45,.97),rgba(18,26,44,.96) 60%,rgba(15,34,52,.95))!important;
  border-color:rgba(148,163,184,.15)!important;box-shadow:0 18px 46px rgba(0,0,0,.28)!important
}

/* ============================== HERO ============================== */
.hero-card-v141{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  min-height:430px!important;margin-top:18px!important;padding:42px 42px 34px!important;border-radius:34px!important;
  display:grid!important;grid-template-columns:minmax(0,1.42fr) minmax(260px,.58fr)!important;align-items:center!important;gap:32px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:
    radial-gradient(circle at 7% 0%,rgba(154,103,255,.42),transparent 33%),
    radial-gradient(circle at 92% 92%,rgba(21,173,229,.55),transparent 36%),
    linear-gradient(132deg,#332c9f 0%,#5647ea 46%,#1b73da 100%)!important;
  box-shadow:0 28px 64px rgba(62,56,175,.22)!important
}
.hero-card-v141:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,rgba(9,13,51,.25),transparent 55%);pointer-events:none}
.hero-card-v141:after{content:"";position:absolute;inset:1px;border-radius:33px;z-index:5;pointer-events:none;border:1px solid rgba(255,255,255,.07);background:none!important}
.hero-v141-mesh{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.hero-v141-mesh:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.10) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,transparent,black 30%,black 100%)}
.hero-v141-mesh i{position:absolute;border-radius:50%;filter:blur(1px);background:rgba(255,255,255,.12)}
.hero-v141-mesh i:nth-child(1){width:180px;height:180px;right:-70px;top:-70px}
.hero-v141-mesh i:nth-child(2){width:100px;height:100px;right:28%;bottom:-58px;background:rgba(125,211,252,.15)}
.hero-v141-mesh i:nth-child(3){width:58px;height:58px;left:47%;top:25px;background:rgba(216,180,254,.14)}
.hero-card-v141 .hero-copy{position:relative;z-index:2;max-width:790px!important}
.hero-v141-kickers{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.hero-card-v141 .hero-badge{
  margin:0!important;padding:9px 14px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;color:#fff!important;font-size:12px!important;font-weight:850!important;backdrop-filter:blur(10px)!important
}
.hero-v141-live{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 11px;border-radius:999px;background:rgba(7,20,58,.24);border:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.86);font-size:11px;font-weight:800;backdrop-filter:blur(9px)}
.hero-v141-live i{width:7px;height:7px;border-radius:50%;background:#6ee7b7;box-shadow:0 0 0 5px rgba(110,231,183,.10)}
.hero-card-v141 .hero-copy h1{
  margin:0!important;max-width:710px!important;color:#fff!important;font-size:clamp(38px,5.2vw,60px)!important;line-height:1.01!important;
  letter-spacing:-.047em!important;font-weight:950!important;text-wrap:balance
}
.hero-card-v141 .hero-copy>p{margin:20px 0 0!important;max-width:690px!important;color:rgba(241,245,255,.83)!important;font-size:16px!important;line-height:1.68!important;font-weight:530!important}
.hero-card-v141 .hero-buttons{display:flex!important;align-items:center!important;gap:11px!important;margin-top:26px!important}
.hero-card-v141 .hero-buttons .btn{
  min-height:54px!important;padding:0 19px!important;border-radius:16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  font-size:13px!important;font-weight:900!important;text-decoration:none!important;transition:.2s ease!important
}
.hero-card-v141 .hero-buttons .primary{
  min-width:210px!important;background:#fff!important;color:#4d46d8!important;border:1px solid rgba(255,255,255,.8)!important;
  box-shadow:0 16px 30px rgba(17,24,79,.20)!important
}
.hero-card-v141 .hero-buttons .primary i{font-style:normal;font-size:18px;transition:transform .18s ease}
.hero-card-v141 .hero-buttons .primary:hover i{transform:translateX(3px)}
.hero-card-v141 .hero-buttons .secondary{background:rgba(13,20,71,.22)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:none!important;backdrop-filter:blur(10px)!important}
.hero-card-v141 .hero-buttons .secondary .ds-icon{width:17px;height:17px}
.hero-card-v141 .hero-buttons .btn:hover{transform:translateY(-2px)!important}
.hero-v141-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14)}
.hero-v141-proof>div{min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:10px 11px;border-radius:16px;background:rgba(13,21,69,.16);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(8px)}
.hero-v141-proof>div>span{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.11);color:#fff}
.hero-v141-proof .ds-icon{width:19px;height:19px}
.hero-v141-proof b{min-width:0;color:#fff;font-size:11px;line-height:1.2;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-v141-proof small{margin-top:2px;color:rgba(226,232,255,.66);font-size:9.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-art-v141{position:relative!important;display:grid!important;place-items:center!important;min-height:300px!important;z-index:2!important}
.hero-art-v141:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.19),rgba(125,211,252,.07) 48%,transparent 70%);filter:blur(2px)}
.hero-v141-card{position:relative;width:220px;height:270px;padding:25px 23px;border-radius:29px;display:flex;flex-direction:column;justify-content:flex-end;transform:rotate(5deg);background:linear-gradient(155deg,rgba(255,255,255,.26),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.27);box-shadow:0 26px 60px rgba(5,15,66,.23),inset 0 1px 0 rgba(255,255,255,.30);backdrop-filter:blur(18px)}
.hero-v141-card:before{content:"";position:absolute;inset:13px;border-radius:21px;border:1px solid rgba(255,255,255,.10)}
.hero-v141-card-icon{position:absolute;left:24px;top:24px;width:57px;height:57px;display:grid;place-items:center;border-radius:18px;background:#fff;color:#554bdc;font-size:18px;font-weight:950;box-shadow:0 12px 24px rgba(8,19,70,.18)}
.hero-v141-card small{position:relative;color:rgba(255,255,255,.69);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.hero-v141-card b{position:relative;margin-top:7px;color:#fff;font-size:15px;line-height:1.35;letter-spacing:-.02em}
.hero-v141-card i{position:absolute;right:24px;top:28px;width:9px;height:9px;border-radius:50%;background:#6ee7b7;box-shadow:0 0 0 6px rgba(110,231,183,.10)}
.hero-v141-float{position:absolute;display:grid;place-items:center;border:1px solid rgba(255,255,255,.21);background:rgba(255,255,255,.15);color:#fff;backdrop-filter:blur(14px);box-shadow:0 16px 30px rgba(7,17,70,.16)}
.hero-v141-f1{width:54px;height:54px;border-radius:18px;left:8px;top:42px;font-size:23px;transform:rotate(-9deg)}
.hero-v141-f2{width:40px;height:40px;border-radius:14px;right:9px;top:72px;font-size:17px}
.hero-v141-f3{width:48px;height:48px;border-radius:16px;right:1px;bottom:45px;font-size:18px;color:#d1fae5}

/* ============================== FOOTER ============================== */
.znl-footer-v141{
  position:relative!important;margin-top:54px!important;border-radius:38px 38px 0 0!important;overflow:hidden!important;
  background:
    radial-gradient(circle at 7% 0%,rgba(84,78,209,.22),transparent 28%),
    radial-gradient(circle at 100% 15%,rgba(14,165,233,.14),transparent 29%),
    linear-gradient(150deg,#0b132b 0%,#0e1833 48%,#0c1d35 100%)!important;
  color:#fff!important;box-shadow:0 -18px 60px rgba(28,43,85,.08)!important
}
.znl-footer-v141:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
.znl-footer-v141 .ds-footer-glow{display:block!important;position:absolute!important;right:-80px!important;top:-110px!important;width:310px!important;height:310px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(44,145,255,.18),transparent 68%)!important;filter:blur(4px)!important;pointer-events:none!important}
.znl-footer-v141 .znl-footer-panel{position:relative!important;z-index:2!important;padding:38px 0 18px!important}
.footer-v141-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 15px 14px 17px;margin-bottom:26px;border:1px solid rgba(148,163,184,.13);border-radius:20px;background:linear-gradient(110deg,rgba(99,102,241,.16),rgba(14,165,233,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.footer-v141-cta-copy{display:flex;align-items:center;gap:12px;min-width:0}.footer-v141-cta-icon{width:42px;height:42px;min-width:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#635bf0,#4b55d9);color:#fff;box-shadow:0 11px 24px rgba(54,55,175,.22)}.footer-v141-cta-icon .ds-icon{width:20px;height:20px}.footer-v141-cta-copy div{min-width:0}.footer-v141-cta-copy small{display:block;color:#909db5;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.footer-v141-cta-copy b{display:block;margin-top:3px;color:#f7f9ff;font-size:15px;line-height:1.25;font-weight:900;letter-spacing:-.02em}.footer-v141-cta-btn{min-height:42px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;border-radius:13px;background:#fff;color:#403cc3;text-decoration:none;font-size:11px;font-weight:900;box-shadow:0 10px 24px rgba(0,0,0,.14)}.footer-v141-cta-btn .ds-icon{width:16px;height:16px}
.znl-footer-v141 .znl-footer-brandbar{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr)!important;gap:28px!important;align-items:center!important;padding:0 0 28px!important;border-bottom:1px solid rgba(148,163,184,.11)!important}
.znl-footer-v141 .znl-footer-brand-main{display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;gap:15px!important;align-items:center!important}
.znl-footer-v141 .znl-footer-mark{width:62px!important;height:62px!important;min-width:62px!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.18)!important;background:linear-gradient(145deg,#655cf0,#3f5dcc)!important;box-shadow:0 16px 34px rgba(14,23,67,.28)!important}
.znl-footer-v141 .znl-footer-mark.has-logo{padding:4px!important;background:rgba(255,255,255,.96)!important}.znl-footer-v141 .znl-footer-mark img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:15px!important;background:#fff!important}
.znl-footer-v141 .znl-footer-brand-main h3{margin:0!important;color:#fff!important;font-size:23px!important;font-weight:950!important;letter-spacing:-.035em!important}.znl-footer-v141 .znl-footer-brand-main p{margin:6px 0 0!important;max-width:540px!important;color:#98a5bb!important;font-size:12.5px!important;line-height:1.58!important}.footer-v141-status{display:flex;align-items:center;gap:6px;margin-top:9px;color:#7f8da5;font-size:10px;font-weight:750}.footer-v141-status i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 5px rgba(52,211,153,.08)}.footer-v141-status em{font-style:normal;color:#45536d}.footer-v141-status span:first-of-type{color:#7ce3b9}
.znl-footer-v141 .znl-footer-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}.znl-footer-v141 .znl-footer-trust-grid>span{min-width:0;min-height:74px;padding:10px 8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(148,163,184,.09)}.znl-footer-v141 .znl-footer-trust-grid i{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(99,102,241,.14);color:#aeb8ff;font-style:normal}.znl-footer-v141 .znl-footer-trust-grid .ds-icon{width:14px;height:14px}.znl-footer-v141 .znl-footer-trust-grid b{min-width:0;color:#c8d0df;font-size:9.5px;line-height:1.22;font-weight:820}
.znl-footer-v141 .znl-footer-grid{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:28px!important;padding:28px 0 26px!important}
.znl-footer-v141 .znl-footer-grid section>h3{position:relative;margin:0 0 14px!important;padding-bottom:10px!important;color:#f7f9ff!important;font-size:13px!important;font-weight:900!important;letter-spacing:-.01em!important}.znl-footer-v141 .znl-footer-grid section>h3:after{content:"";position:absolute;left:0;bottom:0;width:28px;height:2px;border-radius:99px;background:linear-gradient(90deg,#7465ff,#28b8e9)}
.znl-footer-v141 .znl-footer-links,.znl-footer-v141 .znl-footer-contact{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}.znl-footer-v141 .znl-footer-links a,.znl-footer-v141 .znl-footer-contact a,.znl-footer-v141 .znl-footer-contact p{min-height:38px!important;padding:4px 6px!important;margin:0!important;border-radius:11px!important;display:flex!important;align-items:center!important;gap:9px!important;color:#93a0b6!important;text-decoration:none!important;font-size:11px!important;transition:.18s ease!important}.znl-footer-v141 .znl-footer-links a:hover,.znl-footer-v141 .znl-footer-contact a:hover{background:rgba(255,255,255,.045)!important;color:#fff!important;transform:translateX(2px)}.znl-footer-v141 .znl-footer-links span,.znl-footer-v141 .znl-footer-contact span{width:28px!important;height:28px!important;min-width:28px!important;border-radius:9px!important;background:rgba(121,131,172,.08)!important;color:#99a7ff!important}.znl-footer-v141 .znl-footer-links .ds-icon,.znl-footer-v141 .znl-footer-contact .ds-icon{width:14px;height:14px}
.znl-footer-v141 .znl-footer-bottom{padding:17px 0 2px!important;border-top:1px solid rgba(148,163,184,.10)!important;color:#66758d!important;font-size:10.5px!important}.znl-footer-v141 .znl-footer-platform{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(148,163,184,.08)}

/* ============================== RESPONSIVE ============================== */
@media(max-width:980px){
  .hero-card-v141{grid-template-columns:minmax(0,1.25fr) minmax(210px,.55fr)!important;padding:34px 30px 30px!important}.hero-art-v141{min-height:260px!important}.hero-v141-card{width:185px;height:225px!important}.hero-card-v141 .hero-copy h1{font-size:clamp(35px,5vw,49px)!important}
  .znl-footer-v141 .znl-footer-brandbar{grid-template-columns:1fr!important}.znl-footer-v141 .znl-footer-trust-grid{max-width:520px}
}
@media(max-width:760px){
  .ds-header-v141{padding:8px 0 6px!important}
  .ds-header-v141 .ds-header-shell{padding-left:11px!important;padding-right:11px!important}
  .ds-header-v141 .ds-header-bar-v141{height:64px!important;min-height:64px!important;padding:7px 7px 7px 9px!important;border-radius:21px!important;background:linear-gradient(115deg,#fff 0%,#fafaff 60%,#f1f8ff 100%)!important;box-shadow:0 12px 30px rgba(32,43,82,.10)!important}
  .ds-header-v141 .ds-header-bar-v141:before{left:52px!important;right:62px!important;height:2px!important;opacity:.62!important}
  .ds-header-v141 .ds-header-bar-v141:after{right:38px;top:-30px;width:100px;height:70px}
  .ds-brand-v141{gap:9px!important;overflow:visible!important;padding-bottom:8px!important}
  .ds-brand-v141 .brand-mark{width:45px!important;height:45px!important;min-width:45px!important;border-radius:15px!important}
  .ds-brand-v141>span:not(.brand-mark):not(.ds-brand-live){align-self:flex-start!important;padding-top:4px!important}
  .ds-brand-v141 b{max-width:175px!important;font-size:17px!important;line-height:1.06!important}
  .ds-brand-v141>span:not(.brand-mark):not(.ds-brand-live)>small{display:none!important}
  .ds-brand-live{display:flex;left:54px;bottom:6px}
  .ds-brand-live small{display:inline!important;font-size:8.5px!important}
  .ds-header-v141 .ds-mobile-cart,.ds-header-v141 .ds-mobile-menu-trigger{width:44px!important;height:44px!important;min-width:44px!important;border-radius:15px!important}
  .ds-header-v141 .ds-mobile-cart{background:linear-gradient(145deg,#f7f8fd,#edf2fb)!important;border-color:rgba(96,108,156,.12)!important;color:#526078!important;box-shadow:inset 0 1px 0 #fff!important}
  .ds-header-v141 .ds-mobile-menu-trigger{background:linear-gradient(145deg,#625cf3,#5147df)!important;box-shadow:0 10px 22px rgba(78,70,216,.26)!important}
  html[data-theme="dark"] .ds-header-v141 .ds-header-bar-v141{background:linear-gradient(115deg,#121b2d,#121b2e 64%,#112237)!important}

  .main-wrap{padding-top:5px!important}
  .hero-card-v141{display:block!important;min-height:0!important;margin-top:12px!important;padding:27px 20px 20px!important;border-radius:29px!important;background:radial-gradient(circle at 12% 0%,rgba(158,109,255,.38),transparent 30%),radial-gradient(circle at 97% 100%,rgba(25,182,229,.45),transparent 35%),linear-gradient(140deg,#332b9c 0%,#5748eb 52%,#1777d8 100%)!important;box-shadow:0 22px 48px rgba(63,57,178,.20)!important}
  .hero-v141-mesh:before{background-size:36px 36px;opacity:.12}
  .hero-v141-kickers{margin-bottom:17px;gap:7px}.hero-card-v141 .hero-badge{padding:7px 10px!important;font-size:10.5px!important}.hero-v141-live{min-height:29px;padding:6px 9px;font-size:9.5px}
  .hero-card-v141 .hero-copy h1{font-size:clamp(34px,9.4vw,45px)!important;line-height:1.02!important;letter-spacing:-.044em!important}.hero-card-v141 .hero-copy>p{margin-top:15px!important;font-size:13.5px!important;line-height:1.6!important;color:rgba(239,242,255,.82)!important}
  .hero-card-v141 .hero-buttons{margin-top:20px!important;display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important;gap:8px!important}.hero-card-v141 .hero-buttons .btn{min-width:0!important;min-height:50px!important;padding:0 12px!important;border-radius:15px!important;font-size:11px!important}.hero-card-v141 .hero-buttons .primary{min-width:0!important}.hero-card-v141 .hero-buttons .primary i{font-size:15px}.hero-card-v141 .hero-buttons .secondary{gap:6px!important}.hero-card-v141 .hero-buttons .secondary .ds-icon{width:15px;height:15px}
  .hero-v141-proof{margin-top:22px;padding-top:17px;gap:7px;grid-template-columns:repeat(3,minmax(0,1fr))}.hero-v141-proof>div{display:flex;min-height:82px;padding:9px 7px;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;border-radius:14px}.hero-v141-proof>div>span{width:31px;height:31px;border-radius:10px;flex:0 0 auto}.hero-v141-proof .ds-icon{width:15px;height:15px}.hero-v141-proof b{width:100%;font-size:9.5px;white-space:normal;line-height:1.18}.hero-v141-proof small{display:none}
  .hero-art-v141{display:none!important}

  .znl-footer-v141{margin-top:36px!important;border-radius:32px 32px 0 0!important}
  .znl-footer-v141 .ds-shell{padding-left:18px!important;padding-right:18px!important}
  .znl-footer-v141 .znl-footer-panel{padding:25px 0 14px!important}
  .footer-v141-cta{padding:12px;margin-bottom:21px;border-radius:17px}.footer-v141-cta-icon{width:38px;height:38px;min-width:38px;border-radius:12px}.footer-v141-cta-copy small{font-size:8.5px}.footer-v141-cta-copy b{font-size:12px}.footer-v141-cta-btn{min-height:38px;padding:0 10px;font-size:9.5px;border-radius:11px}.footer-v141-cta-btn .ds-icon{display:none}
  .znl-footer-v141 .znl-footer-brandbar{display:block!important;padding-bottom:21px!important}.znl-footer-v141 .znl-footer-brand-main{grid-template-columns:52px minmax(0,1fr)!important;gap:12px!important}.znl-footer-v141 .znl-footer-mark{width:52px!important;height:52px!important;min-width:52px!important;border-radius:17px!important}.znl-footer-v141 .znl-footer-brand-main h3{font-size:19px!important}.znl-footer-v141 .znl-footer-brand-main p{font-size:10.5px!important;line-height:1.5!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.footer-v141-status{margin-top:7px;font-size:8.5px}
  .znl-footer-v141 .znl-footer-trust-grid{margin-top:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px!important}.znl-footer-v141 .znl-footer-trust-grid>span{min-height:64px;padding:8px 6px;border-radius:14px}.znl-footer-v141 .znl-footer-trust-grid i{width:25px;height:25px;border-radius:8px}.znl-footer-v141 .znl-footer-trust-grid b{font-size:8.5px}
  .znl-footer-v141 .znl-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 12px!important;padding:21px 0 20px!important}.znl-footer-v141 .znl-footer-contact-col{grid-column:1/-1!important;padding-top:4px!important;border-top:1px solid rgba(148,163,184,.08)!important}.znl-footer-v141 .znl-footer-contact{grid-template-columns:repeat(2,minmax(0,1fr))!important}.znl-footer-v141 .znl-footer-grid section>h3{font-size:11.5px!important;margin-bottom:9px!important;padding-bottom:8px!important}.znl-footer-v141 .znl-footer-links,.znl-footer-v141 .znl-footer-contact{gap:4px!important}.znl-footer-v141 .znl-footer-links a,.znl-footer-v141 .znl-footer-contact a,.znl-footer-v141 .znl-footer-contact p{min-height:31px!important;padding:3px!important;font-size:9.5px!important;gap:6px!important}.znl-footer-v141 .znl-footer-links span,.znl-footer-v141 .znl-footer-contact span{width:25px!important;height:25px!important;min-width:25px!important}.znl-footer-v141 .znl-footer-bottom{padding-top:13px!important;gap:7px!important;font-size:9px!important}.znl-footer-v141 .znl-footer-platform{padding:4px 7px!important}
}
@media(max-width:430px){
  .ds-brand-v141 b{max-width:150px!important}.ds-brand-live small{max-width:90px!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .hero-card-v141{padding:24px 17px 18px!important}.hero-card-v141 .hero-copy h1{font-size:clamp(32px,9.2vw,40px)!important}.hero-card-v141 .hero-buttons{grid-template-columns:1fr!important}.hero-card-v141 .hero-buttons .btn{width:100%!important}.hero-v141-proof>div{min-height:78px}
  .footer-v141-cta-copy b{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.znl-footer-v141 .znl-footer-contact{grid-template-columns:1fr!important}
}
@media(max-width:360px){
  .ds-brand-v141 b{max-width:125px!important;font-size:15px!important}.ds-brand-live{left:52px}.ds-brand-live small{display:none!important}
  .hero-v141-kickers{align-items:flex-start}.hero-v141-live{display:none}.hero-card-v141 .hero-copy h1{font-size:31px!important}.hero-v141-proof{grid-template-columns:1fr!important}.hero-v141-proof>div{min-height:48px;display:grid;grid-template-columns:30px 1fr;align-items:center}.hero-v141-proof>div>span{grid-row:auto}.hero-v141-proof b{white-space:nowrap}.hero-v141-proof small{display:block;font-size:8.5px}
  .footer-v141-cta{align-items:flex-start}.footer-v141-cta-btn span{display:none}.footer-v141-cta-btn{width:38px;min-width:38px;padding:0}.footer-v141-cta-btn .ds-icon{display:block}.znl-footer-v141 .znl-footer-grid{grid-template-columns:1fr!important}.znl-footer-v141 .znl-footer-contact-col{grid-column:auto!important}.znl-footer-v141 .znl-footer-contact{grid-template-columns:1fr!important}
}
html[dir="rtl"] .znl-footer-v141 .znl-footer-grid section>h3:after{left:auto;right:0}
html[dir="rtl"] .znl-footer-v141 .znl-footer-links a:hover,html[dir="rtl"] .znl-footer-v141 .znl-footer-contact a:hover{transform:translateX(-2px)}
html[dir="rtl"] .ds-brand-live{left:auto;right:59px}
@media(max-width:760px){html[dir="rtl"] .ds-brand-live{left:auto;right:54px}}

/* END assets/css/storefront-top-bottom-v14.1.css */

/* BEGIN assets/css/storefront-polish-v14.3.css */
/* Digital Store v14.3 — Hero / Header / Footer Polish MAX
   Final presentation layer loaded after v14.1. Keeps storefront behavior intact. */
:root{
  --v143-indigo:#5b5cf0;
  --v143-violet:#6d4cf0;
  --v143-blue:#1688df;
  --v143-cyan:#14b8d4;
  --v143-ink:#111827;
  --v143-navy:#0b1530;
  --v143-navy2:#101c3b;
  --v143-line:rgba(107,114,156,.14);
}

/* ---------------- HEADER ---------------- */
.ds-header-v143{padding:6px 0 5px!important;background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 96%,transparent),color-mix(in srgb,var(--bg) 78%,transparent),transparent)!important}
.ds-header-v143 .ds-header-shell{padding-left:14px!important;padding-right:14px!important}
.ds-header-v143 .ds-header-bar{
  min-height:62px!important;padding:6px 8px 6px 9px!important;border-radius:20px!important;overflow:visible!important;
  border:1px solid rgba(103,111,159,.13)!important;
  background:linear-gradient(115deg,rgba(255,255,255,.99),rgba(248,250,255,.975) 60%,rgba(244,249,255,.965))!important;
  box-shadow:0 11px 32px rgba(31,42,82,.085),inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.ds-header-v143 .ds-header-bar:before{height:2px!important;left:48px!important;right:48px!important;top:auto!important;bottom:-1px!important;opacity:.58!important;background:linear-gradient(90deg,transparent,#725cf6 28%,#4f6df0 55%,#1ab3d5 78%,transparent)!important}
.ds-header-v143 .ds-header-bar:after{display:none!important}
.ds-header-v143 .ds-brand-v141{padding:1px 3px 1px 1px!important;gap:10px!important}
.ds-header-v143 .ds-brand-v141 .brand-mark{width:43px!important;height:43px!important;min-width:43px!important;border-radius:14px!important;box-shadow:0 7px 18px rgba(75,77,196,.15),0 0 0 1px rgba(91,92,240,.10)!important}
.ds-header-v143 .ds-brand-v141 b{font-size:16.5px!important;line-height:1.05!important;letter-spacing:-.025em!important}
.ds-header-v143 .ds-brand-v141 small{font-size:9.5px!important;line-height:1.15!important;margin-top:3px!important}
.ds-header-v143 .ds-header-search{height:44px!important;border-radius:15px!important}
.ds-header-v143 .ds-header-search button{height:32px!important;min-width:58px!important;border-radius:10px!important}
.ds-header-v143 .ds-nav-btn{min-height:43px!important;border-radius:13px!important}
.ds-header-v143 .ds-mobile-cart,.ds-header-v143 .ds-mobile-menu-trigger{box-shadow:none!important}
html[data-theme="dark"] .ds-header-v143 .ds-header-bar{background:linear-gradient(115deg,rgba(18,27,45,.98),rgba(16,27,47,.97))!important;border-color:rgba(148,163,184,.14)!important;box-shadow:0 14px 36px rgba(0,0,0,.22)!important}

/* ---------------- HERO ---------------- */
.hero-card-v143{
  min-height:400px!important;margin-top:14px!important;padding:38px 40px 31px!important;border-radius:32px!important;gap:30px!important;
  background:
    radial-gradient(circle at 6% -8%,rgba(174,109,255,.44),transparent 31%),
    radial-gradient(circle at 96% 95%,rgba(17,184,229,.48),transparent 37%),
    linear-gradient(132deg,#312a9d 0%,#5746e8 47%,#177bcf 100%)!important;
  box-shadow:0 25px 58px rgba(57,53,169,.19)!important;
}
.hero-card-v143:before{background:linear-gradient(110deg,rgba(8,12,50,.24),transparent 56%)!important}
.hero-card-v143 .hero-copy h1{font-size:clamp(37px,5vw,56px)!important;line-height:1.02!important;letter-spacing:-.045em!important;max-width:690px!important}
.hero-card-v143 .hero-copy>p{margin-top:16px!important;max-width:660px!important;font-size:15.5px!important;line-height:1.62!important}
.hero-card-v143 .hero-v141-kickers{margin-bottom:18px!important}
.hero-card-v143 .hero-badge{padding:7px 12px!important;font-size:11px!important}
.hero-card-v143 .hero-v141-live{min-height:31px!important;padding:6px 10px!important;font-size:10px!important}
.hero-card-v143 .hero-buttons{margin-top:22px!important;gap:9px!important}
.hero-card-v143 .hero-buttons .btn{min-height:50px!important;padding:0 17px!important;border-radius:15px!important;font-size:12.5px!important}
.hero-card-v143 .hero-buttons .primary{min-width:195px!important;box-shadow:0 13px 26px rgba(15,20,75,.18)!important}
.hero-card-v143 .hero-v141-proof{margin-top:24px!important;padding-top:18px!important;gap:8px!important}
.hero-card-v143 .hero-v141-proof>div{padding:9px 10px!important;border-radius:14px!important;grid-template-columns:34px minmax(0,1fr)!important;column-gap:8px!important}
.hero-card-v143 .hero-v141-proof>div>span{width:34px!important;height:34px!important;border-radius:10px!important}
.hero-card-v143 .hero-v141-proof .ds-icon{width:16px!important;height:16px!important}
.hero-card-v143 .hero-v141-proof b{font-size:10.5px!important}
.hero-card-v143 .hero-v141-proof small{font-size:9px!important}
.hero-card-v143 .hero-art-v141{min-height:250px!important}
.hero-card-v143 .hero-v141-card{width:190px!important;height:225px!important;padding:21px 20px!important;border-radius:25px!important;transform:rotate(3deg)!important}
.hero-card-v143 .hero-v141-card-icon{left:21px!important;top:21px!important;width:50px!important;height:50px!important;border-radius:15px!important;font-size:16px!important}
.hero-card-v143 .hero-v141-f1{width:47px!important;height:47px!important;border-radius:15px!important}
.hero-card-v143 .hero-v141-f2{width:36px!important;height:36px!important;border-radius:12px!important}
.hero-card-v143 .hero-v141-f3{width:42px!important;height:42px!important;border-radius:14px!important}

/* ---------------- CATEGORY TABS / PRODUCT ENTRY ---------------- */
.znl-product-section{scroll-margin-top:84px!important}
.znl-category-pills{gap:9px!important;padding:2px 2px 8px!important;scroll-padding-inline:14px!important}
.znl-category-pills .cat-pill{height:42px!important;min-width:auto!important;padding:0 16px!important;border-radius:14px!important;border:1px solid rgba(104,112,154,.13)!important;background:linear-gradient(180deg,#fff,#f8faff)!important;color:#42506a!important;box-shadow:0 7px 18px rgba(28,39,75,.045)!important;font-size:12.5px!important;gap:7px!important}
.znl-category-pills .cat-pill.active{background:linear-gradient(135deg,#5c4ff0,#5136e6 60%,#356adf)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 11px 24px rgba(81,54,230,.20)!important}
.znl-category-pills .cat-pill span{opacity:.9!important}
html[data-theme="dark"] .znl-category-pills .cat-pill{background:linear-gradient(180deg,#151f34,#111a2c)!important;color:#cbd5e1!important;border-color:rgba(148,163,184,.14)!important}

/* ---------------- FOOTER ---------------- */
.znl-footer-v143{
  margin-top:46px!important;border-radius:32px 32px 0 0!important;
  background:
    radial-gradient(circle at 8% -8%,rgba(102,92,231,.24),transparent 30%),
    radial-gradient(circle at 94% 10%,rgba(18,147,214,.14),transparent 31%),
    linear-gradient(180deg,#101a38 0%,#0d1732 48%,#0a1226 100%)!important;
}
.znl-footer-v143:before{opacity:.075!important;background-size:46px 46px!important}
.znl-footer-v143 .ds-footer-glow{right:-95px!important;top:-140px!important;width:300px!important;height:300px!important;opacity:.75!important}
.znl-footer-v143 .znl-footer-panel{padding:24px 0 14px!important}
.znl-footer-v143 .footer-v141-cta{min-height:66px!important;margin-bottom:22px!important;padding:11px 12px 11px 14px!important;border-radius:18px!important;background:linear-gradient(110deg,rgba(104,92,240,.15),rgba(19,151,216,.07))!important;border-color:rgba(148,163,184,.11)!important}
.znl-footer-v143 .footer-v141-cta-icon{width:39px!important;height:39px!important;min-width:39px!important;border-radius:12px!important}
.znl-footer-v143 .footer-v141-cta-copy small{font-size:9px!important}
.znl-footer-v143 .footer-v141-cta-copy b{font-size:13px!important}
.znl-footer-v143 .footer-v141-cta-btn{min-height:39px!important;padding:0 12px!important;border-radius:11px!important;font-size:10.5px!important}
.znl-footer-v143 .znl-footer-brandbar{grid-template-columns:minmax(0,1fr) minmax(330px,.72fr)!important;gap:22px!important;padding-bottom:22px!important}
.znl-footer-v143 .znl-footer-brand-main{grid-template-columns:55px minmax(0,1fr)!important;gap:13px!important}
.znl-footer-v143 .znl-footer-mark{width:55px!important;height:55px!important;min-width:55px!important;border-radius:17px!important}
.znl-footer-v143 .znl-footer-brand-main h3{font-size:20px!important}
.znl-footer-v143 .znl-footer-brand-main p{font-size:11.5px!important;line-height:1.5!important;margin-top:5px!important}
.znl-footer-v143 .footer-v141-status{margin-top:7px!important;font-size:9px!important}
.znl-footer-v143 .znl-footer-trust-grid{gap:7px!important}
.znl-footer-v143 .znl-footer-trust-grid>span{min-height:68px!important;padding:9px 8px!important;border-radius:14px!important}
.znl-footer-v143 .znl-footer-trust-grid i{width:27px!important;height:27px!important;border-radius:9px!important}
.znl-footer-v143 .znl-footer-trust-grid b{font-size:9px!important}
.znl-footer-v143 .znl-footer-grid{grid-template-columns:.85fr 1.1fr 1fr!important;gap:24px!important;padding:22px 0 20px!important}
.znl-footer-v143 .znl-footer-grid section>h3{margin-bottom:9px!important;padding-bottom:8px!important;font-size:11.5px!important}
.znl-footer-v143 .znl-footer-links,.znl-footer-v143 .znl-footer-contact{gap:3px!important}
.znl-footer-v143 .znl-footer-links a,.znl-footer-v143 .znl-footer-contact a,.znl-footer-v143 .znl-footer-contact p{min-height:31px!important;padding:2px 4px!important;font-size:9.8px!important;gap:7px!important}
.znl-footer-v143 .znl-footer-links span,.znl-footer-v143 .znl-footer-contact span{width:25px!important;height:25px!important;min-width:25px!important;border-radius:8px!important}
.znl-footer-v143 .znl-footer-bottom{padding-top:12px!important;font-size:9.5px!important}
.znl-footer-v143 .znl-footer-platform{padding:4px 7px!important}

/* ---------------- TABLET ---------------- */
@media(max-width:980px){
  .hero-card-v143{grid-template-columns:minmax(0,1fr) 205px!important;padding:32px 28px 27px!important;min-height:370px!important}
  .hero-card-v143 .hero-copy h1{font-size:clamp(34px,5.4vw,47px)!important}
  .hero-card-v143 .hero-art-v141{min-height:225px!important}.hero-card-v143 .hero-v141-card{width:170px!important;height:205px!important}
  .znl-footer-v143 .znl-footer-brandbar{grid-template-columns:1fr!important}.znl-footer-v143 .znl-footer-trust-grid{max-width:520px!important}
}

/* ---------------- MOBILE ---------------- */
@media(max-width:760px){
  .ds-header-v143{padding:5px 0 4px!important}
  .ds-header-v143 .ds-header-shell{padding-left:11px!important;padding-right:11px!important}
  .ds-header-v143 .ds-header-bar{height:54px!important;min-height:54px!important;padding:5px 6px 5px 7px!important;border-radius:17px!important;gap:6px!important;box-shadow:0 8px 24px rgba(24,35,72,.08)!important}
  .ds-header-v143 .ds-brand-v141{gap:8px!important;min-width:0!important}
  .ds-header-v143 .ds-brand-v141 .brand-mark{width:38px!important;height:38px!important;min-width:38px!important;border-radius:12px!important}
  .ds-header-v143 .ds-brand-v141 b{font-size:15.5px!important;line-height:1!important;max-width:150px!important}
  .ds-header-v143 .ds-brand-live{display:flex!important;left:48px!important;bottom:5px!important;gap:4px!important;font-size:8px!important;align-items:center!important}
  .ds-header-v143 .ds-brand-live i{width:5px!important;height:5px!important;box-shadow:0 0 0 3px rgba(34,197,94,.09)!important}
  .ds-header-v143 .ds-brand-live small{display:none!important}
  .ds-header-v143 .ds-mobile-cart,.ds-header-v143 .ds-mobile-menu-trigger{width:39px!important;height:39px!important;min-width:39px!important;border-radius:12px!important}
  .ds-header-v143 .ds-mobile-cart .ds-icon,.ds-header-v143 .ds-mobile-menu-trigger .ds-icon{width:18px!important;height:18px!important}
  .ds-header-v143 .ds-mobile-cart i{right:-2px!important;top:-3px!important;min-width:17px!important;height:17px!important;font-size:7.5px!important}
  .main-wrap{padding-top:14px!important}

  .hero-card-v143{display:block!important;min-height:0!important;margin-top:7px!important;padding:22px 18px 17px!important;border-radius:27px!important;box-shadow:0 18px 42px rgba(57,53,169,.16)!important}
  .hero-card-v143 .hero-art-v141{display:none!important}
  .hero-card-v143 .hero-v141-mesh:before{background-size:34px 34px!important;opacity:.10!important}
  .hero-card-v143 .hero-v141-kickers{margin-bottom:13px!important;gap:6px!important}
  .hero-card-v143 .hero-badge{padding:6px 9px!important;font-size:9.5px!important}
  .hero-card-v143 .hero-v141-live{min-height:27px!important;padding:5px 8px!important;font-size:8.5px!important}
  .hero-card-v143 .hero-copy h1{font-size:clamp(28px,8vw,34px)!important;line-height:1.05!important;letter-spacing:-.038em!important;max-width:100%!important;text-wrap:pretty!important}
  .hero-card-v143 .hero-copy>p{margin-top:12px!important;font-size:12.8px!important;line-height:1.52!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
  .hero-card-v143 .hero-buttons{display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important;gap:8px!important;margin-top:17px!important}
  .hero-card-v143 .hero-buttons .btn{min-width:0!important;width:100%!important;min-height:46px!important;padding:0 10px!important;border-radius:13px!important;font-size:10.5px!important;gap:6px!important;white-space:nowrap!important}
  .hero-card-v143 .hero-buttons .primary i{display:none!important}.hero-card-v143 .hero-buttons .secondary .ds-icon{width:14px!important;height:14px!important}
  .hero-card-v143 .hero-v141-proof{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:17px!important;padding-top:14px!important}
  .hero-card-v143 .hero-v141-proof>div{display:flex!important;min-height:56px!important;padding:7px 6px!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important;border-radius:12px!important}
  .hero-card-v143 .hero-v141-proof>div>span{width:28px!important;height:28px!important;border-radius:9px!important}
  .hero-card-v143 .hero-v141-proof .ds-icon{width:14px!important;height:14px!important}.hero-card-v143 .hero-v141-proof b{font-size:8.8px!important;white-space:normal!important;line-height:1.12!important}.hero-card-v143 .hero-v141-proof small{display:none!important}

  .znl-product-section{padding-top:16px!important}
  .znl-category-pills{gap:7px!important;margin-inline:-4px!important;padding:1px 4px 8px!important;scrollbar-width:none!important}
  .znl-category-pills::-webkit-scrollbar{display:none!important}
  .znl-category-pills .cat-pill{height:39px!important;padding:0 13px!important;border-radius:13px!important;font-size:11.5px!important;box-shadow:0 6px 14px rgba(28,39,75,.04)!important}

  .znl-footer-v143{margin-top:34px!important;border-radius:27px 27px 0 0!important}
  .znl-footer-v143 .ds-shell{padding-left:15px!important;padding-right:15px!important}
  .znl-footer-v143 .znl-footer-panel{padding:16px 0 12px!important}
  .znl-footer-v143 .footer-v141-cta{min-height:56px!important;margin-bottom:17px!important;padding:9px 9px 9px 10px!important;border-radius:15px!important;gap:8px!important}
  .znl-footer-v143 .footer-v141-cta-icon{width:34px!important;height:34px!important;min-width:34px!important;border-radius:10px!important}.znl-footer-v143 .footer-v141-cta-icon .ds-icon{width:17px!important;height:17px!important}
  .znl-footer-v143 .footer-v141-cta-copy{gap:9px!important}.znl-footer-v143 .footer-v141-cta-copy small{font-size:7.5px!important}.znl-footer-v143 .footer-v141-cta-copy b{font-size:10.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:185px!important}
  .znl-footer-v143 .footer-v141-cta-btn{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;border-radius:10px!important}.znl-footer-v143 .footer-v141-cta-btn span{display:none!important}.znl-footer-v143 .footer-v141-cta-btn .ds-icon{display:block!important;width:15px!important;height:15px!important}
  .znl-footer-v143 .znl-footer-brandbar{display:block!important;padding-bottom:17px!important}
  .znl-footer-v143 .znl-footer-brand-main{grid-template-columns:46px minmax(0,1fr)!important;gap:10px!important}.znl-footer-v143 .znl-footer-mark{width:46px!important;height:46px!important;min-width:46px!important;border-radius:14px!important}.znl-footer-v143 .znl-footer-brand-main h3{font-size:17px!important}.znl-footer-v143 .znl-footer-brand-main p{margin-top:4px!important;font-size:9.5px!important;line-height:1.4!important;display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.znl-footer-v143 .footer-v141-status{margin-top:5px!important;font-size:7.8px!important}
  .znl-footer-v143 .znl-footer-trust-grid{margin-top:13px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}.znl-footer-v143 .znl-footer-trust-grid>span{min-height:49px!important;padding:6px 5px!important;border-radius:11px!important;display:flex!important;align-items:center!important;gap:5px!important;justify-content:flex-start!important}.znl-footer-v143 .znl-footer-trust-grid i{width:23px!important;height:23px!important;min-width:23px!important;border-radius:7px!important;margin:0!important}.znl-footer-v143 .znl-footer-trust-grid i .ds-icon{width:12px!important;height:12px!important}.znl-footer-v143 .znl-footer-trust-grid b{font-size:7.6px!important;line-height:1.12!important;text-align:left!important}
  .znl-footer-v143 .znl-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px 10px!important;padding:17px 0 15px!important}.znl-footer-v143 .znl-footer-contact-col{grid-column:1/-1!important;padding-top:10px!important;border-top:1px solid rgba(148,163,184,.08)!important}.znl-footer-v143 .znl-footer-contact{grid-template-columns:repeat(auto-fit,minmax(90px,1fr))!important;gap:5px!important}.znl-footer-v143 .znl-footer-grid section>h3{font-size:10.5px!important;margin-bottom:7px!important;padding-bottom:7px!important}.znl-footer-v143 .znl-footer-links{gap:2px!important}.znl-footer-v143 .znl-footer-links a{min-height:27px!important;font-size:8.7px!important;gap:5px!important;padding:1px 2px!important}.znl-footer-v143 .znl-footer-links span{width:22px!important;height:22px!important;min-width:22px!important;border-radius:7px!important}.znl-footer-v143 .znl-footer-links .ds-icon{width:12px!important;height:12px!important}.znl-footer-v143 .znl-footer-contact a,.znl-footer-v143 .znl-footer-contact p{min-width:0!important;min-height:42px!important;padding:5px!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:4px!important;border:1px solid rgba(148,163,184,.07)!important;border-radius:10px!important;background:rgba(255,255,255,.025)!important;font-size:7.6px!important;overflow:hidden!important}.znl-footer-v143 .znl-footer-contact span{width:20px!important;height:20px!important;min-width:20px!important;border-radius:6px!important}.znl-footer-v143 .znl-footer-contact b{max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.znl-footer-v143 .znl-footer-bottom{padding-top:10px!important;font-size:8px!important;gap:6px!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important}.znl-footer-v143 .znl-footer-platform{font-size:7.4px!important;white-space:nowrap!important}
}

@media(max-width:390px){
  .ds-header-v143 .ds-brand-v141 b{max-width:130px!important;font-size:14.5px!important}
  .hero-card-v143{padding:20px 16px 15px!important}.hero-card-v143 .hero-copy h1{font-size:27px!important}.hero-card-v143 .hero-buttons{grid-template-columns:1fr!important}.hero-card-v143 .hero-buttons .btn{min-height:43px!important}.hero-card-v143 .hero-v141-proof{grid-template-columns:1fr 1fr 1fr!important}.hero-card-v143 .hero-v141-proof>div{min-height:52px!important}.hero-card-v143 .hero-v141-proof b{font-size:8.2px!important}
  .znl-footer-v143 .footer-v141-cta-copy b{max-width:145px!important}.znl-footer-v143 .znl-footer-contact{grid-template-columns:1fr 1fr!important}.znl-footer-v143 .znl-footer-contact>*:last-child:nth-child(odd){grid-column:1/-1!important}.znl-footer-v143 .znl-footer-bottom{align-items:flex-start!important;flex-direction:column!important}
}

html[dir="rtl"] .znl-footer-v143 .znl-footer-trust-grid b{text-align:right!important}

/* v14.3.1 — Classic 4-card feature grid, restored with premium visual treatment */
.hero-card-v143 .hero-v143-classic-grid{
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:24px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(255,255,255,.15)!important;
}
.hero-card-v143 .hero-v143-classic-grid:before{
  content:"";position:absolute;left:0;top:-1px;width:88px;height:1px;border-radius:999px;
  background:linear-gradient(90deg,rgba(255,255,255,.78),rgba(255,255,255,0));
}
.hero-card-v143 .hero-v143-classic-grid .hero-v143-feature{
  position:relative!important;overflow:hidden!important;isolation:isolate!important;
  min-height:82px!important;padding:12px 13px!important;
  display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;column-gap:10px!important;
  border:1px solid rgba(255,255,255,.16)!important;border-radius:17px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.065))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 9px 22px rgba(18,22,94,.11)!important;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  transform:translateZ(0);transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.hero-card-v143 .hero-v143-classic-grid .hero-v143-feature:before{
  content:"";position:absolute;z-index:-1;right:-25px;top:-34px;width:88px;height:88px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.22),rgba(255,255,255,0) 70%);pointer-events:none;
}
.hero-card-v143 .hero-v143-classic-grid .hero-v143-feature:after{
  content:"";position:absolute;left:0;top:13px;bottom:13px;width:2px;border-radius:999px;background:var(--feature-accent,#8ec5ff);opacity:.92;
}
.hero-card-v143 .hero-v143-classic-grid .hero-v143-feature:hover{
  transform:translateY(-2px);border-color:rgba(255,255,255,.26)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.08))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 14px 28px rgba(18,22,94,.16)!important;
}
.hero-card-v143 .hero-v143-classic-grid .hero-v143-feature>span{
  width:42px!important;height:42px!important;border-radius:13px!important;display:grid!important;place-items:center!important;
  color:#fff!important;background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.08))!important;
  border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 8px 18px rgba(20,24,94,.14)!important;
}
.hero-card-v143 .hero-v143-classic-grid .hero-v143-feature>span .ds-icon{width:19px!important;height:19px!important;stroke-width:2!important}
.hero-card-v143 .hero-v143-classic-grid .hero-v143-feature>div{min-width:0!important;display:block!important}
.hero-card-v143 .hero-v143-classic-grid .hero-v143-feature b{
  display:block!important;margin:0!important;color:#fff!important;font-size:15px!important;font-weight:900!important;line-height:1.18!important;letter-spacing:-.01em!important;white-space:normal!important;
}
.hero-card-v143 .hero-v143-classic-grid .hero-v143-feature small{
  display:block!important;margin-top:4px!important;color:rgba(239,244,255,.73)!important;font-size:12.5px!important;font-weight:650!important;line-height:1.28!important;white-space:normal!important;
}
.hero-card-v143 .hero-v143-classic-grid .feature-original{--feature-accent:#ff8bd7}
.hero-card-v143 .hero-v143-classic-grid .feature-original>span{color:#ffd8ef!important;background:linear-gradient(145deg,rgba(244,114,182,.30),rgba(168,85,247,.12))!important}
.hero-card-v143 .hero-v143-classic-grid .feature-delivery{--feature-accent:#9d9cff}
.hero-card-v143 .hero-v143-classic-grid .feature-delivery>span{color:#e1e0ff!important;background:linear-gradient(145deg,rgba(129,140,248,.30),rgba(99,102,241,.12))!important}
.hero-card-v143 .hero-v143-classic-grid .feature-qris{--feature-accent:#62d8f4}
.hero-card-v143 .hero-v143-classic-grid .feature-qris>span{color:#dcf9ff!important;background:linear-gradient(145deg,rgba(34,211,238,.28),rgba(14,165,233,.11))!important}
.hero-card-v143 .hero-v143-classic-grid .feature-secure{--feature-accent:#67e6bd}
.hero-card-v143 .hero-v143-classic-grid .feature-secure>span{color:#dcfff2!important;background:linear-gradient(145deg,rgba(52,211,153,.29),rgba(16,185,129,.11))!important}

@media(max-width:700px){
  .hero-card-v143 .hero-v143-classic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:18px!important;padding-top:15px!important}
  .hero-card-v143 .hero-v143-classic-grid .hero-v143-feature{min-height:76px!important;padding:10px!important;grid-template-columns:36px minmax(0,1fr)!important;column-gap:8px!important;border-radius:14px!important}
  .hero-card-v143 .hero-v143-classic-grid .hero-v143-feature:after{top:11px;bottom:11px}
  .hero-card-v143 .hero-v143-classic-grid .hero-v143-feature>span{width:36px!important;height:36px!important;border-radius:11px!important}
  .hero-card-v143 .hero-v143-classic-grid .hero-v143-feature>span .ds-icon{width:16px!important;height:16px!important}
  .hero-card-v143 .hero-v143-classic-grid .hero-v143-feature b{font-size:12.8px!important;line-height:1.18!important}
  .hero-card-v143 .hero-v143-classic-grid .hero-v143-feature small{display:block!important;margin-top:3px!important;font-size:10.5px!important;line-height:1.22!important}
}
@media(max-width:370px){
  .hero-card-v143 .hero-v143-classic-grid{gap:6px!important}
  .hero-card-v143 .hero-v143-classic-grid .hero-v143-feature{min-height:72px!important;padding:8px!important;grid-template-columns:32px minmax(0,1fr)!important;column-gap:7px!important}
  .hero-card-v143 .hero-v143-classic-grid .hero-v143-feature>span{width:32px!important;height:32px!important;border-radius:10px!important}
  .hero-card-v143 .hero-v143-classic-grid .hero-v143-feature b{font-size:11.7px!important}
  .hero-card-v143 .hero-v143-classic-grid .hero-v143-feature small{font-size:9.7px!important}
}
html[dir="rtl"] .hero-card-v143 .hero-v143-classic-grid .hero-v143-feature:after{left:auto;right:0}


/* END assets/css/storefront-polish-v14.3.css */
/* v14.5 Pagespeed / Accessibility / Core Web Vitals hardening */
:root{scroll-behavior:smooth}
.ds-skip-link{position:fixed;left:12px;top:10px;z-index:100000;transform:translateY(-160%);padding:10px 14px;border-radius:10px;background:#111827;color:#fff!important;font-weight:800;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.22);transition:transform .16s ease}.ds-skip-link:focus{transform:translateY(0);outline:3px solid #93c5fd;outline-offset:2px}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #60a5fa!important;outline-offset:3px!important}
.hero-card-v143 .hero-copy>p{color:rgba(247,249,255,.94)!important}
.hero-card-v143 .hero-v143-classic-grid .hero-v143-feature small{color:rgba(247,249,255,.94)!important}
.znl-footer-v143 .znl-footer-bottom{color:#93a3bb!important}
.znl-footer-v143 .znl-footer-platform{color:#a7b5ca!important}
.znl-footer-v143 .footer-v141-status{color:#a2b0c4!important}
.znl-footer-v143 .footer-v141-status em{color:#8090a8!important}
.znl-footer-v143 .znl-footer-links a,.znl-footer-v143 .znl-footer-contact a,.znl-footer-v143 .znl-footer-contact p{color:#aebbd0!important}
.znl-footer-v143 .znl-footer-brand-main p{color:#aab7ca!important}
.znl-footer-v143 .znl-footer-trust-grid b{color:#d7deea!important}
/* Reserve stable intrinsic space for frequently reused remote/local media. */
.brand-logo-img,.znl-footer-mark img,.ds-product-thumb-img,.news-card-media img,.home-news-thumb img,.seo-cat-img img,.seo-related-card img,.cart-thumb-img img{aspect-ratio:1/1}
.news-card-media img,.home-news-thumb img{aspect-ratio:16/9}
/* Skip expensive off-screen paint work while preserving layout and accessibility. */
@supports (content-visibility:auto){.znl-voucher-section,.znl-flash-banner,.znl-product-section,.home-news,.znl-footer-v143{content-visibility:auto}.znl-voucher-section{contain-intrinsic-size:auto 180px}.znl-flash-banner{contain-intrinsic-size:auto 190px}.znl-product-section{contain-intrinsic-size:auto 900px}.home-news{contain-intrinsic-size:auto 430px}.znl-footer-v143{contain-intrinsic-size:auto 540px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* BEGIN news-v1.css */
.news-shell,.news-detail-shell{padding-top:34px;padding-bottom:64px}.news-hero{padding:36px;border-radius:24px;background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(124,58,237,.08));border:1px solid rgba(148,163,184,.2);margin-bottom:28px}.news-hero>span,.news-kicker{font-size:12px;font-weight:900;letter-spacing:.14em;color:#2563eb}.news-hero h1{font-size:clamp(32px,5vw,54px);margin:8px 0 10px}.news-hero p{max-width:720px;font-size:16px;line-height:1.7;margin:0;color:var(--muted,#64748b)}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.news-card{border:1px solid rgba(148,163,184,.22);background:var(--card,#fff);border-radius:20px;overflow:hidden;box-shadow:0 10px 35px rgba(15,23,42,.06)}.news-card-media{display:flex;aspect-ratio:16/9;background:linear-gradient(135deg,#0f172a,#2563eb);align-items:center;justify-content:center;text-decoration:none}.news-card-media img{width:100%;height:100%;object-fit:cover}.news-card-media span{color:#fff;font-size:24px;font-weight:900;letter-spacing:.2em}.news-card-body{padding:20px}.news-meta,.news-byline{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted,#64748b)}.news-card h2{font-size:20px;line-height:1.35;margin:10px 0}.news-card h2 a,.news-read{color:inherit;text-decoration:none}.news-card p{color:var(--muted,#64748b);line-height:1.65}.news-read{font-weight:800}.news-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:34px}.news-pagination a{padding:10px 14px;border:1px solid rgba(148,163,184,.3);border-radius:12px;text-decoration:none;color:inherit}.news-search-note{margin:-10px 0 22px;color:var(--muted,#64748b)}.news-empty{grid-column:1/-1;text-align:center;padding:60px 20px;border:1px dashed rgba(148,163,184,.4);border-radius:20px}.news-breadcrumb{display:flex;gap:8px;margin-bottom:22px;font-size:14px}.news-breadcrumb a{color:inherit;text-decoration:none}.news-article{max-width:860px;margin:auto}.news-article>header h1{font-size:clamp(34px,5vw,58px);line-height:1.08;margin:10px 0 14px}.news-lead{font-size:19px;line-height:1.65;color:var(--muted,#64748b)}.news-byline{padding:14px 0 22px;border-bottom:1px solid rgba(148,163,184,.22)}.news-featured{margin:28px 0}.news-featured img{width:100%;border-radius:22px;max-height:560px;object-fit:cover}.news-featured figcaption{margin-top:9px;font-size:13px;color:var(--muted,#64748b);text-align:center}.news-content{font-size:17px;line-height:1.82}.news-content h2{font-size:28px;margin:36px 0 14px}.news-content h3{font-size:22px;margin:28px 0 12px}.news-content p{margin:0 0 20px}.news-content blockquote{margin:24px 0;padding:18px 20px;border-left:4px solid #2563eb;background:rgba(37,99,235,.06);border-radius:10px}.news-content li{margin:8px 0}.news-inline-image{margin:28px 0}.news-inline-image img{display:block;width:100%;height:auto;max-height:620px;object-fit:cover;border-radius:18px}.news-inline-image figcaption{margin-top:8px;font-size:13px;color:var(--muted,#64748b);text-align:center}.news-sources{margin-top:42px;padding:22px;border-radius:18px;background:rgba(148,163,184,.1);border:1px solid rgba(148,163,184,.2)}.news-sources h2{font-size:20px;margin-top:0}.news-sources a{overflow-wrap:anywhere}.news-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.news-tags span{padding:7px 11px;border-radius:999px;background:rgba(37,99,235,.08);font-size:13px;font-weight:700}.header-news{position:relative}
@media(max-width:980px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.news-shell,.news-detail-shell{padding-top:18px}.news-hero{padding:24px 20px}.news-grid{grid-template-columns:1fr;gap:16px}.news-card-body{padding:16px}.news-article>header h1{font-size:34px}.news-lead{font-size:17px}.news-content{font-size:16px}.news-pagination{justify-content:space-between}.news-pagination span{font-size:12px}}


/* Shopee contextual affiliate v9.1 */
.news-affiliate-box{margin:28px 0;padding:20px;border:1px solid rgba(249,115,22,.22);border-radius:22px;background:linear-gradient(145deg,rgba(255,247,237,.92),rgba(255,255,255,.96));box-shadow:0 12px 32px rgba(15,23,42,.06)}
.news-affiliate-head{display:grid;gap:6px;margin-bottom:14px}.news-affiliate-head>span{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#ea580c}.news-affiliate-head h2{margin:0!important;font-size:1.24rem!important}.news-affiliate-head p{margin:0!important;color:#64748b;font-size:.86rem;line-height:1.55}
.news-affiliate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.news-affiliate-card{display:grid;grid-template-rows:auto 1fr;border:1px solid rgba(148,163,184,.22);border-radius:16px;overflow:hidden;background:#fff}.news-affiliate-img{display:block;aspect-ratio:4/3;background:#f8fafc;overflow:hidden}.news-affiliate-img img{width:100%;height:100%;object-fit:cover;display:block}.news-affiliate-card>div{padding:12px;display:grid;gap:7px;align-content:start}.news-affiliate-card b{font-size:.94rem;line-height:1.35}.news-affiliate-card small{color:#64748b}.news-affiliate-cta{display:inline-flex;justify-content:center;align-items:center;margin-top:2px;padding:9px 11px;border-radius:10px;background:#ee4d2d;color:#fff!important;text-decoration:none!important;font-size:.82rem;font-weight:900}.news-affiliate-cta:hover{filter:brightness(.96)}
[data-theme="dark"] .news-affiliate-box{background:rgba(30,41,59,.94);border-color:rgba(249,115,22,.3)}[data-theme="dark"] .news-affiliate-card{background:#111827;border-color:rgba(148,163,184,.2)}
@media(max-width:760px){.news-affiliate-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.news-affiliate-card{min-width:76%;scroll-snap-align:start}.news-affiliate-box{padding:16px;margin:22px 0}}

/* News MAX v9.3: related-content internal linking */
.news-related{margin-top:32px;padding-top:24px;border-top:1px solid rgba(148,163,184,.22)}
.news-related h2{margin:0 0 14px;font-size:1.25rem}
.news-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.news-related-grid a{display:grid;gap:6px;padding:14px 15px;border:1px solid rgba(148,163,184,.2);border-radius:14px;text-decoration:none;color:inherit;background:rgba(148,163,184,.05)}
.news-related-grid a:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.07)}
.news-related-grid b{line-height:1.35}.news-related-grid small{color:#64748b;line-height:1.45}
@media(max-width:640px){.news-related-grid{grid-template-columns:1fr}}

/* News Ads Manager v10.6 */
.news-ad-slot{margin:28px 0;padding:14px;border:1px solid rgba(148,163,184,.22);border-radius:18px;background:rgba(148,163,184,.045);overflow:hidden}.news-ad-meta{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted,#64748b);margin-bottom:9px}.news-ad-direct{display:grid;grid-template-columns:minmax(0,220px) 1fr;gap:16px;align-items:center}.news-ad-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:13px}.news-ad-copy{display:grid;gap:7px}.news-ad-copy strong{font-size:1.08rem;line-height:1.35}.news-ad-copy p{margin:0!important;color:var(--muted,#64748b);font-size:.92rem;line-height:1.55}.news-ad-copy a{display:inline-flex;width:max-content;max-width:100%;padding:9px 13px;border-radius:10px;background:#0f172a;color:#fff!important;text-decoration:none!important;font-size:.84rem;font-weight:850}.news-ad-adsense-slot{min-height:90px;text-align:center}.news-ad-adsense-slot .adsbygoogle{min-height:60px}[data-theme="dark"] .news-ad-slot{background:rgba(30,41,59,.55);border-color:rgba(148,163,184,.2)}[data-theme="dark"] .news-ad-copy a{background:#e2e8f0;color:#0f172a!important}@media(max-width:640px){.news-ad-slot{margin:22px 0;padding:12px}.news-ad-direct{grid-template-columns:1fr}.news-ad-image img{aspect-ratio:16/8.5}.news-ad-copy a{width:100%;justify-content:center}}

/* News Auto Category v10.7 */
.news-category-pills{display:flex;gap:8px;overflow-x:auto;padding:0 0 18px;margin:-8px 0 10px;scrollbar-width:thin}.news-category-pills a,.news-category-badge{display:inline-flex;align-items:center;white-space:nowrap;text-decoration:none;font-size:12px;font-weight:850;border-radius:999px}.news-category-pills a{padding:8px 12px;border:1px solid rgba(148,163,184,.28);color:inherit;background:var(--card,#fff)}.news-category-pills a.active{background:#2563eb;color:#fff;border-color:#2563eb}.news-category-badge{padding:5px 9px;background:rgba(37,99,235,.1);color:#2563eb;margin-bottom:7px}.news-article>header .news-category-badge{margin-bottom:4px}.news-breadcrumb{flex-wrap:wrap}[data-theme="dark"] .news-category-pills a{background:#1e293b}[data-theme="dark"] .news-category-pills a.active{background:#3b82f6}[data-theme="dark"] .news-category-badge{background:rgba(59,130,246,.18);color:#93c5fd}

/* v14.0 Auto Source Video — source embed only, no AI video generation */
.news-auto-video{margin:30px 0;padding:16px;border:1px solid rgba(148,163,184,.22);border-radius:22px;background:var(--card,#fff);box-shadow:0 12px 34px rgba(15,23,42,.08)}
.news-video-heading{display:flex;align-items:center;gap:12px;margin-bottom:13px}.news-video-heading>span{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:17px;box-shadow:0 10px 24px rgba(79,70,229,.22)}
.news-video-heading b{display:block;color:var(--text,#0f172a);font-size:17px;line-height:1.35}.news-video-heading small{display:block;margin-top:3px;color:var(--muted,#64748b);font-size:12px}
.news-video-frame{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;border-radius:16px;background:#020617}.news-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#020617}
.news-video-credit{margin-top:11px;color:var(--muted,#64748b);font-size:12px;line-height:1.55}.news-video-credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}
html[data-theme=dark] .news-auto-video,body[data-theme=dark] .news-auto-video{background:#111827;border-color:rgba(148,163,184,.22);box-shadow:0 14px 36px rgba(0,0,0,.32)}
@media(max-width:640px){.news-auto-video{margin:24px 0;padding:12px;border-radius:18px}.news-video-heading{gap:10px}.news-video-heading>span{width:38px;height:38px;border-radius:12px}.news-video-heading b{font-size:15px}.news-video-frame{border-radius:13px}}

/* v14.3 official social-video embed sizing */
.news-auto-video.news-video-provider-tiktok .news-video-frame,
.news-auto-video.news-video-provider-instagram .news-video-frame{aspect-ratio:9/16;max-width:460px;margin-inline:auto}
.news-auto-video.news-video-provider-facebook .news-video-frame{aspect-ratio:16/9}
@media(max-width:640px){.news-auto-video.news-video-provider-tiktok .news-video-frame,.news-auto-video.news-video-provider-instagram .news-video-frame{max-width:min(100%,390px)}}

/* END news-v1.css */