.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; }