/* ===== Stylo Design – skin for Blocksy + WooCommerce ===== */ body.stylo-skin{ --st-bg:#EEF0F4;--st-ink:#1A2B55;--st-mute:#4B5A80;--st-mute2:#5A6890;--st-faint:#7A86A6; --st-navy:#1A2B55;--st-navy-ink:#EAF1FF;--st-navy-mute:#B8C6E6;--st-sun:#FFD24A;--st-accent:#3F4BD8; --st-font:"Ploni","Heebo",sans-serif;--st-gut:clamp(16px,3vw,40px); /* Blocksy palette + globals */ --theme-palette-color-1:#3F4BD8;--theme-palette-color-2:#2E39B8;--theme-palette-color-3:#4B5A80;--theme-palette-color-4:#1A2B55; --theme-palette-color-5:rgba(21,23,27,.12);--theme-palette-color-6:#F5F6F9;--theme-palette-color-7:#EEF0F4;--theme-palette-color-8:#FFFFFF; --theme-text-color:#1A2B55;--theme-headings-color:#1A2B55;--theme-link-initial-color:#1A2B55;--theme-link-hover-color:#3F4BD8; --theme-font-family:var(--st-font); --theme-button-background-initial-color:#1A2B55;--theme-button-background-hover-color:#3F4BD8; --theme-button-text-initial-color:#fff;--theme-button-text-hover-color:#fff;--theme-button-border-radius:999px; --theme-form-field-border-radius:14px;--theme-form-field-border-initial-color:rgba(21,23,27,.14);--theme-form-field-border-focus-color:#3F4BD8; background:var(--st-bg)!important;color:var(--st-ink);font-family:var(--st-font); } body.stylo-skin :is(h1,h2,h3,h4,h5,h6,button,input,select,textarea){font-family:var(--st-font)} body.stylo-skin :focus-visible{outline:2px solid var(--st-accent);outline-offset:3px} body.stylo-skin #main-container,body.stylo-skin .site-main{background:transparent} /* ---- Blocksy header → glass pill ---- */ body.stylo-skin #header,body.stylo-skin #header [data-row]{background:transparent!important;border:0!important;box-shadow:none!important} body.stylo-skin #header [data-row*="middle"]>div{background:rgba(255,255,255,.62);border:1px solid rgba(21,23,27,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;margin-top:20px;padding-inline:clamp(16px,2vw,28px)} body.stylo-skin #header .site-title,body.stylo-skin #header .site-title a{font-weight:900;font-size:30px;letter-spacing:-.01em;background:linear-gradient(100deg,#23262C 0%,#8E939B 18%,#2E3238 32%,#C3C7CD 48%,#262930 62%,#7D828A 80%,#23262C 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:st-shine 7s linear infinite} body.stylo-skin #header .ct-menu-link{font-size:14px;color:#3E4C74} body.stylo-skin #header .ct-header-cart .ct-cart-item{background:#1A2B55;color:#fff;border-radius:999px;padding:10px 18px} /* ---- Generic Woo buttons / inputs ---- */ body.stylo-skin :is(.button,button.button,.single_add_to_cart_button,.checkout-button,#place_order,.wc-block-components-button){border-radius:999px!important;font-weight:800} body.stylo-skin :is(select,input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],textarea){border-radius:14px;background:rgba(255,255,255,.75)} /* ---- Shop / archive cards ---- */ body.stylo-skin [data-products]>li.product,body.stylo-skin ul.products>li.product{background:rgba(255,255,255,.62);border:1px solid rgba(21,23,27,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;padding:18px;transition:transform .5s cubic-bezier(.2,.8,.2,1),background .4s} body.stylo-skin [data-products]>li.product:hover,body.stylo-skin ul.products>li.product:hover{transform:translateY(-8px);background:rgba(255,255,255,.9)} body.stylo-skin li.product figure,body.stylo-skin li.product .ct-media-container{background:linear-gradient(#fff,#F5F6F9);border-radius:20px;overflow:hidden} body.stylo-skin li.product img{mix-blend-mode:multiply} body.stylo-skin li.product .woocommerce-loop-product__title{font-size:16px;font-weight:700} body.stylo-skin li.product .price{font-size:18px;font-weight:800;color:var(--st-ink)} body.stylo-skin .woocommerce-products-header__title,body.stylo-skin .page-title{font-weight:800} /* ---- Single product ---- */ body.stylo-skin.single-product .woocommerce-product-gallery{background:linear-gradient(#fff,#F5F6F9);border-radius:32px;overflow:hidden;padding:24px} body.stylo-skin.single-product .woocommerce-product-gallery img{mix-blend-mode:multiply} body.stylo-skin.single-product .product_title{font-size:clamp(30px,3.4vw,44px);line-height:1.05;font-weight:800;text-wrap:balance} body.stylo-skin.single-product .summary .price{font-size:34px;font-weight:800;color:var(--st-ink)} body.stylo-skin.single-product .single_add_to_cart_button{height:56px;padding-inline:36px;font-size:16px} body.stylo-skin .st-chips{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;direction:ltr;max-width:420px} body.stylo-skin .st-chip{height:40px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;padding:0;background:rgba(255,255,255,.7);color:var(--st-ink);border:1px solid rgba(21,23,27,.14);transition:background .2s,color .2s,transform .2s} body.stylo-skin .st-chip:hover{transform:translateY(-2px)} body.stylo-skin .st-chip.is-on{background:var(--st-ink);color:#fff;border-color:var(--st-ink)} body.stylo-skin .st-chip:disabled{opacity:.35;text-decoration:line-through;cursor:not-allowed;transform:none} body.stylo-skin table.variations select.st-hidden{position:absolute!important;width:1px;height:1px;opacity:0;pointer-events:none} /* ---- Footer ---- */ body.stylo-skin #footer,body.stylo-skin #footer [data-row]{background:transparent!important;color:var(--st-faint);font-size:13px} /* ===== Home ===== */ @keyframes st-shine{0%{background-position:200% 50%}100%{background-position:-200% 50%}} @keyframes st-float{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-16px) rotate(-4deg)}} @keyframes st-orb{0%,100%{transform:translate(0,0)}50%{transform:translate(60px,-30px)}} @keyframes st-orb2{0%,100%{transform:translate(0,0)}50%{transform:translate(-70px,40px)}} @keyframes st-draw{from{stroke-dashoffset:700}to{stroke-dashoffset:0}} @keyframes st-dash{to{stroke-dashoffset:-40}} @keyframes st-go{0%{right:4%}100%{right:calc(96% - 64px)}} @keyframes st-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.6}} .stylo-home{max-width:1440px;margin:0 auto;display:flex;flex-direction:column;gap:0;color:var(--st-ink);font-family:var(--st-font);overflow:hidden} .stylo-home a{text-decoration:none;color:inherit} .stylo-home a:hover{color:var(--st-accent)} .stylo-home .st-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} .stylo-home .st-glass{background:rgba(255,255,255,.62);border:1px solid rgba(21,23,27,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)} .stylo-home .st-mono{font-family:"JetBrains Mono",monospace} .stylo-home .st-muted{font-size:13px;color:var(--st-mute2)} /* hero */ .st-hero{position:relative;margin-top:12px;overflow:hidden} .st-track{display:flex;width:100%;background:var(--st-bg);transition:transform .9s cubic-bezier(.7,0,.2,1)} .st-slide{flex:0 0 100%;position:relative;box-sizing:border-box;padding:40px var(--st-gut) 120px;min-height:760px;display:flex;align-items:center;gap:32px;overflow:hidden} .st-glow{position:absolute;border-radius:999px;pointer-events:none} .st-orb{top:60px;right:10%;width:560px;height:560px;animation:st-orb 12s ease-in-out infinite} .st-orb2{top:300px;left:8%;width:480px;height:480px;animation:st-orb2 14s ease-in-out infinite} .st-bigcode{position:absolute;top:40px;left:0;right:0;text-align:center;font-weight:900;font-size:clamp(64px,11vw,180px);line-height:1;letter-spacing:-.03em;color:rgba(21,23,27,.05);white-space:nowrap;pointer-events:none} .st-info{position:relative;flex:0 0 420px;max-width:100%;border-radius:32px;padding:32px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px} .st-row{display:flex;justify-content:space-between;align-items:center;gap:12px} .st-col6{display:flex;flex-direction:column;gap:6px}.st-col10{display:flex;flex-direction:column;gap:10px} .st-title{margin:0;font-size:clamp(30px,3vw,42px);line-height:1.08;font-weight:800;text-wrap:balance} .st-sub{font-size:16px;color:var(--st-mute)} .st-price{font-size:34px;font-weight:800}.st-price:empty{display:none} .st-price del{font-size:.55em;color:var(--st-faint);font-weight:500} .st-price ins{text-decoration:none} .st-sizes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px} .st-size{height:40px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;padding:0;background:rgba(255,255,255,.7);color:var(--st-ink);border:1px solid rgba(21,23,27,.14);transition:background .2s,color .2s,transform .2s} .st-size:hover{transform:translateY(-2px)} .st-size.is-on{background:var(--st-ink);color:#fff;border-color:var(--st-ink)} .stylo-home .st-btn{height:56px;border-radius:999px;background:var(--st-ink);color:#fff!important;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;gap:6px} .stylo-home .st-btn:hover{background:var(--st-accent)} .st-stage{position:relative;flex:1;min-width:0;aspect-ratio:700/460;max-width:760px;margin-inline-start:auto} .st-shoe{position:absolute;inset:6% 6% 10%;display:flex;align-items:center;justify-content:center} .st-shoe img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply;animation:st-float 6s ease-in-out infinite} .st-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible} .st-draw{stroke-dasharray:700;animation:st-draw 1.8s cubic-bezier(.6,0,.2,1) both} .st-pulse{animation:st-pulse 2s ease-in-out infinite;transform-box:fill-box;transform-origin:center} .st-lbl{position:absolute;font-size:12px;color:var(--st-mute);white-space:nowrap} .st-ctrl{position:absolute;bottom:40px;left:var(--st-gut);display:flex;gap:10px;z-index:2} .st-arrow{width:52px;height:52px;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .25s} .st-arrow:hover{background:rgba(255,255,255,.95)} .st-dots{position:absolute;bottom:60px;right:var(--st-gut);display:flex;gap:10px;align-items:center;z-index:2} .st-dots button{height:10px;width:10px;border-radius:999px;border:0;padding:0;cursor:pointer;background:rgba(21,23,27,.2);transition:width .4s,background .4s} .st-dots button.is-on{width:36px;background:var(--st-ink)} /* sections */ .st-sec{padding:56px var(--st-gut) 0;display:flex;flex-direction:column;gap:24px} .st-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap} .st-head h2{margin:0;font-size:clamp(26px,3vw,36px);font-weight:800;text-wrap:balance} .st-more{font-size:14px;color:var(--st-mute)!important} .st-brands{display:flex;flex-wrap:wrap;gap:10px} .st-brand{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 20px;border-radius:999px;font-weight:700;font-size:15px;transition:transform .3s,background .3s} .st-brand:hover{transform:translateY(-3px);background:rgba(255,255,255,.95)} .st-grid,.st-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} .st-card{border-radius:28px;padding:18px;display:flex;flex-direction:column;gap:14px;transition:transform .5s cubic-bezier(.2,.8,.2,1),background .4s} .st-card:hover{transform:translateY(-8px);background:rgba(255,255,255,.9)} .st-thumb{aspect-ratio:1/0.78;border-radius:20px;background:linear-gradient(#fff,#F5F6F9);display:flex;align-items:center;justify-content:center;overflow:hidden} .st-thumb img{width:88%;height:88%;object-fit:contain;mix-blend-mode:multiply} .st-card-txt{display:flex;flex-direction:column;gap:4px} .st-card-name{font-size:15px;font-weight:700;line-height:1.3} .st-card-sub{font-size:13px;color:var(--st-mute2)} .st-card-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto} .st-card-price{font-size:18px;font-weight:800}.st-card-price del{font-size:.75em;color:var(--st-faint);font-weight:500}.st-card-price ins{text-decoration:none} .st-card-cta{font-size:13px;color:var(--st-mute);white-space:nowrap} /* route */ .st-route{position:relative;color:var(--st-navy-ink);margin:56px var(--st-gut) 0;border-radius:36px;padding:40px clamp(20px,3.4vw,48px);display:flex;flex-direction:column;gap:28px;background-color:var(--st-navy);background-image:linear-gradient(rgba(234,241,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(234,241,255,.07) 1px,transparent 1px);background-size:40px 40px;overflow:hidden} .st-route h2{color:var(--st-navy-ink)} .st-route-sub{font-size:13px;color:var(--st-navy-mute)} .st-path{position:relative;height:150px} .st-path svg{position:absolute;inset:0;width:100%;height:150px} .st-dash{stroke-dasharray:10 10;animation:st-dash 1.2s linear infinite} .st-pt{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--st-navy-ink)} .st-pt-y{width:18px;height:18px;margin:-9px 0 0 -9px;background:var(--st-sun)} .st-truck{position:absolute;top:40px;width:64px;height:44px;background:var(--st-sun);color:var(--st-navy);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;animation:st-go 7s cubic-bezier(.6,0,.4,1) infinite} .st-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;font-size:15px} .st-steps>div{display:flex;flex-direction:column;gap:4px} .st-n{font-size:11px;color:var(--st-navy-mute)}.st-d{color:var(--st-navy-mute);font-size:13px} .stylo-home>.st-sec:last-child{padding-bottom:64px} @media (max-width:1080px){.st-info{flex-basis:380px}.st-grid,.st-cats{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (max-width:820px){ .st-slide{flex-direction:column-reverse;align-items:stretch;min-height:0;padding-top:28px;padding-bottom:110px;gap:8px} .st-stage{width:100%;margin:0;flex:none}.st-info{flex:none;width:100%} .st-bigcode{top:24px} .st-steps,.st-grid,.st-cats{grid-template-columns:repeat(2,minmax(0,1fr))} .st-grid,.st-cats{gap:12px}.st-card{padding:12px;border-radius:22px} .st-card-cta{display:none} .st-cat .st-card-foot{flex-direction:column;align-items:flex-start;gap:2px} } @media (max-width:560px){.st-info{padding:22px}.st-lbl{display:none}.st-lbl.st-keep{display:block}.st-card-name{font-size:14px}} @media (prefers-reduced-motion:reduce){.stylo-home *,body.stylo-skin #header .site-title a{animation:none!important;transition:none!important}} /* free editor content inside the home */ .stylo-home .st-content{max-width:1440px;box-sizing:border-box} .stylo-home .st-content>*{max-width:100%} .stylo-home>section:last-child{padding-bottom:64px} /* ---------- Best Sellers ---------- */ .st-grid.st-best{grid-template-columns:repeat(var(--cols,5),minmax(0,1fr))} @media (max-width:1080px){.st-grid.st-best{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (max-width:820px){.st-grid.st-best{grid-template-columns:repeat(2,minmax(0,1fr))}} /* ---------- Sale price: original price with a red strike, our price in blue gradient ---------- */ .st-price del,.st-card-price del{position:relative;display:inline-block;text-decoration:none;color:#7A86A6;font-weight:700;padding:0 2px} .st-price del::after,.st-card-price del::after{content:"";position:absolute;inset-inline:-3px;top:52%;height:2.5px;border-radius:2px;background:#E5322D;transform:rotate(-8deg)} .st-price ins,.st-card-price ins,.st-hl{text-decoration:none;background:linear-gradient(100deg,#2A34B0 0%,#3F4BD8 35%,#6E7CFF 65%,#3F4BD8 100%);-webkit-background-clip:text;background-clip:text;color:transparent} /* ---------- Product cards (premium, minimal) ---------- */ .st-grid{gap:44px 24px} .st-pcard{display:flex;flex-direction:column;gap:16px;color:inherit;text-decoration:none} .st-pcard:hover{color:inherit} .st-pcard-img{position:relative;aspect-ratio:1/1;border-radius:20px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:box-shadow .5s} .st-pcard-img::after{content:"";position:absolute;left:18%;right:18%;bottom:20%;height:6%;border-radius:50%;background:radial-gradient(ellipse,rgba(21,23,27,.16),rgba(21,23,27,0) 70%);transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .6s} .st-pcard-img img{position:relative;z-index:1;width:100%!important;height:100%!important;object-fit:contain;transition:transform .6s cubic-bezier(.2,.8,.2,1)} .st-pcard:hover .st-pcard-img::after{transform:scale(.85);opacity:.7} .st-pcard-body{display:flex;flex-direction:column;gap:6px;padding:0 4px} .st-pcard-name{font-size:14px;font-weight:500;line-height:1.45;letter-spacing:.01em;color:#15171B;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em} .st-pcard-price{font-size:15px;font-weight:700;color:#15171B;font-variant-numeric:tabular-nums} @media (max-width:560px){.st-grid{gap:28px 12px}.st-pcard{gap:10px}.st-pcard-img{border-radius:14px}.st-pcard-name{font-size:12.5px}.st-pcard-price{font-size:14px}} /* ---------- Brands + categories (match product cards) ---------- */ .st-brand{background:#fff!important;border:1px solid rgba(26,43,85,.07);color:#15171B;font-weight:600;backdrop-filter:none;transition:background .25s,color .25s,border-color .25s} .st-brand .st-muted{font-size:12px;font-weight:500;color:#7A86A6} .st-brand:hover{transform:none;background:#1A2B55!important;color:#fff;border-color:#1A2B55}.st-brand:hover .st-muted{color:#B8C6E6} /* ===== Hero v1.3: price box, glow, halo, controls under the shoe, note ===== */ .st-hero{overflow:hidden} .st-hero-glow{position:absolute;top:30px;left:3%;width:min(840px,60vw);aspect-ratio:1;border-radius:50%;pointer-events:none;animation:st-orb 12s ease-in-out infinite} .st-hero-slider{position:relative} .st-track{background:transparent} .st-slide .st-glow{display:none} .st-bigcode{color:rgba(26,43,85,.05)} .st-pbox{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:20px;background:rgba(255,255,255,.7);border:1px solid rgba(26,43,85,.08)} .st-pb-orig{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--st-mute2)} .st-strike{position:relative;display:inline-block;font-size:22px;font-weight:700;color:var(--st-faint);padding:0 2px} .st-strike::after{content:"";position:absolute;inset-inline:-3px;top:52%;height:2.5px;border-radius:2px;background:#E5322D;transform:rotate(-8deg)} .st-strike .woocommerce-Price-amount{color:inherit} .st-pb-our{display:flex;flex-direction:column;gap:4px;padding-top:14px;border-top:1px dashed rgba(26,43,85,.14)} .st-pb-our.st-pb-solo{padding-top:0;border-top:0} .st-pb-k{font-size:12px;letter-spacing:.06em;color:var(--st-mute2)} .st-pb-our b{font-size:40px;line-height:1;font-weight:900;font-variant-numeric:tabular-nums} .st-hl,.st-hl .woocommerce-Price-amount,.st-hl bdi,.st-hl .woocommerce-Price-currencySymbol{background:linear-gradient(100deg,#2A34B0 0%,#3F4BD8 35%,#6E7CFF 65%,#3F4BD8 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-box-decoration-break:clone;box-decoration-break:clone} .st-chips-row{display:flex;flex-wrap:wrap;gap:6px} .st-chips-row span{font-size:12px;padding:6px 10px;border-radius:999px;background:#EEF0F4;color:#3E4C74} .stylo-home .st-link{text-align:center;font-size:14px;color:var(--st-mute)!important;text-decoration:underline!important;text-underline-offset:4px} .st-stage{max-width:860px} .st-halo{position:absolute;inset:-4% 0 0;pointer-events:none;background:radial-gradient(ellipse 48% 44% at 50% 50%,rgba(255,255,255,.95),rgba(255,255,255,.55) 45%,rgba(255,255,255,0) 100%)} .st-ground{position:absolute;left:10%;right:8%;bottom:2%;height:13%;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,rgba(21,23,27,.45),rgba(21,23,27,.16) 45%,rgba(21,23,27,0) 72%);filter:blur(4px);animation:st-ground 6s ease-in-out infinite} @keyframes st-ground{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.86);opacity:.7}} .st-shoe{z-index:1} .st-shoe img{mix-blend-mode:multiply;filter:drop-shadow(0 34px 26px rgba(21,23,27,.22))} .st-lines{z-index:2} .st-hot{opacity:0;transition:opacity .25s ease} .st-slide[aria-hidden="false"] .st-hot{opacity:1;transition:opacity 1.1s ease .7s} .st-ctrl{display:none} .st-ctrlbar{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;gap:14px;z-index:3} .st-ctrlbar .st-arrow{width:36px;height:36px;border-radius:999px;border:0;background:rgba(255,255,255,.8);color:var(--st-ink);box-shadow:0 1px 0 rgba(26,43,85,.08)} .st-ctrlbar .st-dots{position:static;display:flex;gap:8px} .st-dots button{background:rgba(26,43,85,.2)} .st-dots button.is-on{background:var(--st-ink)} .st-slide{padding-bottom:110px} .st-hero-note{position:relative;z-index:1;margin:-40px auto 0;padding:0 var(--st-gut) 8px;max-width:1000px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(26,43,85,.72)} .st-hero-note b{display:block;font-size:clamp(28px,3.6vw,52px);line-height:1.1;letter-spacing:-.01em} .st-hero-note span{font-size:clamp(16px,1.5vw,20px);line-height:1.5;font-weight:500} .st-hero-note b{font-weight:900} @media (max-width:820px){.st-hero-glow{top:40px;left:-20%;width:140vw}.st-slide .st-stage{margin-bottom:52px}} @media (prefers-reduced-motion:reduce){.st-hot,.st-slide[aria-hidden="false"] .st-hot{transition:none}} .st-title{text-align:right} .st-shoe img{width:100%!important;height:100%!important;max-width:none;max-height:none;object-fit:contain} @media (max-width:820px){.st-hero-note{margin-top:-60px}} /* centered headlines; brands: divider instead of a title */ .st-head{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px} .st-brands{justify-content:center} .st-divider{width:min(720px,100%);height:1px;margin:8px auto 0;border:0;background:linear-gradient(90deg,rgba(26,43,85,0),rgba(26,43,85,.18),rgba(26,43,85,0))} /* ---------- Floating WhatsApp ---------- */ .st-wa{position:fixed;z-index:9999;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:10px;flex-direction:row-reverse;color:#fff;text-decoration:none} .st-wa-circle{position:relative;width:60px;height:60px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px -8px rgba(18,140,70,.6);transition:transform .25s} .st-wa-circle::before{content:"";position:absolute;inset:0;border-radius:50%;background:#25D366;opacity:.35;animation:st-wa-ping 2.6s ease-out infinite;z-index:-1} @keyframes st-wa-ping{0%{transform:scale(1);opacity:.35}80%,100%{transform:scale(1.6);opacity:0}} .st-wa:hover .st-wa-circle{transform:scale(1.07)} .st-wa-tip{background:#fff;color:#15171B;font-size:14px;font-weight:600;padding:9px 14px;border-radius:999px;box-shadow:0 8px 24px -10px rgba(26,43,85,.35);white-space:nowrap;opacity:0;transform:translateX(8px);transition:opacity .25s,transform .25s;pointer-events:none} .st-wa:hover .st-wa-tip,.st-wa:focus-visible .st-wa-tip{opacity:1;transform:none} @media (max-width:560px){.st-wa-circle{width:54px;height:54px}.st-wa-tip{display:none}} @media (prefers-reduced-motion:reduce){.st-wa-circle::before{animation:none}} /* our menu replaces the Blocksy header */ body.stylo-mega #header,body.stylo-mega #main-header,body.stylo-mega #top-header,body.stylo-mega .et-l--header{display:none!important} body.stylo-mega #page-container{padding-top:0!important} /* ---------- Reviews wall ---------- */ .st-reviews .st-head{margin-bottom:4px} .st-rev-sub{font-size:15px;color:var(--st-mute)} .st-rev-more{display:block;margin-top:4px;font-size:17px;font-weight:800;color:var(--st-ink,#1A2B55)} .st-rev-wall{position:relative;max-width:1080px;width:100%;margin:0 auto;max-height:clamp(560px,62vw,760px);overflow:hidden} .st-rev-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .st-rev-grid .st-rev-card:nth-child(even){margin-top:36px} .st-rev-card{display:block;width:100%;padding:0;border:0;background:#fff;border-radius:18px;overflow:hidden;cursor:zoom-in;box-shadow:0 18px 40px -24px rgba(26,43,85,.45);transition:transform .45s cubic-bezier(.2,.8,.2,1)} .st-rev-card img{width:100%;height:auto;aspect-ratio:480/853;object-fit:cover;display:block} .st-rev-card:hover{transform:translateY(-6px) rotate(-.6deg)} .st-rev-fade{position:absolute;left:0;right:0;bottom:0;height:260px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;padding-bottom:18px;background:linear-gradient(180deg,rgba(238,240,244,0) 0%,rgba(238,240,244,.92) 55%,#EEF0F4 80%)} .st-rev-all{display:inline-flex;align-items:center;text-decoration:none!important;height:54px;padding:0 30px;border-radius:999px;border:0;background:#1A2B55;color:#fff!important;font-family:inherit;font-weight:800;font-size:16px;cursor:pointer;transition:background .25s} .st-rev-all:hover{background:#3F4BD8;color:#fff} .st-rev-ig{font-size:14px;color:var(--st-mute)!important;text-decoration:underline!important;text-underline-offset:4px} .st-rev-modal{position:fixed;inset:0;z-index:99999;background:rgba(238,240,244,.97);backdrop-filter:blur(8px);display:flex;flex-direction:column;padding:16px var(--st-gut);direction:rtl} .st-rev-modal[hidden],.st-rev-view[hidden]{display:none} .st-rev-bar{display:flex;justify-content:space-between;align-items:center;padding:4px 0 16px;font-size:18px;color:#1A2B55} .st-rev-x{width:40px;height:40px;border-radius:999px;border:1px solid rgba(26,43,85,.12);background:#fff;color:#1A2B55;font-size:16px;cursor:pointer} .st-rev-mgrid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:max-content;gap:12px;align-content:start;padding-bottom:24px} .st-rev-mgrid .st-rev-card{border-radius:14px;box-shadow:none} .st-rev-view{position:absolute;inset:0;background:rgba(15,20,40,.92);display:flex;align-items:center;justify-content:center;gap:16px;padding:16px} .st-rev-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0} .st-rev-note{max-width:min(92vw,520px);padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.95);color:#1A2B55;font-size:14px;font-weight:700;text-align:center;line-height:1.4} .st-rev-view img{max-height:calc(92vh - 64px);max-width:min(92vw,520px);border-radius:16px;object-fit:contain} .st-rev-nav{width:48px;height:48px;border-radius:999px;border:0;background:rgba(255,255,255,.9);color:#1A2B55;font-size:26px;line-height:1;cursor:pointer;flex:none} .st-rev-vx{position:absolute;top:16px;left:16px} @media (max-width:820px){.st-rev-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.st-rev-grid .st-rev-card:nth-child(n+5){display:none}.st-rev-wall{max-height:none}.st-rev-grid .st-rev-card:nth-child(even){margin-top:24px}.st-rev-fade{height:200px}} @media (max-width:560px){.st-rev-view{padding-bottom:88px}.st-rev-view img{max-height:calc(100vh - 190px)}.st-rev-nav{position:absolute;bottom:24px}.st-rev-nav[data-rev-step="-1"]{right:24px}.st-rev-nav[data-rev-step="1"]{left:24px}.st-rev-mgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}} /* ---------- Footer ---------- */ body.stylo-mega #footer,body.stylo-mega .ct-footer{display:none!important} /* ===== Ambient colour glows down the whole home page (same soft light as behind the hero shoe) ===== */ .st-amb-host{position:relative} .st-amb{position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;z-index:-1;pointer-events:none;overflow:hidden} .st-amb i{position:absolute;display:block;width:min(1000px,85vw);aspect-ratio:1;border-radius:50%;transform:translate3d(0,0,0);animation:st-amb-drift 22s ease-in-out infinite alternate;will-change:transform} .st-amb i:nth-child(1){top:11%;right:-16%;background:radial-gradient(circle,rgba(92,160,235,.55),rgba(92,160,235,0) 65%)} .st-amb i:nth-child(2){top:24%;left:-20%;background:radial-gradient(circle,rgba(124,118,255,.45),rgba(124,118,255,0) 65%);animation-delay:-6s} .st-amb i:nth-child(3){top:39%;right:-14%;background:radial-gradient(circle,rgba(236,196,120,.58),rgba(236,196,120,0) 65%);animation-delay:-12s} .st-amb i:nth-child(4){top:54%;left:-18%;background:radial-gradient(circle,rgba(222,140,70,.45),rgba(222,140,70,0) 65%);animation-delay:-3s} .st-amb i:nth-child(5){top:69%;right:-20%;background:radial-gradient(circle,rgba(200,96,130,.40),rgba(200,96,130,0) 65%);animation-delay:-9s} .st-amb i:nth-child(6){top:83%;left:-14%;background:radial-gradient(circle,rgba(92,160,235,.52),rgba(110,124,255,0) 65%);animation-delay:-15s} @keyframes st-amb-drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-4vw,-3vw,0) scale(1.08)}} @media (max-width:820px){.st-amb i{width:135vw}.st-amb i:nth-child(odd){right:-55%}.st-amb i:nth-child(even){left:-55%}} @media (prefers-reduced-motion:reduce){.st-amb i{animation:none}} /* let the glows show through: page background moves to the canvas, no sideways scroll */ html:has(.st-amb-page){background:transparent!important} body:has(.st-amb-page){position:relative;overflow-x:clip} .st-amb.st-amb-page{left:0;right:0;width:auto;margin-left:0} /* inner pages (FAQ, terms, contact, tracking): the same glows, four of them, a bit smaller */ :is(.st-amb-in>.st-amb,.st-amb.st-amb-sm) i{width:min(860px,78vw)} :is(.st-amb-in>.st-amb,.st-amb.st-amb-sm) i:nth-child(n+5){display:none} :is(.st-amb-in>.st-amb,.st-amb.st-amb-sm) i:nth-child(1){top:-8%} :is(.st-amb-in>.st-amb,.st-amb.st-amb-sm) i:nth-child(2){top:16%} :is(.st-amb-in>.st-amb,.st-amb.st-amb-sm) i:nth-child(3){top:40%} :is(.st-amb-in>.st-amb,.st-amb.st-amb-sm) i:nth-child(4){top:62%} @media (max-width:820px){:is(.st-amb-in>.st-amb,.st-amb.st-amb-sm) i{width:130vw}} /* route: no card, dark text straight on the page */ .st-route{background:none!important;box-shadow:none!important;color:var(--st-ink);border-radius:0} .st-route h2{color:var(--st-ink)} .st-route-sub,.st-n,.st-d{color:var(--st-mute2)} .st-route .st-dash{stroke:#1A2B55;opacity:.55} .st-pt{background:var(--st-ink)}.st-pt-y{background:var(--st-sun)} /* steps hang under their dots on the path (every screen size) */ @media all{ .st-route .st-steps{display:block;position:relative;height:24px} .st-route .st-steps>div{position:absolute;width:200px;gap:2px} .st-route .st-steps>div::before{content:"";position:absolute;top:-24px;height:16px;border-left:2px dotted rgba(26,43,85,.35)} .st-route .st-steps>div:nth-child(1){right:calc(5.06% - 9px);top:-69px;text-align:right;align-items:flex-start} .st-route .st-steps>div:nth-child(1)::before{right:8px} .st-route .st-steps>div:nth-child(2){left:64.87%;top:-52px;transform:translateX(-50%);text-align:center;align-items:center} .st-route .st-steps>div:nth-child(3){left:34.81%;top:-86px;transform:translateX(-50%);text-align:center;align-items:center} .st-route .st-steps>div:nth-child(2)::before,.st-route .st-steps>div:nth-child(3)::before{left:50%;margin-left:-1px} .st-route .st-steps>div:nth-child(4){left:calc(4.75% - 9px);top:-69px;text-align:left;align-items:flex-end} .st-route .st-steps>div:nth-child(4)::before{left:8px} } /* narrower screens: same layout, smaller steps */ @media (max-width:900px){ .st-route .st-steps{height:64px} .st-route .st-steps>div{width:min(190px,27%)} .st-route .st-steps strong{font-size:14px;line-height:1.3} .st-route .st-steps .st-d{font-size:12.5px;line-height:1.4} } @media (max-width:560px){ .st-route{padding-left:14px!important;padding-right:14px!important} .st-route .st-steps{height:40px} .st-route .st-steps>div{width:19%;gap:3px} .st-route .st-steps>div:nth-child(2),.st-route .st-steps>div:nth-child(3){width:25%} .st-route .st-steps .st-n{font-size:11px} .st-route .st-steps strong{font-size:13px;line-height:1.35} .st-route .st-steps .st-d{display:none} /* phones: number + title only, so it breathes */ .st-here{font-size:11.5px} .st-here b{padding:4px 9px} .st-path .st-here:first-of-type{transform:translate(-78%,-100%);align-items:flex-end} .st-path .st-here:last-of-type{transform:translate(-22%,-100%);align-items:flex-start} .st-path .st-here i{padding:0 6px} } /* "you are here" / "outside your door" markers above the first and last dots */ .st-here{position:absolute;top:47px;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;gap:2px;font-size:13px;font-weight:800;color:#1A2B55;white-space:nowrap;pointer-events:none;z-index:2} .st-here b{font-weight:800;padding:5px 12px;border-radius:999px;background:#fff;box-shadow:0 10px 22px -14px rgba(26,43,85,.6)} .st-here i{font-style:normal;font-size:16px;line-height:1;animation:st-here-bob 1.6s ease-in-out infinite} @keyframes st-here-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}} @media (prefers-reduced-motion:reduce){.st-here i{animation:none}} /* separator lines between the home blocks (brands already carries its own) */ .stylo-home>section+section::before{content:"";display:block;align-self:center;width:min(720px,100%);height:1px;margin:0 auto 44px;background:linear-gradient(90deg,rgba(26,43,85,0),rgba(26,43,85,.18),rgba(26,43,85,0))} .stylo-home>section.st-hero+section::before,.stylo-home>section:has(.st-divider)::before,.stylo-home>section:has(.st-divider)+section::before{content:none} /* route: a shoe rides the line and swaps every second */ .st-runner{position:absolute;width:130px;height:82px;transform:translate(-50%,-80%);pointer-events:none;z-index:1} .st-runner img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;opacity:0;transform:scale(.8) rotate(-4deg);transition:opacity .22s ease,transform .4s cubic-bezier(.2,1.5,.4,1);filter:drop-shadow(0 12px 8px rgba(26,43,85,.22))} .st-runner img.is-on{opacity:1;transform:scale(1) rotate(0)} @media (max-width:560px){.st-runner{width:78px;height:50px}} /* FAQ, contact, terms, tracking, cart, checkout: no theme page title (the page has its own) */ body.stylo-no-title :is(.hero-section,.entry-header,.ct-page-title,.page-title:not(.st-keep)){display:none!important} /* ===== "לפי דגם": clean white photo tile, name + count underneath, round arrow to go ===== */ .st-mc{display:flex;flex-direction:column;gap:14px;color:inherit!important;text-decoration:none!important;min-width:0} .st-mc-img{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1.25;border-radius:24px;background:#fff;border:1px solid rgba(26,43,85,.07);overflow:hidden;box-shadow:0 22px 44px -36px rgba(26,43,85,.55);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s} .st-mc-img img{width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;transform:translate(var(--tx,0),var(--ty,0)) scale(var(--s,1));transition:transform .6s cubic-bezier(.2,.8,.2,1)} .st-mc-fb{font-size:22px;font-weight:900;color:#1A2B55;opacity:.35;text-align:center;padding:10px} .st-mc-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 4px} .st-mc-txt{display:flex;flex-direction:column;gap:2px;min-width:0} .st-mc-txt b{font-size:17px;font-weight:800;line-height:1.25;color:#1A2B55;unicode-bidi:plaintext;text-align:right} .st-mc-txt small{font-size:13px;color:#6B7797} .st-mc-go{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(26,43,85,.18);color:#1A2B55;transition:background .25s,color .25s,border-color .25s} .st-mc-go svg{transform:rotate(45deg);transition:transform .35s cubic-bezier(.2,.8,.2,1)} .st-mc:hover .st-mc-img,.st-mc:focus-visible .st-mc-img{transform:translateY(-4px);box-shadow:0 30px 50px -34px rgba(26,43,85,.6)} .st-mc:hover .st-mc-img img{transform:translate(var(--tx,0),var(--ty,0)) scale(calc(var(--s,1) * 1.05)) rotate(-3deg)} .st-mc:hover .st-mc-go,.st-mc:focus-visible .st-mc-go{background:#1A2B55;border-color:#1A2B55;color:#fff} .st-mc:hover .st-mc-go svg{transform:rotate(0)} .st-mc:focus-visible{outline:none} .st-mc:focus-visible .st-mc-img{outline:2px solid #3F4BD8;outline-offset:3px} @media (max-width:900px){.st-mc{gap:10px}.st-mc-img{border-radius:20px}.st-mc-txt b{font-size:15px}.st-mc-go{width:34px;height:34px}} @media (max-width:560px){.st-mc-txt b{font-size:14px}.st-mc-txt small{font-size:12px}.st-mc-go{width:30px;height:30px}.st-mc-go svg{width:14px;height:14px}.st-mc-foot{padding:0 2px;gap:6px}} @media (prefers-reduced-motion:reduce){.st-mc-img,.st-mc-img img,.st-mc-go svg{transition:none}} /* product photos in cards: stylo.js measures the shoe in each photo and zooms it to fill the card */ .st-fit{object-fit:contain!important;transform:translate(var(--tx,0),var(--ty,0)) scale(var(--s,1))!important;transition:transform .6s cubic-bezier(.2,.8,.2,1)!important} .st-fit-box{overflow:hidden!important} .st-pcard:hover .st-fit{transform:translate(var(--tx,0),var(--ty,0)) translateY(-4px) scale(calc(var(--s,1) * 1.04))!important} body.stylo-skin li.product:hover .st-fit{transform:translate(var(--tx,0),var(--ty,0)) scale(calc(var(--s,1) * 1.05))!important} .st-mc:hover .st-fit{transform:translate(var(--tx,0),var(--ty,0)) scale(calc(var(--s,1) * 1.05)) rotate(-3deg)!important} @media (prefers-reduced-motion:reduce){.st-fit{transition:none!important}} /* "לפי דגם": a clear button under each tile instead of the small arrow */ .st-mc-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;margin-top:2px;border-radius:999px;background:#1A2B55;color:#fff;font-size:15px;font-weight:800;transition:background .25s,box-shadow .25s} .st-mc-btn svg{flex:none;transition:transform .3s cubic-bezier(.2,.8,.2,1)} .st-mc:hover .st-mc-btn,.st-mc:focus-visible .st-mc-btn{background:linear-gradient(135deg,#3F4BD8,#6E7CFF);box-shadow:0 14px 28px -16px rgba(63,75,216,.9)} .st-mc:hover .st-mc-btn svg{transform:translateX(-4px)} @media (max-width:900px){.st-mc-btn{height:42px;font-size:14px}} @media (max-width:560px){.st-mc-btn{height:38px;font-size:12.5px;gap:5px}.st-mc-btn svg{width:13px;height:13px}} @media (prefers-reduced-motion:reduce){.st-mc-btn,.st-mc-btn svg{transition:none}} /* "לפי דגם" as a slider: swipe / arrows, with a progress bar */ .st-cats.st-cats-sl{display:flex!important;box-sizing:border-box;width:100%;min-width:0;max-width:100%;align-self:stretch;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;padding:6px 2px 18px;-webkit-overflow-scrolling:touch} .st-cats-sl::-webkit-scrollbar{display:none} .st-cats-sl:focus-visible{outline:2px solid #3F4BD8;outline-offset:4px;border-radius:24px} .st-cats-sl>.st-mc{flex:0 0 calc((100% - 3 * 20px) / 4.4);scroll-snap-align:start} .st-sl-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:4px} .st-sl-nav[hidden]{display:none} .st-sl-arrows{display:flex;gap:10px} .st-sl-arrows button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0!important;border:0!important;border-radius:50%!important;background:#1A2B55!important;color:#fff!important;cursor:pointer;box-shadow:0 10px 24px -16px rgba(26,43,85,.8);transition:background .2s,opacity .2s,transform .2s} .st-sl-arrows button:hover:not(:disabled){background:linear-gradient(135deg,#3F4BD8,#6E7CFF)!important;transform:translateY(-1px)} .st-sl-arrows button:disabled{opacity:.3;cursor:default;box-shadow:none} .st-sl-bar{flex:1;max-width:260px;height:4px;border-radius:9px;background:rgba(26,43,85,.12);overflow:hidden} .st-sl-bar i{display:block;width:30%;height:100%;border-radius:9px;background:linear-gradient(90deg,#3F4BD8,#6E7CFF);transition:transform .15s linear} @media (max-width:1080px){.st-cats-sl>.st-mc{flex-basis:calc((100% - 2 * 20px) / 3.4)}} @media (max-width:900px){.st-cats.st-cats-sl{gap:14px}.st-cats-sl>.st-mc{flex-basis:calc((100% - 14px) / 2.4)}} @media (max-width:560px){.st-cats.st-cats-sl{gap:12px}.st-cats-sl>.st-mc{flex-basis:62%}.st-sl-arrows button{width:42px;height:42px}.st-sl-bar{max-width:none}} @media (prefers-reduced-motion:reduce){.st-cats.st-cats-sl{scroll-behavior:auto}} /* ===== home product cards = the shop's product card (badge, price, model line, quick add) ===== */ .st-pcard{position:relative;display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:26px;background:rgba(255,255,255,.62);border:1px solid rgba(21,23,27,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:inherit;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s} .st-pcard:hover{transform:translateY(-4px);box-shadow:0 26px 50px -34px rgba(26,43,85,.55)} .st-pcard-link{display:flex;flex-direction:column;gap:12px;color:inherit!important;text-decoration:none!important} .st-pcard-img{background:linear-gradient(#fff,#F5F6F9)!important;border-radius:18px!important} .st-pcard:hover .st-pcard-img{box-shadow:none} .st-pcard-badge{position:absolute;top:12px;right:12px;z-index:3;padding:4px 10px;border-radius:6px;background:#3F4BD8;color:#fff;font-size:12px;font-weight:800;line-height:1.4} .st-pcard-name{font-size:15px!important;font-weight:800!important;color:#1A2B55!important;line-height:1.35!important;min-height:2.7em;unicode-bidi:plaintext;text-align:right;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .st-pcard-body{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:0 2px;margin-top:auto} .st-pcard-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:17px!important;font-weight:800!important;color:#1A2B55!important} .st-pcard-price ins{order:-1;text-decoration:none;background:none} .st-pcard-price del{font-size:13px;font-weight:600;color:#7A86A6;opacity:1} .st-pcard-cat{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#1A2B55;unicode-bidi:plaintext} .st-pcard .st-qa{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;margin-top:2px;padding:0 20px!important;border:0!important;border-radius:999px!important;background:#1A2B55!important;color:#fff!important;font:inherit;font-size:15px!important;font-weight:800!important;text-decoration:none!important;cursor:pointer;transition:background .2s} .st-pcard .st-qa span{font-size:19px;line-height:1;font-weight:700} .st-pcard .st-qa:hover{background:#3F4BD8!important} .st-pcard .st-qa.loading{opacity:.6} .st-pcard .added_to_cart{display:none!important} .st-pcard.st-qa-open .st-qa{visibility:hidden} @media (max-width:560px){ .st-pcard{padding:10px;border-radius:20px;gap:8px} .st-pcard-link{gap:8px} .st-pcard-img{border-radius:14px!important} .st-pcard-name{font-size:13px!important} .st-pcard-price{font-size:15px!important;gap:6px} .st-pcard .st-qa{width:100%;height:40px;padding:0 8px!important;font-size:13px!important;white-space:nowrap} .st-pcard .st-qa span{font-size:16px} } /* ===== category / shop page title ===== */ body.stylo-skin:is(.post-type-archive-product,.tax-product_cat,.tax-product_tag,.tax-product_brand) .hero-section{position:relative;min-height:0!important;padding:46px 0 10px!important;margin:0!important;background:none!important;text-align:center;overflow:hidden;--min-height:0px;--container-padding:0px} body.stylo-skin:is(.post-type-archive-product,.tax-product_cat,.tax-product_tag,.tax-product_brand) .hero-section>*{position:relative;z-index:1;min-height:0!important;padding-top:0!important;padding-bottom:0!important} body.stylo-skin:is(.post-type-archive-product,.tax-product_cat,.tax-product_tag,.tax-product_brand) .hero-section figure,body.stylo-skin:is(.post-type-archive-product,.tax-product_cat,.tax-product_tag,.tax-product_brand) .hero-section .ct-image-container{display:none!important} /* a huge outlined copy of the name, very faint, behind the title (text comes from stylo.js) */ body.stylo-skin:is(.post-type-archive-product,.tax-product_cat,.tax-product_tag,.tax-product_brand) .hero-section[data-ghost]::before{content:attr(data-ghost);position:absolute;z-index:0;top:54%;left:50%;transform:translate(-50%,-50%);font-size:clamp(64px,11vw,150px);font-weight:900;line-height:1;letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;color:transparent;-webkit-text-stroke:1.5px rgba(26,43,85,.09);pointer-events:none} body.stylo-skin:is(.post-type-archive-product,.tax-product_cat,.tax-product_tag,.tax-product_brand) :is(.hero-section,.entry-header) .page-title{position:relative;display:inline-block;max-width:92vw;margin:0!important;padding-bottom:.06em;font-size:clamp(30px,4.4vw,56px)!important;font-weight:900!important;line-height:1.05!important;letter-spacing:-.02em!important;text-transform:uppercase;text-align:center;background:linear-gradient(100deg,#1A2B55 0%,#26377A 45%,#3F4BD8 80%,#6E7CFF 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent} body.stylo-skin:is(.post-type-archive-product,.tax-product_cat,.tax-product_tag,.tax-product_brand) :is(.hero-section,.entry-header) .page-title::before{content:"קטגוריה";display:block;width:max-content;margin:0 auto 12px;padding:5px 12px;border-radius:999px;background:rgba(63,75,216,.1);font-size:12px;font-weight:800;letter-spacing:.08em;line-height:1.2;-webkit-text-fill-color:#3F4BD8;color:#3F4BD8} body.stylo-skin.post-type-archive-product :is(.hero-section,.entry-header) .page-title::before{content:"החנות"} body.stylo-skin.tax-product_brand :is(.hero-section,.entry-header) .page-title::before{content:"מותג"} body.stylo-skin:is(.post-type-archive-product,.tax-product_cat,.tax-product_tag,.tax-product_brand) :is(.hero-section,.entry-header) .page-title::after{content:"";display:block;width:52px;height:4px;margin:16px auto 0;border-radius:4px;background:linear-gradient(90deg,#3F4BD8,#6E7CFF)} .st-arch-count{display:block;margin-top:12px;font-size:14px;font-weight:700;color:#5A6890} body.stylo-skin:is(.post-type-archive-product,.tax-product_cat,.tax-product_tag,.tax-product_brand) .hero-section .page-description{max-width:640px;margin:12px auto 0!important;font-size:15px;color:#5A6890;text-align:center} body.stylo-skin:is(.post-type-archive-product,.tax-product_cat,.tax-product_tag,.tax-product_brand) .woo-listing-top{margin-top:24px!important} body.stylo-skin:is(.post-type-archive-product,.tax-product_cat,.tax-product_tag,.tax-product_brand) main#main>.ct-container,body.stylo-skin:is(.post-type-archive-product,.tax-product_cat,.tax-product_tag,.tax-product_brand) main#main>div>.ct-container{padding-top:0!important} @media (max-width:560px){body.stylo-skin:is(.post-type-archive-product,.tax-product_cat,.tax-product_tag,.tax-product_brand) .hero-section{padding-top:28px!important}body.stylo-skin:is(.post-type-archive-product,.tax-product_cat,.tax-product_tag,.tax-product_brand) :is(.hero-section,.entry-header) .page-title::after{margin-top:12px}} /* ===== home: a row of shoes for each category ===== */ .st-row-head{align-items:center} .st-row-eyebrow{display:block;margin-bottom:6px;font-size:12px;font-weight:800;letter-spacing:.08em;color:#3F4BD8} .st-row-head h2{text-transform:uppercase;letter-spacing:-.01em;unicode-bidi:plaintext} .st-rowsl>.st-pcard{flex:0 0 calc((100% - 4 * 20px) / 5.3);scroll-snap-align:start} @media (max-width:1080px){.st-rowsl>.st-pcard{flex-basis:calc((100% - 2 * 20px) / 3.4)}} @media (max-width:900px){.st-rowsl>.st-pcard{flex-basis:calc((100% - 14px) / 2.3)}} @media (max-width:560px){.st-rowsl>.st-pcard{flex-basis:58%}} /* ===== home: "can't find a shoe?" ===== */ .st-ask{margin:56px var(--st-gut,clamp(16px,3vw,40px)) 0} .st-ask-in{position:relative;display:flex;align-items:center;gap:32px;padding:clamp(28px,4vw,52px);border-radius:32px;background:#1A2B55;color:#fff;overflow:hidden;isolation:isolate} .st-ask-in::before{content:"";position:absolute;z-index:-1;width:520px;height:520px;left:-120px;top:-180px;border-radius:50%;background:radial-gradient(closest-side,rgba(110,124,255,.55),rgba(110,124,255,0));filter:blur(10px)} .st-ask-in::after{content:"";position:absolute;z-index:-1;width:380px;height:380px;right:30%;bottom:-240px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,210,74,.28),rgba(255,210,74,0))} .st-ask-txt{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0} .st-ask-eyebrow{padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.12);font-size:12px;font-weight:800;letter-spacing:.06em;color:#FFD24A} .st-ask h2{margin:0;font-size:clamp(26px,3.4vw,42px);font-weight:900;line-height:1.1;color:#fff!important} .st-ask p{margin:0;max-width:560px;font-size:16px;line-height:1.6;color:#C9D4F0} .st-ask-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px} .st-ask-go{display:inline-flex;align-items:center;gap:9px;height:52px;padding:0 26px;border-radius:999px;background:#fff;color:#1A2B55!important;font-size:16px;font-weight:800;text-decoration:none!important;box-shadow:0 16px 30px -18px rgba(0,0,0,.6);transition:transform .2s,box-shadow .2s} .st-ask-go:hover{transform:translateY(-2px);box-shadow:0 22px 36px -18px rgba(0,0,0,.7)} .st-ask-alt{display:inline-flex;align-items:center;height:52px;padding:0 22px;border-radius:999px;border:1px solid rgba(255,255,255,.28);color:#fff!important;font-size:15px;font-weight:700;text-decoration:none!important;transition:background .2s} .st-ask-alt:hover{background:rgba(255,255,255,.1)} .st-ask-mail{font-size:13px;color:#8FA0C8} .st-ask-art{position:relative;flex:0 0 min(34%,360px);display:flex;align-items:center;justify-content:center} .st-ask-art img{position:relative;z-index:1;width:100%;max-width:340px;transform:rotate(-10deg);filter:drop-shadow(0 30px 30px rgba(0,0,0,.45));animation:st-ask-float 5s ease-in-out infinite} .st-ask-q{position:absolute;z-index:0;font-size:clamp(140px,16vw,230px);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.14)} @keyframes st-ask-float{0%,100%{transform:rotate(-10deg) translateY(0)}50%{transform:rotate(-7deg) translateY(-10px)}} @media (max-width:760px){.st-ask-in{flex-direction:column-reverse;align-items:stretch;gap:8px;border-radius:26px}.st-ask-art{flex-basis:auto;max-height:170px}.st-ask-art img{max-width:220px}.st-ask-go,.st-ask-alt{height:48px;flex:1 1 auto;justify-content:center}} @media (prefers-reduced-motion:reduce){.st-ask-art img{animation:none}} /* ===== home: email list ===== */ .st-news{margin:56px var(--st-gut,clamp(16px,3vw,40px)) 0} .st-news-in{display:flex;align-items:center;justify-content:space-between;gap:28px 48px;flex-wrap:wrap;padding:clamp(26px,3.6vw,44px);border-radius:32px;background:rgba(255,255,255,.7);border:1px solid rgba(26,43,85,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 30px 60px -44px rgba(26,43,85,.55)} .st-news-txt{flex:1 1 320px;display:flex;flex-direction:column;align-items:flex-start;gap:8px} .st-news-eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;color:#3F4BD8} .st-news h2{margin:0;font-size:clamp(24px,3vw,36px);font-weight:900;line-height:1.15;color:#1A2B55} .st-news p{margin:0;font-size:15px;line-height:1.6;color:#5A6890} .st-news-form{flex:1 1 380px;display:flex;flex-direction:column;gap:8px} .st-news-row{display:flex;gap:8px;padding:6px;border-radius:999px;background:#fff;border:1px solid rgba(26,43,85,.14);transition:border-color .2s,box-shadow .2s} .st-news-row:focus-within{border-color:#3F4BD8;box-shadow:0 0 0 4px rgba(63,75,216,.12)} .st-news-row input[type=email]{flex:1;min-width:0;height:46px!important;padding:0 16px!important;border:0!important;background:none!important;box-shadow:none!important;font:inherit;font-size:16px;color:#1A2B55;text-align:right;outline:0} .st-news-row input[type=email]::placeholder{color:#8A94B0;text-align:right} .st-news-row button{flex:none;height:46px;padding:0 24px!important;border:0!important;border-radius:999px!important;background:#1A2B55!important;color:#fff!important;font:inherit;font-size:15px!important;font-weight:800!important;cursor:pointer;transition:background .2s} .st-news-row button:hover{background:linear-gradient(135deg,#3F4BD8,#6E7CFF)!important} .st-news-form.is-busy button{opacity:.6;pointer-events:none} .st-news-msg{margin:0;min-height:0;font-size:14px;font-weight:700;color:#1E9E52} .st-news-msg:empty{display:none} .st-news-msg.is-bad{color:#B42318} .st-news-form small{font-size:12px;color:#8A94B0;padding:0 14px} .st-news-form.is-done .st-news-row{display:none} .st-hp{position:absolute!important;left:auto!important;right:auto!important;top:0!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;border:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;opacity:0!important} .st-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} @media (max-width:560px){.st-news-in{border-radius:26px}.st-news-row{flex-direction:column;border-radius:20px;padding:6px}.st-news-row button{height:46px;width:100%}} /* ===== promo bar (top of every page) ===== */ .st-promo{position:relative;z-index:61;background:linear-gradient(90deg,#1A2B55,#2B3C8F 50%,#1A2B55);color:#fff;font-family:"Ploni","Heebo",sans-serif;direction:rtl} .st-promo[hidden]{display:none} .st-promo-in{display:flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:6px 48px;font-size:14px;font-weight:600;text-align:center;flex-wrap:wrap} .st-promo-spark{color:#FFD24A;animation:st-spark 2.4s ease-in-out infinite} @keyframes st-spark{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}} .st-promo-code{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 12px!important;border:1px dashed rgba(255,210,74,.8)!important;border-radius:999px!important;background:rgba(255,210,74,.12)!important;color:#FFD24A!important;font:inherit;font-size:14px!important;cursor:pointer;min-height:0!important;transition:background .2s} .st-promo-code b{font-weight:900;letter-spacing:.12em} .st-promo-code:hover{background:rgba(255,210,74,.22)!important} .st-promo-code.is-copied{border-style:solid!important;color:#7CE0A6!important;border-color:#7CE0A6!important} .st-promo-x{position:absolute;top:50%;left:12px;transform:translateY(-50%);width:28px;height:28px;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.1)!important;color:#fff!important;font-size:18px!important;line-height:1;cursor:pointer;min-height:0!important} @media (max-width:560px){.st-promo-in{font-size:12.5px;gap:8px;padding:6px 40px 6px 12px}} @media (prefers-reduced-motion:reduce){.st-promo-spark{animation:none}} /* ===== footer (every page) ===== */ .st-foot{position:relative;margin:64px clamp(12px,2.4vw,32px) 20px;padding:0 clamp(20px,3.4vw,52px);border-radius:36px;background:#1A2B55;color:#C9D4F0;font-family:"Ploni","Heebo",sans-serif;overflow:hidden;isolation:isolate} .st-foot::before{content:"";position:absolute;z-index:-1;width:640px;height:640px;right:-200px;top:-320px;border-radius:50%;background:radial-gradient(closest-side,rgba(110,124,255,.35),rgba(110,124,255,0))} .st-foot-ghost{position:absolute;z-index:-1;left:50%;bottom:-.18em;transform:translateX(-50%);font-size:clamp(120px,22vw,320px);font-weight:900;line-height:1;white-space:nowrap;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.06);pointer-events:none;user-select:none} .st-foot-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid rgba(255,255,255,.1)} .st-foot-trust div{display:flex;flex-direction:column;gap:2px;padding:24px 18px 22px;border-inline-start:1px solid rgba(255,255,255,.1)} .st-foot-trust div:first-child{border-inline-start:0;padding-inline-start:0} .st-foot-trust b{font-size:16px;font-weight:800;color:#fff} .st-foot-trust span{font-size:13px;color:#8FA0C8} .st-foot-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:32px 28px;padding:40px 0 36px} .st-foot-brand{display:flex;flex-direction:column;gap:14px;max-width:340px} .st-foot-logo{font-family:"Heebo",sans-serif;font-size:36px!important;font-weight:900;line-height:1;color:#fff!important;text-decoration:none!important;letter-spacing:-.01em} .st-foot-brand p{margin:0;font-size:14px;line-height:1.7;color:#AEBBDD} .st-foot-social{display:flex;gap:8px} .st-foot-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff!important;transition:background .2s,transform .2s} .st-foot-social a:hover{background:#3F4BD8;transform:translateY(-2px)} .st-foot-col h3{margin:0 0 14px!important;font-size:13px!important;font-weight:800!important;letter-spacing:.08em;color:#FFD24A!important} .st-foot-col ul{display:flex;flex-direction:column;gap:9px;margin:0;padding:0;list-style:none} .st-foot-col li{margin:0} .st-foot-col a,.st-foot-col span{font-size:14.5px;color:#DCE4F7!important;text-decoration:none!important;transition:color .2s;unicode-bidi:plaintext} .st-foot-col a:hover{color:#fff!important;text-decoration:underline!important;text-underline-offset:4px} .st-foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 0 22px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#8FA0C8} .st-foot-up{color:#DCE4F7!important;text-decoration:none!important;font-weight:700} .st-foot-up:hover{color:#FFD24A!important} @media (max-width:1080px){.st-foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.st-foot-brand{grid-column:1/-1;max-width:560px}} @media (max-width:640px){ .st-foot{border-radius:26px;margin-top:48px} .st-foot-trust{grid-template-columns:1fr!important} .st-foot-trust div{flex-direction:row;align-items:baseline;gap:8px;padding:12px 0;border-inline-start:0;border-top:1px solid rgba(255,255,255,.08)} .st-foot-trust div:first-child{border-top:0;padding-top:20px} .st-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px;padding:28px 0} } /* sliders: soft edges instead of a hard cut (the faded side is where more cards wait) */ .st-cats.st-cats-sl{--fs:0px;--fe:72px;-webkit-mask-image:linear-gradient(to left,transparent 0,#000 var(--fs),#000 calc(100% - var(--fe)),transparent 100%);mask-image:linear-gradient(to left,transparent 0,#000 var(--fs),#000 calc(100% - var(--fe)),transparent 100%)} /* phones: one card in the middle, the neighbours peek in from both sides */ @media (max-width:560px){ .st-cats.st-cats-sl{gap:12px;padding-inline:calc((100% - 66vw) / 2);scroll-padding-inline:calc((100% - 66vw) / 2)} .st-cats-sl>.st-mc,.st-rowsl>.st-pcard{box-sizing:border-box;flex:0 0 66vw!important;max-width:66vw;scroll-snap-align:center} .st-cats-sl>*{transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .35s} .st-cats-sl.is-centred>:not(.is-center){transform:scale(.9);opacity:.55} .st-rowsl>.st-pcard .st-qa{width:100%} .st-sl-nav{justify-content:center;gap:14px} .st-sl-bar{flex:0 1 120px} } @media (prefers-reduced-motion:reduce){.st-cats-sl>*{transition:none}} /* category rows: a clear button to the category, under the arrows */ .st-row-cta{display:flex;justify-content:center;margin-top:2px} .st-row-btn{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 28px;border-radius:999px;border:1.5px solid #1A2B55;color:#1A2B55!important;font-size:15px;font-weight:800;text-decoration:none!important;transition:background .2s,color .2s,box-shadow .2s} .st-row-btn svg{transition:transform .3s cubic-bezier(.2,.8,.2,1)} .st-row-btn:hover{background:#1A2B55;color:#fff!important;box-shadow:0 14px 28px -16px rgba(26,43,85,.8)} .st-row-btn:hover svg{transform:translateX(-4px)} @media (max-width:560px){.st-row-cta{padding:0 4px}.st-row-btn{width:100%;justify-content:center;height:48px;font-size:14px}} /* ===== "can't find a shoe?" form window ===== */ .st-ask-go{border:0;cursor:pointer;font-family:inherit} .st-ask-go svg{transition:transform .3s} .st-ask-go:hover svg{transform:translateX(-4px)} .st-req{position:fixed;inset:0;z-index:100001;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(15,22,45,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);direction:rtl;font-family:"Ploni","Heebo",sans-serif;opacity:0;transition:opacity .2s} .st-req[hidden]{display:none} .st-req.is-in{opacity:1} .st-req-card{position:relative;box-sizing:border-box;width:min(560px,100%);max-height:calc(100vh - 36px);overflow-y:auto;overflow-x:hidden;padding:28px;border-radius:26px;background:#fff;color:#1A2B55;box-shadow:0 40px 80px -30px rgba(15,22,45,.6);transform:translateY(12px);transition:transform .25s cubic-bezier(.2,1.2,.4,1)} .st-req.is-in .st-req-card{transform:none} .st-req h2{margin:0 0 4px;font-size:24px;font-weight:900;color:#1A2B55} .st-req-sub{margin:0 0 18px;font-size:14px;color:#5A6890} .st-req-x{position:absolute;top:16px;left:16px;width:36px;height:36px;padding:0!important;border:0!important;border-radius:50%!important;background:#EEF0F4!important;color:#1A2B55!important;font-size:22px;line-height:1;cursor:pointer} .st-req-photo{position:relative;display:flex;align-items:center;justify-content:center;min-height:150px;margin-bottom:14px;border:2px dashed #C9D0E0;border-radius:18px;background:#F5F6FA;cursor:pointer;overflow:hidden;transition:border-color .2s,background .2s} .st-req-photo:hover{border-color:#3F4BD8;background:#F1F2FF} .st-req-photo input{position:absolute;inset:0;opacity:0;cursor:pointer} .st-req-ph{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;text-align:center;color:#3F4BD8} .st-req-ph b{font-size:15px;color:#1A2B55} .st-req-ph small{font-size:12.5px;color:#6B7797} .st-req-photo img{width:100%;max-height:240px;object-fit:contain;background:#fff} .st-req-photo.has-img{border-style:solid;border-color:#3F4BD8} .st-req-photo.has-img .st-req-ph{display:none} .st-req-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px} .st-req-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:800;color:#1A2B55} .st-req-grid input{height:46px!important;padding:0 14px!important;border:1px solid #D5DAE6!important;border-radius:12px!important;background:#fff!important;font:inherit;font-size:15px!important;font-weight:500;color:#1A2B55;box-shadow:none!important} .st-req-grid input:focus{border-color:#3F4BD8!important;box-shadow:0 0 0 3px rgba(63,75,216,.15)!important;outline:0} .st-req-go{width:100%;height:52px;margin-top:18px;border:0!important;border-radius:999px!important;background:#1A2B55!important;color:#fff!important;font:inherit;font-size:16px!important;font-weight:800!important;cursor:pointer;transition:background .2s} .st-req-go:hover{background:linear-gradient(135deg,#3F4BD8,#6E7CFF)!important} .st-req-form.is-busy .st-req-go{opacity:.6;pointer-events:none} .st-req-msg{margin:12px 0 0;font-size:14px;font-weight:700;color:#1E9E52;text-align:center} .st-req-msg:empty{display:none} .st-req-msg.is-bad{color:#B42318} .st-req-form.is-done>*:not(.st-req-msg){display:none} .st-req-form.is-done .st-req-msg{padding:30px 10px;font-size:17px} @media (max-width:560px){.st-req-card{padding:22px 18px}.st-req-grid{grid-template-columns:1fr}} /* ===== live chat (bottom-left of every page) ===== */ .st-chat{position:fixed;z-index:9998;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));font-family:"Ploni","Heebo",sans-serif;direction:rtl} .st-chat-btn{position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;padding:0!important;border:0!important;border-radius:50%!important;background:linear-gradient(135deg,#1A2B55,#3F4BD8)!important;color:#fff!important;cursor:pointer;box-shadow:0 12px 30px -10px rgba(26,43,85,.7);transition:transform .2s} .st-chat-btn:hover{transform:scale(1.06)} .st-chat-dot{position:absolute;top:4px;right:4px;width:14px;height:14px;border-radius:50%;background:#FF5A4E;border:2px solid #fff} .st-chat-dot[hidden]{display:none} .st-chat-panel{position:absolute;right:0;bottom:74px;display:flex;flex-direction:column;width:min(360px,calc(100vw - 36px));height:min(520px,calc(100vh - 120px));border-radius:22px;background:#fff;box-shadow:0 30px 70px -20px rgba(15,22,45,.5);overflow:hidden;transform-origin:bottom right;animation:st-chat-in .25s cubic-bezier(.2,1.2,.4,1)} .st-chat-panel[hidden]{display:none} @keyframes st-chat-in{from{opacity:0;transform:translateY(10px) scale(.96)}} .st-chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;background:linear-gradient(135deg,#1A2B55,#2B3C8F);color:#fff} .st-chat-head div{display:flex;flex-direction:column} .st-chat-head b{font-size:16px} .st-chat-head span{font-size:12.5px;color:#C9D4F0} .st-chat-x{width:32px;height:32px;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.14)!important;color:#fff!important;font-size:20px;line-height:1;cursor:pointer} .st-chat-log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:16px;background:#F5F6FA} .st-chat-m{max-width:82%;padding:10px 13px;border-radius:16px;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word} .st-chat-m p{margin:0} .st-chat-m small{display:block;margin-top:2px;font-size:10.5px;opacity:.6} .st-chat-a{align-self:flex-start;background:#fff;color:#1A2B55;border:1px solid rgba(26,43,85,.08);border-start-start-radius:4px} .st-chat-v{align-self:flex-end;background:#1A2B55;color:#fff;border-start-end-radius:4px} .st-chat-mail{display:flex;flex-direction:column;gap:6px;padding:10px 14px;background:#FFF8E6;border-top:1px solid rgba(26,43,85,.06);font-size:12.5px;color:#7A5A00} .st-chat-mail[hidden]{display:none} .st-chat-mail div{display:flex;gap:6px} .st-chat-mail input{flex:1;min-width:0;height:36px!important;padding:0 10px!important;border:1px solid #E5D7AE!important;border-radius:10px!important;background:#fff!important;font:inherit;font-size:13px} .st-chat-mail button{height:36px;padding:0 12px!important;border:0!important;border-radius:10px!important;background:#1A2B55!important;color:#fff!important;font:inherit;font-size:13px;font-weight:700;cursor:pointer} .st-chat-form{display:flex;align-items:flex-end;gap:8px;padding:10px 12px;border-top:1px solid rgba(26,43,85,.08);background:#fff} .st-chat-form textarea{flex:1;min-height:42px;max-height:110px;padding:10px 12px!important;border:1px solid #D5DAE6!important;border-radius:14px!important;background:#fff!important;font:inherit;font-size:14px;resize:none;box-shadow:none!important;color:#1A2B55} .st-chat-form textarea:focus{border-color:#3F4BD8!important;outline:0} .st-chat-form button{flex:none;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0!important;border:0!important;border-radius:50%!important;background:#1A2B55!important;color:#fff!important;cursor:pointer} .st-chat.is-open .st-chat-btn{transform:scale(.9)} @media (max-width:560px){.st-chat-btn{width:54px;height:54px}.st-chat-panel{position:fixed;left:10px;right:10px;bottom:calc(84px + env(safe-area-inset-bottom,0px));width:auto;height:min(70vh,560px)}} @media (prefers-reduced-motion:reduce){.st-chat-panel{animation:none}.st-req,.st-req-card{transition:none}} /* chat sits above the WhatsApp button when both are on */ body:has(.st-wa) .st-chat{bottom:calc(92px + env(safe-area-inset-bottom,0px))} .st-req-grid input{box-sizing:border-box;width:100%;min-width:0} .st-req-form,.st-req-grid,.st-req-grid label{min-width:0} @media (max-width:560px){body:has(.st-wa) .st-chat-panel{bottom:calc(158px + env(safe-area-inset-bottom,0px))}} /* chat: online / offline by opening hours */ .st-chat-head span.st-chat-status{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#C9D4F0} .st-chat-status i{width:8px;height:8px;border-radius:50%;background:#8FA0C8} .st-chat-status em{font-style:normal} .st-chat.is-online .st-chat-status i{background:#3DDC84;box-shadow:0 0 0 3px rgba(61,220,132,.25);animation:st-live 2s ease-in-out infinite} .st-chat.is-online .st-chat-status em{color:#fff;font-weight:700} .st-chat-hours{font-size:11.5px;color:#9FB0D8} .st-chat-off{margin:0;padding:10px 16px;background:#F1F2F7;border-bottom:1px solid rgba(26,43,85,.06);font-size:12.5px;line-height:1.5;color:#5A6890} .st-chat-off[hidden]{display:none} .st-chat-live{position:absolute;bottom:3px;right:3px;width:14px;height:14px;border-radius:50%;background:#3DDC84;border:2px solid #fff} .st-chat-live[hidden]{display:none} @keyframes st-live{50%{box-shadow:0 0 0 6px rgba(61,220,132,0)}} @media (prefers-reduced-motion:reduce){.st-chat.is-online .st-chat-status i{animation:none}} /* chat: small × on the "answer by email too?" note */ .st-chat-mail{position:relative;padding-left:38px!important} .st-chat-mail .st-chat-mail-x{position:absolute;top:6px;left:8px;width:24px!important;height:24px!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(122,90,0,.1)!important;color:#7A5A00!important;font-size:16px!important;line-height:1;cursor:pointer;min-height:0!important} .st-chat-mail .st-chat-mail-x:hover{background:rgba(122,90,0,.2)!important} /* half sizes (product page + quick-add pop-up) */ .st-half-seg{display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #E3E6EE;direction:ltr} .st-half-seg button{border:0!important;background:none!important;padding:8px 18px!important;border-radius:999px!important;font:inherit;font-weight:800;font-size:15px;color:#5A6890!important;cursor:pointer;height:auto!important;width:auto!important;min-width:0!important} .st-half-seg button.is-on{background:linear-gradient(135deg,#3F4BD8,#6E7CFF)!important;color:#fff!important;box-shadow:0 4px 12px rgba(63,75,216,.35)} .st-half-seg button:disabled{opacity:.35;text-decoration:line-through} .st-qa-half{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding:8px 10px;border-radius:14px;background:#F3F5FF} .st-qa-half[hidden]{display:none}.st-qa-half>span{font-size:13px;font-weight:700;color:#5A6890} .st-qa-half .st-half-seg button{padding:7px 14px!important;font-size:14px} .st-qa-pop .st-qa-g.is-on{background:#1A2B55!important;color:#fff!important;border-color:#1A2B55!important} /* hero price: outside price vs ours, side by side */ .st-pb-cmp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:10px;align-items:stretch} .st-pb-out,.st-pb-in{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:14px 16px;border-radius:16px;text-align:right} .st-pb-out{background:#F1F2F6;border:1px solid rgba(26,43,85,.06)} .st-pb-out .st-pb-k{font-size:13px;font-weight:800;letter-spacing:0;color:#8A93AD} .st-pb-out .st-strike{font-size:24px;font-weight:800;color:#8A93AD;align-self:flex-start} .st-pb-in{background:linear-gradient(135deg,#3F4BD8,#6E7CFF);box-shadow:0 12px 26px rgba(63,75,216,.3)} .st-pb-in .st-pb-k{font-size:13px;font-weight:800;letter-spacing:0;color:rgba(255,255,255,.85)} .st-pb-in b{font-size:38px;line-height:1;font-weight:900;color:#fff;font-variant-numeric:tabular-nums} .st-pb-in b .woocommerce-Price-amount,.st-pb-in b bdi,.st-pb-in b .woocommerce-Price-currencySymbol{color:#fff!important;-webkit-text-fill-color:#fff} .st-pb-save{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:#E7F8EE;color:#067647;font-weight:900;font-size:15px} .st-pb-save .woocommerce-Price-amount{color:inherit}.st-pb-save span{font-weight:700;opacity:.8} @media (max-width:700px){.st-pb-in b{font-size:30px}.st-pb-out .st-strike{font-size:20px}} /* footer on phones: short and tidy (1.0.18) */ @media (max-width:640px){ .st-foot{margin:36px 10px 14px;padding:0 20px} .st-foot-trust,.st-foot-pop{display:none!important} .st-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;padding:26px 0 20px} .st-foot-brand{gap:10px} .st-foot-logo{font-size:28px!important} .st-foot-brand p{font-size:13px;line-height:1.6} .st-foot-social a{width:36px;height:36px} .st-foot-col h3{margin:0 0 10px!important;font-size:12px!important} .st-foot-col ul{gap:7px} .st-foot-col a,.st-foot-col span{font-size:13.5px} .st-foot-shop li:nth-child(n+7){display:none} .st-foot-contact{grid-column:1/-1;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)} .st-foot-contact ul{flex-direction:row;flex-wrap:wrap;gap:8px} .st-foot-contact li{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.07)} .st-foot-bottom{padding:14px 0 16px;font-size:12px} } /* STYLO logo in the footer */ .st-foot-logo img{display:block;height:78px;width:auto} @media (max-width:640px){.st-foot-logo img{height:62px}} /* ===== yellow accent from the STYLO logo bar (1.0.21) ===== */ :root{--st-yel:#FFD24A} ::selection{background:var(--st-yel);color:#1A2B55} /* section titles get the logo's bar underneath */ .st-head h2::after, :is(.st-cart-head,.st-co-head,.st-ct-head,.st-faq-head,.st-tm-head,.st-tr-head) h1::after, body.stylo-skin :is(.woocommerce-products-header__title,.page-title,.ct-dynamic-title .page-title,.entry-header .page-title)::after{content:"";display:block;width:56px;height:6px;margin-top:12px;border-radius:3px;background:var(--st-yel)} .st-head h2::after,:is(.st-ct-head,.st-faq-head,.st-tm-head,.st-tr-head) h1::after{margin-inline:auto} /* "see all" links: yellow underline */ .st-more{text-decoration:underline!important;text-decoration-color:var(--st-yel)!important;text-decoration-thickness:3px!important;text-underline-offset:6px} /* links in text: yellow underline on hover */ :is(.st-tm,.st-faq,.st-pd-acc,.st-ct) a:hover{text-decoration-color:var(--st-yel)!important;text-decoration-thickness:3px!important} /* numbered pages: the current page gets the bar */ .st-pag-nums .current{box-shadow:0 8px 18px -8px rgba(63,75,216,.8),inset 0 -4px 0 var(--st-yel)!important} /* chosen size: a small yellow bar */ body.stylo-skin .st-chips .st-chip.is-on,body.stylo-skin.single-product .st-chips .st-chip.is-on{box-shadow:inset 0 -4px 0 var(--st-yel)!important} .st-half-seg button.is-on{box-shadow:0 4px 12px rgba(63,75,216,.35),inset 0 -3px 0 var(--st-yel)!important} /* chat bot: suggested questions, automatic answers, "talk to a person" */ .st-chat-chips{display:flex;flex-wrap:wrap;gap:6px;align-self:flex-start;max-width:92%} .st-chat-chips button{padding:7px 12px!important;border:1px solid #C9CFF5!important;border-radius:999px!important;background:#fff!important;color:#3F4BD8!important;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s} .st-chat-chips button:hover{background:#EEF0FF!important} .st-chat-bot{background:#fff;border-color:rgba(63,75,216,.18)} .st-chat-bot a{color:#3F4BD8;font-weight:700;text-decoration:underline} .st-chat-human{display:inline-flex;margin-top:8px;padding:8px 14px!important;border:0!important;border-radius:999px!important;background:#1A2B55!important;color:#fff!important;font:inherit;font-size:13px;font-weight:800;cursor:pointer} .st-chat-human:disabled{opacity:.4;cursor:default} .st-chat-typing{display:flex;gap:4px;padding:12px 14px} .st-chat-typing i{width:7px;height:7px;border-radius:50%;background:#9AA4C4;animation:st-typing 1s infinite ease-in-out} .st-chat-typing i:nth-child(2){animation-delay:.15s}.st-chat-typing i:nth-child(3){animation-delay:.3s} @keyframes st-typing{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}} /* after opening hours there's no one to talk to: no "talk to a person" button */ .st-chat:not(.is-online) .st-chat-offer{display:none} /* ===== one button effect for the whole site (1.0.65): navy, white text, a yellow edge underneath ===== size / choice buttons: when hovered and when selected. action buttons: on hover and keyboard focus. */ body.stylo-skin.stylo-skin.stylo-skin.stylo-skin .st-chip.st-chip:is(:hover,:focus-visible):not(:disabled), body.stylo-skin.stylo-skin.stylo-skin.stylo-skin .st-chip.st-chip.is-on, body.stylo-skin.stylo-skin.stylo-skin.stylo-skin .st-half-seg button:is(:hover,:focus-visible):not(:disabled), body.stylo-skin.stylo-skin.stylo-skin.stylo-skin .st-half-seg button.is-on{background:#1A2B55!important;color:#fff!important;border-color:#1A2B55!important;box-shadow:0 4px 0 #FFD24A!important;transform:translateY(-2px);transition:background .18s,color .18s,box-shadow .18s,transform .18s!important} body.stylo-skin :is(.single_add_to_cart_button,.st-buy-now,.checkout-button,#place_order,.st-qa,.st-why-btn,.st-ref-btn,.st-ref-form button,.st-mc-btn,.st-row-btn,.st-card-cta,.st-rv-btn,.st-faq-cta a,.st-ty-btns a,.woocommerce a.button,.wp-element-button,.st-pd-parallel a.st-btn):is(:hover,:focus-visible):not(:disabled):not(.disabled){background:#1A2B55!important;color:#fff!important;border-color:#1A2B55!important;box-shadow:0 5px 0 #FFD24A!important;transform:translateY(-2px);filter:none!important;transition:background .18s,color .18s,box-shadow .18s,transform .18s!important} body.stylo-skin :is(.single_add_to_cart_button,.st-buy-now,.checkout-button,#place_order,.st-qa,.st-why-btn,.st-ref-btn,.st-ref-form button,.st-mc-btn,.st-row-btn,.st-card-cta,.st-rv-btn,.st-faq-cta a,.st-ty-btns a,.woocommerce a.button,.wp-element-button):active:not(:disabled){transform:translateY(1px);box-shadow:0 1px 0 #FFD24A!important} @media (prefers-reduced-motion:reduce){body.stylo-skin :is(.st-chip,.st-half-seg button,.single_add_to_cart_button,.st-buy-now,.st-qa,.st-why-btn,.st-ref-btn){transform:none!important}} /* infinite scroll loader */ .st-inf-load{display:flex;justify-content:center;gap:8px;padding:28px 0} .st-inf-load[hidden]{display:none} .st-inf-load span{width:10px;height:10px;border-radius:50%;background:#1A2B55;opacity:.25;animation:stInf 1s infinite ease-in-out} .st-inf-load span:nth-child(2){animation-delay:.15s}.st-inf-load span:nth-child(3){animation-delay:.3s} @keyframes stInf{0%,100%{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}} /* ===== Socks upsell ===== */ .st-sx-pop{position:fixed;inset:0;z-index:100001;display:flex;align-items:center;justify-content:center;padding:16px;font-family:"Ploni","Heebo",sans-serif} .st-sx-back{position:absolute;inset:0;background:rgba(15,23,42,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .25s} .st-sx-card{position:relative;width:min(460px,100%);padding:30px 24px 18px;border-radius:28px;background:#fff;box-shadow:0 30px 80px rgba(15,23,42,.3);opacity:0;transform:translateY(24px) scale(.96);transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1);overflow:hidden} .st-sx-pop.is-on .st-sx-back{opacity:1} .st-sx-pop.is-on .st-sx-card{opacity:1;transform:none} html.st-sx-open{overflow:hidden} .st-sx{direction:rtl;text-align:center;color:#1A2B55} .st-sx-x{position:absolute;top:14px;left:14px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#F4F6FB;color:#1A2B55;font-size:22px;line-height:1;cursor:pointer} .st-sx-tag{display:inline-block;padding:5px 12px;margin-bottom:10px;border-radius:999px;background:#FFF4CC;color:#7A5A00;font-size:13px;font-weight:800} .st-sx-h h3{margin:0 auto 6px;max-width:340px;font-size:21px;line-height:1.35;font-weight:900;color:#1A2B55} .st-sx-h p{margin:0 0 18px;font-size:14.5px;color:#6B7699} .st-sx-os{display:grid;grid-template-columns:1fr 1fr;gap:12px} .st-sx-o{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px 12px;border-radius:20px;background:#F4F6FB;border:2px solid transparent;transition:border-color .2s,transform .2s} .st-sx-o:hover{border-color:#1A2B55;transform:translateY(-2px)} .st-sx-o img{width:96px;height:96px;object-fit:contain;border-radius:14px;background:#fff;margin-bottom:4px} .st-sx-o b{font-size:17px;font-weight:900;letter-spacing:.01em} .st-sx-p{font-size:15px;font-weight:800;color:#3F4BD8} .st-sx-add{margin-top:8px;width:100%;height:42px;border:0;border-radius:999px;background:#1A2B55;color:#fff;font:inherit;font-size:14.5px;font-weight:800;cursor:pointer;box-shadow:0 3px 0 #FFD24A;transition:transform .15s,box-shadow .15s} .st-sx-add:hover{transform:translateY(-2px);box-shadow:0 5px 0 #FFD24A} .st-sx-add:disabled{opacity:.6;transform:none} .st-sx-no{display:block;margin:16px auto 0;padding:6px 10px;border:0;background:none;color:#6B7699;font:inherit;font-size:14px;font-weight:700;text-decoration:underline;cursor:pointer} .st-sx-ok{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:rgba(255,255,255,.96);font-size:24px;font-weight:900;color:#1E9E52;opacity:0;pointer-events:none;transition:opacity .2s} .st-sx.is-done .st-sx-ok{opacity:1} .st-sx-box{margin:0 0 22px;padding:20px 18px;border-radius:24px;background:#fff;border:1px solid rgba(26,43,85,.08);box-shadow:0 10px 30px rgba(26,43,85,.06)} .st-sx-box .st-sx-h h3{font-size:18px} .st-sx-box .st-sx-h p{margin-bottom:14px} @media (max-width:420px){.st-sx-card{padding:26px 16px 14px}.st-sx-h h3{font-size:19px}.st-sx-o img{width:80px;height:80px}} .st-sx-o.is-added{border-color:#1E9E52;background:#F0FAF4} .st-sx-add.is-added,.st-sx-add.is-added:disabled{opacity:1;background:#1E9E52;box-shadow:none;transform:none} .st-sx-next{display:flex;gap:10px;margin-top:16px} .st-sx-next[hidden]{display:none} .st-sx-cart,.st-sx-cont{flex:1;display:inline-flex;align-items:center;justify-content:center;height:48px;border-radius:999px;font:inherit;font-size:15px;font-weight:800;cursor:pointer;text-decoration:none!important} .st-sx-cart{background:#1A2B55;color:#fff!important;box-shadow:0 4px 0 #FFD24A} .st-sx-cont{background:#fff;color:#1A2B55;border:1px solid #DCE1EC} .st-sx-no[hidden]{display:none} /* socks: one small line in the cart */ .st-sx-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 14px;margin:14px 0 6px;padding:12px 16px;border-radius:18px;background:linear-gradient(90deg,#FFF8DD,#FFFFFF 70%);border:1px dashed #F1D27A;text-align:right} .st-sx-q{font-size:14.5px;font-weight:700;color:#1A2B55} .st-sx-pills{display:flex;flex-wrap:wrap;gap:8px} .st-sx-pill{display:inline-flex;align-items:center;gap:8px;width:auto;height:40px;margin:0;padding:0 6px 0 12px;border-radius:999px;background:#fff;border:1px solid #DCE1EC;color:#1A2B55;box-shadow:none;font-size:14px;font-weight:700;transition:border-color .15s,transform .15s} .st-sx-pill:hover{border-color:#1A2B55;transform:translateY(-1px);box-shadow:none} .st-sx-pill img{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#F4F6FB} .st-sx-pill span{color:#3F4BD8} .st-sx-pill i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#1A2B55;color:#fff;font-style:normal;font-size:18px;line-height:1} .st-sx-pill.is-added{background:#1E9E52;border-color:#1E9E52;color:#fff;padding:0 14px} @media (max-width:560px){.st-sx-line{padding:12px}.st-sx-pills{width:100%}.st-sx-pill{flex:1;justify-content:center}} /* no extra "View cart" (לסל) link after adding: the bag icon + toast already show it */ body.stylo-skin a.added_to_cart.wc-forward{display:none!important} body.stylo-skin.single-product form.cart .single_add_to_cart_button{white-space:nowrap} body.stylo-skin.single-product form.cart .single_add_to_cart_button.added::after{content:none!important} /* ===== Accessibility menu ===== */ .st-a11y{position:fixed;z-index:100002;top:84px;right:12px;width:min(320px,calc(100vw - 24px));padding:16px;border-radius:22px;background:#fff;border:1px solid #E3E6EE;box-shadow:0 24px 60px rgba(15,23,42,.22);font-family:"Ploni","Heebo",sans-serif;color:#1A2B55;direction:rtl} .st-a11y[hidden]{display:none} .st-a11y-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px} .st-a11y-h b{font-size:18px;font-weight:900} .st-a11y-x{width:34px;height:34px;border:0;border-radius:50%;background:#F4F6FB;color:#1A2B55;font-size:20px;line-height:1;cursor:pointer} .st-a11y-size{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;margin-bottom:10px;border-radius:14px;background:#F4F6FB;font-size:14px;font-weight:700} .st-a11y-size div{display:flex;gap:6px} .st-a11y-size button{width:38px;height:38px;border:1px solid #DCE1EC;border-radius:10px;background:#fff;color:#1A2B55;font:inherit;font-size:14px;font-weight:800;cursor:pointer} .st-a11y-size button[aria-pressed="true"],.st-a11y-o[aria-pressed="true"]{background:#1A2B55;border-color:#1A2B55;color:#fff} .st-a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px} .st-a11y-o{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:1px solid #DCE1EC;border-radius:14px;background:#fff;color:#1A2B55;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;text-align:center} .st-a11y-o i{font-style:normal;font-size:18px;line-height:1} .st-a11y-f{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:14px;font-weight:700} .st-a11y-reset{border:0;background:none;color:#B42318;font:inherit;cursor:pointer;padding:4px 0} .st-a11y-f a{color:#3F4BD8!important;text-decoration:underline!important} .st-a11y :is(button,a):focus-visible{outline:3px solid #FFD24A;outline-offset:2px} #st-mm .mm-a11y{color:var(--mm-ink,#1A2B55)} /* what each option does */ html.st-a-t1 body{zoom:1.1} html.st-a-t2 body{zoom:1.22} html.st-a-hc{filter:contrast(1.45) saturate(1.15)} html.st-a-links a{text-decoration:underline!important;text-underline-offset:3px} html.st-a-links a:not(.mm-cart):not(.st-btn):hover,html.st-a-links a:focus{background:#FFF1B8!important;color:#1A2B55!important} html.st-a-font body,html.st-a-font body *:not(svg):not(path){font-family:Arial,Helvetica,sans-serif!important;letter-spacing:.01em!important} html.st-a-still *,html.st-a-still *::before,html.st-a-still *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important} html.st-a-focus *:focus{outline:3px solid #FFD24A!important;outline-offset:2px!important;box-shadow:0 0 0 6px rgba(26,43,85,.85)!important} .st-a11y-o:last-child{grid-column:1/-1;flex-direction:row;justify-content:center;gap:8px} /* ---------- Reviews page ---------- */ .st-rvp{max-width:1180px;margin:0 auto;padding:32px 0 64px;font-family:inherit} .st-rvp-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-bottom:32px} .st-rvp-eye{font-size:13px;font-weight:800;letter-spacing:.04em;color:#3F4BD8} .st-rvp-head h1{margin:0;font-size:clamp(30px,5vw,48px);font-weight:900;color:#1A2B55;line-height:1.1} .st-rvp-head p{margin:0;font-size:16px;color:var(--st-mute)} .st-rvp-more{font-size:18px;font-weight:800;color:#1A2B55} .st-rvp-n{margin-top:4px;padding:6px 14px;border-radius:999px;background:#fff;color:#1A2B55;font-size:13px;font-weight:800;box-shadow:0 1px 0 rgba(26,43,85,.06)} .st-rvp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} .st-rvp-card{display:block;padding:0;border:0;border-radius:18px;overflow:hidden;background:#fff;cursor:zoom-in;aspect-ratio:9/16;transition:transform .2s,box-shadow .2s} .st-rvp-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(26,43,85,.14)} .st-rvp-card img{width:100%;height:100%;object-fit:cover;display:block} .st-rvp-modal{padding:0} .st-rvp-modal .st-rev-view{position:fixed} .st-rvp-ig{text-align:center;margin-top:28px} .st-rvp-ig a{color:var(--st-mute)!important;text-decoration:underline!important;text-underline-offset:4px} .st-rvp-empty{text-align:center;color:var(--st-mute)} @media (max-width:900px){.st-rvp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}} @media (max-width:560px){.st-rvp{padding:20px 0 48px}.st-rvp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.st-rvp-card{border-radius:14px}} /* sliders: room for the cards' shadow (overflow-x:auto clips vertically too), without adding visible space */ .st-cats.st-cats-sl{padding-top:14px!important;padding-bottom:48px!important;margin-top:-8px!important;margin-bottom:-30px!important}