:root{--yellow:#f5cc18;--yellow-deep:#eab900;--ink:#25252a;--muted:#777985;--line:#ececf0;--soft:#fffaf0;--blue:#66b9e9;--pink:#f5a4bd;--green:#64bfa3;--shadow:0 18px 55px rgba(42,39,25,.09);--font:Tahoma,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);font-size:14px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.top-strip{height:34px;background:#28282c;color:#fff;display:flex;align-items:center;justify-content:center;gap:18px;font-size:11px;font-weight:500}.top-strip i{width:4px;height:4px;border-radius:50%;background:var(--yellow)}
.site-header{height:88px;width:min(1240px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:11px;min-width:215px}.brand img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid #f4d333}.brand span{display:flex;flex-direction:column;line-height:1.45}.brand strong{font-size:20px;font-weight:900}.brand small{font-size:10px;color:#888}.header-search{width:min(440px,42vw);height:44px;border:1px solid #e9e9ed;background:#fafafa;border-radius:14px;display:flex;align-items:center;padding:0 13px;gap:10px}.search-icon{font-size:27px;line-height:1;color:#92939b;transform:rotate(-20deg)}.header-search input{background:transparent;border:0;outline:0;flex:1;min-width:0;color:var(--ink);font-size:12px}.header-search kbd{background:#fff;border:1px solid #ececf0;border-radius:7px;padding:3px 8px;color:#9b9ba3;font-size:10px}.header-actions{display:flex;align-items:center;gap:23px}.support-link{font-size:12px;color:#666}.cart-button{height:44px;border:0;background:var(--yellow);border-radius:13px;padding:0 14px;display:flex;align-items:center;gap:9px;font-weight:800;cursor:pointer}.cart-button b{background:#29292d;color:white;border-radius:50%;min-width:21px;height:21px;display:grid;place-items:center;font-size:10px}.cart-icon{font-size:18px}
.hero{min-height:440px;border-radius:28px;background:#fff9e7;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:55px 7.3%;margin-top:10px}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#9a7b00;font-weight:800;font-size:11px;letter-spacing:.1px}.sparkle{color:#e9b900;font-size:17px}.hero h1{font-size:clamp(35px,4.2vw,57px);line-height:1.38;margin:13px 0 8px;font-weight:900;letter-spacing:-1.7px}.hero h1 em{font-style:normal;color:#d8a900}.hero-copy>p{max-width:440px;color:#77736a;line-height:2.1;font-size:13px;margin:0 0 21px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:26px;border:0;border-radius:12px;background:#29292d;color:white;padding:12px 19px;font-weight:800;font-size:12px;cursor:pointer;transition:.2s}.primary-button:hover,.checkout-button:hover{transform:translateY(-2px);box-shadow:0 9px 20px #29292d22}.primary-button span,.light-button span{font-size:18px}.hero-points{display:flex;gap:17px;flex-wrap:wrap;margin-top:24px;color:#77766e;font-size:10px}.hero-points span::first-letter{color:#42a987}.hero-art{height:330px;position:relative;display:grid;place-items:center;z-index:1}.sun-disc{position:absolute;width:335px;height:335px;border-radius:50%;background:radial-gradient(circle at 60% 30%,#ffe78c,#f5cf2a 60%,#efb800);right:50%;top:50%;transform:translate(50%,-50%);box-shadow:0 22px 45px #dfb82f38}.sun-disc:after{content:'';position:absolute;inset:21px;border:1px dashed #fff8d9;border-radius:50%}.hero-shoe{position:relative;z-index:2;width:min(460px,100%);transform:rotate(-7deg) translateY(15px);filter:drop-shadow(0 17px 9px #9f7e2638)}.hero-sticker{z-index:3;position:absolute;background:white;border:2px solid #28282c;border-radius:50%;width:77px;height:77px;display:grid;place-content:center;text-align:center;font-size:10px;line-height:1.35;transform:rotate(9deg);box-shadow:5px 5px 0 #28282c}.hero-sticker b{font-size:13px}.sticker-top{top:7px;right:10%}.sticker-bottom{bottom:4px;left:6%;background:#f7a9bf;transform:rotate(-9deg)}.hero-star{position:absolute;color:#fff;z-index:4}.star-one{font-size:39px;left:8%;top:36px}.star-two{font-size:27px;right:6%;bottom:41px}.hero-orbit{position:absolute;width:430px;height:155px;border:1px solid #fff9d9;border-radius:50%;transform:rotate(-18deg);z-index:1}.hero-yellow-corner{position:absolute;width:220px;height:220px;border-radius:50%;background:#f9df64;left:-145px;bottom:-155px;opacity:.45}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:27px 0 34px;border-bottom:1px solid var(--line)}.benefit{display:flex;align-items:center;gap:11px;padding:8px 10px}.benefit-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;font-size:20px}.benefit-icon.yellow{background:#fff4c9}.benefit-icon.pink{background:#ffedf2}.benefit-icon.blue{background:#e9f6ff}.benefit-icon.green{background:#e9f8f2}.benefit div{display:flex;flex-direction:column;gap:3px}.benefit b{font-size:11px}.benefit small{font-size:10px;color:#96969d}
.catalog{padding-top:48px;padding-bottom:56px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-heading .eyebrow{font-size:10px}.section-heading h2{margin:5px 0 2px;font-weight:900;font-size:27px}.section-heading h2 span{color:#edc21a}.section-heading p{margin:0;color:#8d8d95;font-size:11px}.catalog-tools{display:flex;align-items:center;gap:15px}.result-count{font-size:10px;color:#999}.catalog-tools select{background:white;border:1px solid #e9e9ed;border-radius:10px;padding:9px 12px;color:#777;font-size:10px;outline:0}.category-tabs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:26px 0 22px}.category-tab{border:1px solid #eaeaf0;background:#fff;border-radius:99px;padding:9px 17px;font-size:11px;color:#777;cursor:pointer;transition:.2s}.category-tab:hover,.category-tab.active{background:#29292d;color:white;border-color:#29292d}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.product-card{border:1px solid #eeeeF1;border-radius:19px;overflow:hidden;background:white;transition:transform .22s,box-shadow .22s;position:relative}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-visual{height:195px;position:relative;background:linear-gradient(140deg,#fff8e8,#f6f7fa);display:grid;place-items:center;overflow:hidden}.product-visual:before{content:'';position:absolute;width:185px;height:185px;border-radius:50%;background:#f8df75;opacity:.34;right:50%;top:55%;transform:translate(50%,-50%)}.product-visual svg{position:relative;width:82%;max-width:260px;z-index:1;filter:drop-shadow(0 15px 8px #28282c22);transition:transform .3s}.product-card:hover .product-visual svg{transform:translateY(-4px) rotate(-4deg)}.product-visual img{width:100%;height:100%;object-fit:contain;position:relative;z-index:2;padding:14px;background:#fff}.product-badge{position:absolute;top:12px;right:12px;z-index:3;border-radius:7px;padding:5px 9px;background:#29292d;color:#fff;font-size:9px;font-weight:700}.product-badge.sale{background:#f5a1b9;color:#64273a}.product-details{padding:14px 15px 15px}.product-category{font-size:9px;color:#ac8c00;font-weight:800}.product-title{font-size:13px;font-weight:800;margin:4px 0 2px;line-height:1.7}.product-description{font-size:10px;color:#92929a;margin:0 0 11px;min-height:20px}.price-line{display:flex;align-items:center;gap:8px;margin-bottom:12px}.price{font-weight:900;font-size:14px;color:#25252a}.old-price{font-size:10px;color:#aaa;text-decoration:line-through}.color-label,.size-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#74747c;margin:10px 0 7px}.selected-text{color:#a4a4ab;font-size:9px}.color-options{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.color-dot{width:23px;height:23px;border-radius:50%;border:2px solid white;outline:1px solid #ddd;cursor:pointer;padding:0;position:relative}.color-dot.selected{outline:2px solid #29292d}.color-dot.out-of-stock{opacity:.32}.color-dot.out-of-stock:after{content:'';position:absolute;left:1px;right:1px;top:10px;height:1px;background:#555;transform:rotate(-45deg)}.size-options{display:flex;gap:6px;flex-wrap:wrap}.size-chip{min-width:33px;height:30px;padding:0 8px;background:white;border:1px solid #e8e8ed;border-radius:8px;font-size:10px;color:#555;cursor:pointer}.size-chip.selected{background:#29292d;border-color:#29292d;color:#fff}.size-chip:disabled{opacity:.3;text-decoration:line-through;cursor:not-allowed}.stock-hint{font-size:9px;color:#a5a5ab;margin-top:7px;min-height:13px}.add-button{width:100%;height:40px;border:0;border-radius:10px;background:var(--yellow);font-size:11px;font-weight:900;margin-top:12px;cursor:pointer;transition:.2s}.add-button:hover{background:#f0bd00}.add-button:disabled{background:#ececf0;color:#aaa;cursor:not-allowed}.empty-state{text-align:center;padding:60px 10px;color:#888}.empty-state div{font-size:36px}.empty-state b{display:block;color:#444;margin:9px}.empty-state p{font-size:11px}.demo-note{margin-top:25px;background:#fff9e9;border:1px solid #f7ebc4;color:#93791c;border-radius:11px;padding:11px 14px;font-size:10px}.demo-note span{font-size:15px;margin-left:5px}
.order-banner{margin-bottom:55px;border-radius:20px;background:#27272c;color:#fff;min-height:145px;padding:25px 35px;display:flex;align-items:center;gap:20px}.order-banner-icon{width:60px;height:60px;display:grid;place-items:center;background:#f9d33c;border-radius:18px;font-size:29px}.order-banner div:nth-child(2){flex:1}.order-banner h2{font-size:18px;margin:0 0 5px}.order-banner p{margin:0;color:#b9b9c1;font-size:11px}.light-button{background:#fff;color:#25252a;border-radius:11px;padding:11px 17px;display:flex;align-items:center;gap:20px;font-size:11px;font-weight:900}.site-footer{background:#f8f8f9;padding:28px 0 0}.footer-main{display:flex;align-items:center;gap:30px;padding-bottom:25px}.footer-brand{display:flex;align-items:center;gap:10px;min-width:210px}.footer-brand img{width:51px;height:51px;border-radius:50%}.footer-brand b{font-size:15px}.footer-brand p,.footer-text p{margin:3px 0 0;color:#909099;font-size:10px}.footer-text{flex:1}.footer-text b{font-size:12px}.footer-contact{background:#eaf7f1;color:#238366;padding:11px 15px;border-radius:10px;font-weight:800;font-size:10px}.footer-bottom{height:43px;border-top:1px solid #e9e9ed;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2));color:#a1a1a8;font-size:9px}
.overlay{position:fixed;inset:0;background:#15151b80;z-index:20;opacity:0;visibility:hidden;transition:.25s}.overlay.show{opacity:1;visibility:visible}.cart-drawer{position:fixed;z-index:21;top:0;bottom:0;right:0;width:min(440px,100%);background:white;transform:translateX(105%);transition:.3s;display:flex;flex-direction:column;box-shadow:-15px 0 45px #00000012}.cart-drawer.open{transform:translateX(0)}.drawer-header,.modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 23px;border-bottom:1px solid var(--line)}.drawer-header h2,.modal-header h2{margin:3px 0 0;font-size:20px}.drawer-header h2 span{font-size:12px;color:#999}.icon-button{border:0;background:#f4f4f6;width:35px;height:35px;border-radius:50%;font-size:23px;cursor:pointer;line-height:1}.cart-items{flex:1;overflow-y:auto;padding:12px 20px}.cart-row{display:grid;grid-template-columns:72px 1fr auto;gap:12px;padding:13px 0;border-bottom:1px solid #f0f0f2}.cart-thumb{height:72px;width:72px;border-radius:12px;background:#fff7e1;display:grid;place-items:center;overflow:hidden}.cart-thumb svg{width:90%}.cart-info b{font-size:11px;display:block;line-height:1.7}.cart-info small{display:block;color:#96969d;font-size:9px;margin-top:3px}.cart-price{font-size:10px;font-weight:900;white-space:nowrap}.qty-control{display:inline-flex;align-items:center;gap:10px;border:1px solid #ebebef;border-radius:7px;padding:3px 7px;margin-top:8px}.qty-control button{border:0;background:transparent;font-size:16px;cursor:pointer;padding:0 2px}.qty-control span{font-size:10px;min-width:10px;text-align:center}.remove-item{border:0;background:transparent;color:#d98292;font-size:10px;cursor:pointer;margin-right:7px}.cart-empty{text-align:center;padding:55px 20px}.cart-empty div{font-size:42px}.cart-empty b{display:block;margin:8px}.cart-empty p{font-size:11px;color:#999;margin-bottom:20px}.cart-bottom{padding:18px 22px 24px;border-top:1px solid var(--line)}.subtotal{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;font-size:12px}.subtotal strong{font-size:18px}.cart-bottom>small{font-size:9px;color:#999}.checkout-button{width:100%;border:0;background:#29292d;color:white;border-radius:11px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;font-weight:900;font-size:12px;cursor:pointer;margin-top:15px;transition:.2s}.checkout-button span{font-size:17px}
.modal-wrap{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:15px;background:#15151b80;opacity:0;visibility:hidden;transition:.2s;overflow-y:auto}.modal-wrap.show{opacity:1;visibility:visible}.checkout-modal{background:#fff;border-radius:20px;width:min(530px,100%);max-height:95vh;overflow-y:auto;box-shadow:var(--shadow)}.modal-header{padding:18px 22px}.checkout-modal form{padding:18px 22px 22px}.checkout-modal label{display:block;font-size:10px;font-weight:700;color:#555;margin-bottom:12px}.checkout-modal input:not([type=radio]),.checkout-modal textarea{display:block;width:100%;border:1px solid #e7e7ed;border-radius:9px;padding:10px 11px;margin-top:6px;outline:0;font-size:11px;color:#333;background:#fff}.checkout-modal input:focus,.checkout-modal textarea:focus{border-color:#dcb900;box-shadow:0 0 0 3px #f7d83b22}.checkout-modal textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkout-modal fieldset{border:0;padding:0;margin:4px 0 15px}.checkout-modal legend{font-size:10px;font-weight:800;margin-bottom:8px}.payment-option{display:flex!important;align-items:center;gap:10px;border:1px solid #e9e9ed;border-radius:10px;padding:10px 11px;margin-bottom:7px!important;cursor:pointer}.payment-option:has(input:checked){border-color:#e5bd08;background:#fffcf0}.payment-option input{accent-color:#d8ad00}.payment-option span{flex:1;display:flex;flex-direction:column;gap:2px}.payment-option b{font-size:11px;color:#333}.payment-option small{font-size:9px;color:#999;font-weight:400}.payment-option i{font-style:normal;color:#aa8d12;font-size:9px}.checkout-total{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #e8e8ed;padding-top:12px;font-size:11px}.checkout-total b{font-size:16px}.privacy-note{font-size:9px;color:#999;line-height:1.8;margin:9px 0 0}.toast{position:fixed;z-index:50;bottom:22px;left:50%;transform:translate(-50%,20px);background:#29292d;color:white;border-radius:10px;padding:11px 17px;font-size:11px;opacity:0;visibility:hidden;transition:.25s;box-shadow:var(--shadow);max-width:calc(100% - 30px);text-align:center}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:850px){.site-header{gap:13px}.brand{min-width:unset}.brand img{width:49px;height:49px}.brand strong{font-size:17px}.header-search{width:auto;flex:1}.support-link{display:none}.hero{padding:38px 5%;min-height:390px}.hero-art{transform:scale(.9)}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefits{grid-template-columns:repeat(2,1fr)}.product-visual{height:180px}}
@media(max-width:600px){.wrap{width:calc(100% - 28px)}.top-strip{height:30px;font-size:9px;gap:8px}.site-header{width:calc(100% - 28px);height:73px;gap:9px}.brand{gap:6px}.brand img{width:42px;height:42px}.brand strong{font-size:15px}.brand small{font-size:8px}.header-search{height:39px;padding:0 9px;gap:5px}.header-search input{font-size:10px}.header-search kbd{display:none}.header-actions{gap:0}.cart-button{height:39px;padding:0 9px;gap:5px;font-size:10px}.cart-icon{font-size:15px}.cart-button b{min-width:18px;height:18px;font-size:9px}.hero{margin-top:4px;padding:26px 22px 20px;grid-template-columns:1fr;min-height:unset;border-radius:20px}.hero-copy{order:1}.hero h1{font-size:37px;margin:8px 0}.hero-copy>p{font-size:11px;line-height:1.9}.hero-art{order:0;height:210px;margin-bottom:6px;transform:none}.sun-disc{width:215px;height:215px}.hero-shoe{width:min(290px,92%);transform:rotate(-7deg) translateY(10px)}.hero-sticker{width:57px;height:57px;font-size:8px}.hero-sticker b{font-size:10px}.sticker-top{right:11%;top:1px}.sticker-bottom{left:10%;bottom:-3px}.hero-points{gap:10px;margin-top:17px;font-size:9px}.primary-button{padding:10px 15px}.benefits{gap:5px;padding:17px 0 20px}.benefit{padding:6px 1px;gap:7px}.benefit-icon{width:35px;height:35px;border-radius:11px;font-size:17px}.benefit b{font-size:9px}.benefit small{font-size:8px}.catalog{padding-top:32px;padding-bottom:35px}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:23px}.catalog-tools{width:100%;justify-content:space-between}.category-tabs{gap:6px;margin:18px 0}.category-tab{padding:8px 11px;font-size:9px}.product-grid{gap:10px}.product-card{border-radius:14px}.product-visual{height:132px}.product-details{padding:10px}.product-title{font-size:11px}.product-description{font-size:9px;min-height:30px}.price{font-size:12px}.old-price{font-size:9px}.color-label,.size-label{font-size:9px;margin:8px 0 6px}.color-dot{width:20px;height:20px}.color-dot.out-of-stock:after{top:8px}.size-options{gap:4px}.size-chip{min-width:27px;height:27px;padding:0 5px;font-size:9px}.add-button{height:36px;font-size:10px;margin-top:9px}.product-badge{top:8px;right:8px;font-size:8px;padding:4px 6px}.demo-note{font-size:9px;line-height:1.8}.order-banner{margin-bottom:35px;padding:18px;gap:11px;min-height:unset;flex-wrap:wrap}.order-banner-icon{width:43px;height:43px;border-radius:13px;font-size:21px}.order-banner div:nth-child(2){width:calc(100% - 58px);flex:unset}.order-banner h2{font-size:13px}.order-banner p{font-size:9px;line-height:1.8}.light-button{margin-right:auto;padding:9px 12px;font-size:9px}.footer-main{flex-wrap:wrap;gap:17px;padding-bottom:19px}.footer-brand{min-width:43%;}.footer-text{min-width:45%;}.footer-contact{margin-right:auto}.footer-bottom{padding:0 14px;font-size:8px}.drawer-header h2,.modal-header h2{font-size:17px}.cart-drawer{width:100%}.checkout-modal form{padding:15px}.modal-header{padding:15px}.form-row{gap:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* Motion layer — subtle, playful and accessible */
@keyframes ghoolFloat { 0%,100%{transform:translateY(0) rotate(-1deg)} 50%{transform:translateY(-11px) rotate(1deg)} }
@keyframes ghoolPulse { 0%,100%{box-shadow:0 10px 28px rgba(245,204,24,.18)} 50%{box-shadow:0 14px 38px rgba(245,164,189,.30)} }
@keyframes ghoolShimmer { 0%{background-position:130% 0} 100%{background-position:-30% 0} }
@keyframes ghoolFadeUp { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} }
@keyframes ghoolTwinkle { 0%,100%{opacity:.55;transform:scale(.85) rotate(0)} 50%{opacity:1;transform:scale(1.15) rotate(16deg)} }
.hero-shoe{animation:ghoolFloat 4.8s ease-in-out infinite;transform-origin:center}
.hero-sticker{animation:ghoolFloat 5.6s ease-in-out infinite}
.hero-sticker.sticker-bottom{animation-delay:-2.2s}
.hero-star{animation:ghoolTwinkle 2.8s ease-in-out infinite}
.primary-button,.cart-button,.checkout-button{animation:ghoolPulse 3.8s ease-in-out infinite}
.product-card{animation:ghoolFadeUp .55s both}
.product-card:nth-child(2){animation-delay:.07s}.product-card:nth-child(3){animation-delay:.14s}.product-card:nth-child(4){animation-delay:.21s}
.product-visual img{transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.product-card:hover .product-visual img{transform:scale(1.055)}
.category-tab{transition:transform .2s ease,background .2s ease}
.category-tab:hover{transform:translateY(-2px)}
.brand img{transition:transform .5s ease}
.brand:hover img{transform:rotate(-8deg) scale(1.06)}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
