.of-section{--of-blue:#1478f2;--of-cyan:#08bfd0;--of-ink:#1d2939;--of-muted:#667085;--of-line:#d8e4f0;--of-sale:#e5482f;background:radial-gradient(circle at 100% 0,#dff9ff 0,transparent 32%),linear-gradient(135deg,#f1f8ff,#fff);padding:42px 0;border-block:1px solid #dce9f5;color:var(--of-ink)}
.of-container{width:min(1400px,calc(100% - 32px));margin:auto}.of-header,.of-heading,.of-price{display:flex;align-items:center}.of-header{justify-content:space-between;gap:20px;margin-bottom:22px}.of-heading{gap:12px}.of-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--of-blue),var(--of-cyan));color:#fff;font-size:26px;box-shadow:0 8px 24px #1478f238}.of-heading h2{margin:0;font-size:clamp(25px,2vw,33px);line-height:1.1;color:var(--of-blue)}.of-heading p{margin:5px 0 0;color:var(--of-muted)}.of-countdown{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #c9d9e9;border-radius:14px;padding:10px 14px;box-shadow:0 7px 20px #102a4312}.of-countdown-label{font-size:12px;color:var(--of-muted)}.of-countdown strong{font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--of-blue);background:#eaf3ff;border-radius:8px;padding:8px 10px}.of-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.of-card{min-width:0;background:#fff;border:1px solid var(--of-line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 18px #102a4310;transition:transform .2s,box-shadow .2s,border-color .2s}.of-card:hover{transform:translateY(-3px);border-color:#98c6f7;box-shadow:0 14px 34px #102a4320}.of-media{display:block;position:relative;aspect-ratio:1/1;background:#fff;overflow:hidden}.of-media img{width:100%;height:100%;object-fit:contain;padding:12px;transition:transform .3s}.of-card:hover .of-media img{transform:scale(1.035)}.of-badge{position:absolute;z-index:1;left:12px;top:12px;background:var(--of-sale);color:#fff;border-radius:999px;padding:6px 9px;font-weight:800;font-size:12px;box-shadow:0 4px 10px #e5482f3b}.of-body{padding:15px;display:flex;flex:1;flex-direction:column}.of-category{margin:0 0 6px;color:var(--of-muted);font-size:12px}.of-body h3{font-size:14px;line-height:1.38;margin:0;min-height:39px}.of-body h3 a{color:var(--of-ink);text-decoration:none}.of-price{gap:8px;flex-wrap:wrap;margin:14px 0 1px}.of-price strong{font-size:21px;color:var(--of-blue)}.of-price del{font-size:13px;color:#98a2b3}.of-saving{width:max-content;margin:0 0 6px;padding:3px 7px;border-radius:6px;background:#fff0ed;color:#b42318;font-weight:700;font-size:11px}.of-stock{margin:3px 0 12px;color:#18845a;font-size:12px}.of-stock:before{content:"";display:inline-block;width:7px;height:7px;background:#20b77a;border-radius:50%;margin-right:6px}.of-stock--low{color:#b54708}.of-stock--low:before{background:#f79009}.of-cart-form{margin-top:auto}.of-cart{width:100%;min-height:41px;border:0;border-radius:10px;color:#fff;font-weight:800;background:linear-gradient(100deg,var(--of-blue),var(--of-cyan));cursor:pointer;box-shadow:0 6px 14px #1478f22b}.of-cart:hover{filter:brightness(.95)}.of-cart:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed}.of-footer{text-align:center;margin-top:24px}.of-link{display:inline-flex;padding:11px 17px;border:1px solid #b8cce0;border-radius:10px;color:var(--of-ink);font-weight:700;text-decoration:none;background:#fff}.of-cart:focus-visible,.of-link:focus-visible,.of-body a:focus-visible{outline:3px solid #f5a623;outline-offset:3px}.of-feedback{position:fixed;right:20px;bottom:20px;z-index:1000;background:#142334;color:#fff;border-radius:10px;padding:0;max-width:320px;box-shadow:0 12px 30px #0003}.of-feedback:not(:empty){padding:12px 16px}
@media(max-width:1199px){.of-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.of-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.of-section{padding:28px 0}.of-container{width:min(100% - 20px,1400px)}.of-header{align-items:flex-start;flex-direction:column}.of-countdown{width:100%;justify-content:space-between}.of-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.of-body{padding:11px}.of-body h3{font-size:13px;min-height:54px}.of-price strong{font-size:17px}.of-cart{font-size:12px}}
@media(prefers-reduced-motion:reduce){.of-card,.of-media img{transition:none!important}.of-card:hover{transform:none}}