:root{--blue:#193ecf;--ink:#142861;--pink:#ffbed4;--line:#dce1f0;--light:#f2f5ff;--white:#fff;--font:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ed6b9d;outline-offset:4px}button{border:0}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}.skip{position:fixed;left:16px;top:-100px;padding:12px;background:var(--pink);z-index:50}.skip:focus{top:16px}.demo-bar{background:var(--blue);color:white;text-align:center;font-size:12px;padding:9px 16px;letter-spacing:.025em}.header{display:flex;align-items:center;padding:20px 4%;gap:40px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:5}.logo{font-weight:800;font-size:65px;letter-spacing:-5px;line-height:.9;color:var(--blue)}.logo span{font-size:15px;vertical-align:top;letter-spacing:0;margin-left:5px}.header-note{font-size:14px;line-height:1.4;margin:0}.cart-button{margin-left:auto;background:var(--blue);color:white;display:flex;gap:24px;align-items:center;padding:12px 15px 12px 25px;border-radius:50px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.cart-button:hover{background:#0c2daf;transform:translateY(-2px)}.count{display:grid;place-items:center;background:var(--pink);color:var(--ink);border-radius:50%;min-width:30px;height:30px}.cart-button.bump{animation:bump .4s}main{padding:0 4%}.catalog-head{display:flex;gap:35px;align-items:center;padding:45px 0 35px}.eyebrow{font-size:12px;letter-spacing:.075em;text-transform:uppercase;margin:0 0 10px;font-weight:600}h1{font-size:clamp(42px,5.6vw,80px);line-height:1.05;letter-spacing:-.06em;color:var(--blue);margin:0;font-weight:800}.intro{font-size:14px;line-height:1.7;margin-left:auto}.round-note{display:grid;align-content:center;text-align:center;width:125px;height:125px;flex-shrink:0;border-radius:50%;background:var(--pink);color:var(--blue);transform:rotate(10deg);font-size:16px;font-weight:700;line-height:1.25}.round-note span{font-size:14px;margin-top:6px}.categories{display:flex;gap:10px;padding-bottom:25px;border-bottom:1px solid var(--line);flex-wrap:wrap}.categories button{padding:11px 19px;background:white;border:1px solid var(--line);border-radius:50px;font-weight:600;font-size:14px;transition:.2s}.categories button:hover{border-color:var(--blue)}.categories button.active{color:white;background:var(--blue);border-color:var(--blue)}.categories span{margin-left:15px;font-size:12px;opacity:.7}.catalog-caption{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:21px 0;color:#53638a}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 22px}.product-card{min-width:0;animation:arrive .6s both;animation-delay:calc(var(--i)*70ms)}.product-photo{aspect-ratio:1;background-image:url('products.png');background-size:300% 200%;background-position:var(--pos);background-repeat:no-repeat}.photo-button{display:block;width:100%;padding:0;position:relative;background:var(--light);overflow:hidden;border-radius:14px}.photo-button .product-photo{transition:transform .65s cubic-bezier(.2,.8,.2,1)}.photo-button:hover .product-photo{transform:scale(1.035)}.view-pill{position:absolute;bottom:15px;left:15px;background:white;padding:7px 13px;border-radius:25px;font-size:12px;box-shadow:0 3px 10px #1428610a;transform:translateY(55px);opacity:0;transition:.3s}.photo-button:hover .view-pill,.photo-button:focus-visible .view-pill{transform:none;opacity:1}.product-info{display:flex;justify-content:space-between;align-items:start;gap:10px;padding:15px 0 8px}.product-info h2{font-size:16px;font-weight:700;line-height:1.4;margin:0}.title-button{text-align:left;background:none;padding:0}.title-button:hover{text-decoration:underline}.product-info p{font-size:12px;color:#53638a;margin:5px 0}.price{white-space:nowrap;font-weight:700;font-size:16px}.add-button{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--light);border-radius:9px;padding:12px 14px;text-align:left;font-size:14px;font-weight:600;transition:background .2s,color .2s}.add-button:hover{background:var(--blue);color:white}.add-button span:last-child{font-size:20px;font-weight:400;line-height:1}.end-note{margin:60px 0 35px;background:var(--pink);border-radius:16px;display:flex;align-items:center;padding:35px 40px;gap:35px}.asterisk{font-size:65px;line-height:1}.end-note p{font-size:30px;line-height:1.15;letter-spacing:-.04em;margin:0}.end-note>span:last-child{margin-left:auto;font-size:14px}footer{background:var(--blue);color:white;padding:40px 4%;display:flex;gap:50px;align-items:center;flex-wrap:wrap}.footer-logo{font-size:90px;font-weight:800;letter-spacing:-7px;line-height:1}.footer-logo:hover{color:var(--pink)}footer p{font-size:12px;margin:5px 0}footer>span{margin-left:auto;font-size:12px;opacity:.8}dialog{border:0;color:var(--ink);padding:0;max-height:90dvh;width:min(900px,calc(100% - 32px));background:white;border-radius:20px;box-shadow:0 30px 100px #14286133}dialog::backdrop{background:#101d5380;backdrop-filter:blur(5px)}dialog[open]{animation:modal-in .25s ease-out}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 28px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:24px;line-height:1.2;margin:0;letter-spacing:-.04em}.close{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;background:var(--light);border-radius:50%;font-size:27px;line-height:1}.close:hover{background:var(--pink)}.cart-dialog{margin:0 0 0 auto;max-height:100dvh;height:100dvh;width:min(470px,100%);border-radius:20px 0 0 20px}.cart-dialog[open]{animation:drawer-in .35s cubic-bezier(.2,.8,.2,1)}.cart-dialog .dialog-head{position:sticky;top:0;background:white;z-index:2}#drawer-count{font-size:14px;color:#637096;margin-left:7px}#cart-content{padding:25px}.cart-empty{text-align:center;padding:60px 0}.empty-symbol{font-size:60px;color:var(--blue);display:block;margin-bottom:25px}.cart-empty h3{font-size:22px;margin:0 0 8px}.cart-empty p{font-size:14px;margin:0 0 25px}.cart-row{display:grid;grid-template-columns:85px 1fr;gap:16px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}.cart-row .product-photo{border-radius:10px;align-self:start}.cart-row h3{font-size:14px;margin:0 0 5px}.cart-row p{font-size:12px;margin:0 0 14px;color:#53638a}.row-bottom{display:flex;align-items:center;gap:14px;justify-content:space-between}.quantity{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;overflow:hidden}.quantity button{background:white;width:32px;height:32px;font-size:20px}.quantity output{min-width:30px;text-align:center;font-size:14px}.remove{background:none;padding:5px 0;text-decoration:underline;font-size:12px;color:#53638a}.total-row{display:flex;justify-content:space-between;gap:14px;margin:15px 0;font-size:14px}.total-row.grand{font-size:20px;font-weight:800;padding-top:18px;border-top:1px solid var(--line)}.cart-caption{font-size:12px;color:#53638a;margin:18px 0}.primary{display:block;width:100%;background:var(--blue);color:white;border-radius:10px;padding:15px;font-size:14px;font-weight:700;transition:.2s}.primary:hover{background:#0f2eac;transform:translateY(-1px)}.secondary{border:1px solid var(--line);background:white;border-radius:10px;padding:12px 18px;font-size:14px}.secondary:hover{background:var(--light)}.product-layout{display:grid;grid-template-columns:1fr 1fr}.product-layout>.product-photo{margin:25px;border-radius:12px}.product-details{padding:25px 28px 28px 0}.product-details>p{font-size:14px}.product-details dl{font-size:14px;margin:25px 0}.product-details dl div{display:flex;gap:15px;border-bottom:1px solid var(--line);padding:8px 0}.product-details dt{color:#53638a}.product-details dd{margin-left:auto;text-align:right}.product-details .price{font-size:28px;margin:18px 0}.buy-row{display:flex;gap:12px;margin-top:25px}.buy-row .quantity{flex-shrink:0}.buy-row .quantity button{height:45px;width:35px}.product-details .small{margin-bottom:0}.checkout-layout{display:grid;grid-template-columns:1.2fr 1fr}form{padding:28px}fieldset{border:0;padding:0;margin:25px 0}legend{font-weight:800;font-size:16px;padding:0;margin:0 0 17px}label{display:block;font-size:14px;font-weight:600;margin:15px 0}input:not([type=radio]):not([type=checkbox]),select{display:block;width:100%;border:1px solid var(--line);border-radius:9px;background:white;padding:12px 13px;margin-top:7px;color:var(--ink);min-width:0}input::placeholder{color:#7380a1}input[type=radio],input[type=checkbox]{accent-color:var(--blue);width:18px;height:18px;margin:0;flex-shrink:0}.radio,.ack{display:flex;gap:10px;align-items:start;font-size:14px;font-weight:500}.radio{align-items:center}.demo-note{font-size:12px;background:var(--light);border-radius:9px;padding:13px;margin:0}.small,#pickup-note{font-size:12px;color:#53638a}.ack{font-size:12px;line-height:1.6;margin:22px 0}.order-summary{background:var(--light);padding:28px}.order-summary h3{font-size:18px;margin:0 0 25px}.summary-product{display:flex;align-items:center;gap:14px;margin:22px 0;font-size:14px}.summary-product .product-photo{width:60px;flex-shrink:0;border-radius:8px}.summary-product p{margin:0}.summary-product span{font-size:12px;color:#53638a}.summary-product strong{margin-left:auto;white-space:nowrap;font-size:14px}.order-summary .grand{border-color:#c6d0f0}.payment-label{font-size:12px;background:var(--pink);padding:10px;border-radius:9px}.success-dialog{width:min(530px,calc(100% - 32px));padding:35px;text-align:center}.success-mark{width:70px;height:70px;display:grid;place-items:center;margin:0 auto 22px;background:var(--pink);color:var(--blue);border-radius:50%;font-size:35px}.success-dialog h2{font-size:30px;letter-spacing:-.04em;line-height:1.2;margin:10px 0}.success-dialog p{font-size:14px}.success-dialog .receipt{background:var(--light);padding:18px;border-radius:10px;margin:25px 0;text-align:left}.receipt p{display:flex;justify-content:space-between;gap:15px;font-size:12px}.success-dialog .demo-note{margin:20px 0}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);background:var(--ink);color:white;font-size:14px;padding:14px 22px;border-radius:40px;box-shadow:0 5px 25px #14286130;opacity:0;pointer-events:none;transition:.25s;z-index:30;max-width:calc(100% - 32px);text-align:center;width:max-content}.toast.show{transform:translate(-50%,0);opacity:1}@keyframes arrive{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes modal-in{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}@keyframes drawer-in{from{transform:translateX(100%)}to{transform:none}}@keyframes bump{50%{transform:scale(1.07)}}
@media(max-width:900px){.round-note{width:95px;height:95px;font-size:14px}.intro{font-size:12px}.catalog-head{gap:20px}h1{font-size:52px}.end-note>span:last-child{display:none}.checkout-layout{grid-template-columns:1.1fr 1fr}.dialog-head h2{font-size:21px}.products{gap:28px 16px}.product-info{display:block}.price{display:block;margin-top:6px}.footer-logo{font-size:70px}footer{gap:25px}}
@media(max-width:640px){html{scroll-padding-top:85px}.demo-bar{font-size:12px;padding:8px 12px;line-height:1.35}.header{padding:18px 5%;gap:20px}.logo{font-size:48px;letter-spacing:-4px}.header-note{display:none}.cart-button{padding:8px 9px 8px 18px;gap:15px}.count{min-width:27px;height:27px}main{padding:0 5%}.catalog-head{padding:30px 0 25px;align-items:start;flex-wrap:wrap;position:relative;gap:14px}.eyebrow{font-size:12px;max-width:210px}h1{font-size:47px;max-width:100%}.intro{margin:0;font-size:14px;width:100%}.round-note{position:absolute;right:0;bottom:27px;width:85px;height:85px;font-size:12px}.round-note span{font-size:12px}.categories{gap:7px;padding-bottom:18px}.categories button{padding:9px 12px;font-size:12px}.categories span{margin-left:7px}.catalog-caption{font-size:12px;align-items:start;padding:18px 0}.catalog-caption>span:last-child{max-width:105px;text-align:right}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.photo-button{border-radius:10px}.view-pill{display:none}.product-info h2{font-size:14px}.product-info p{font-size:12px;line-height:1.4;min-height:34px}.price{font-size:14px}.add-button{font-size:12px;padding:10px}.end-note{padding:25px 20px;gap:18px;margin-top:40px}.end-note p{font-size:26px}.asterisk{font-size:50px}footer{padding:30px 5%;display:block}.footer-logo{font-size:70px;display:inline-block;margin-bottom:20px}footer>span{display:block;margin-top:22px}.dialog-head{padding:20px}.dialog-head h2{font-size:20px}.product-layout{display:block}.product-layout>.product-photo{width:65%;margin:20px auto}.product-details{padding:0 20px 25px}.product-details dl{margin:20px 0}.product-details .price{font-size:24px}.checkout-layout{display:flex;flex-direction:column-reverse}.order-summary{padding:20px}.order-summary h3{margin-bottom:10px}.summary-product{margin:15px 0}.order-summary .total-row{margin:10px 0}.order-summary .grand{padding-top:12px}.order-summary .payment-label{margin-bottom:0}form{padding:20px}.success-dialog{padding:27px 22px}.cart-dialog{border-radius:14px 0 0 14px}.toast{bottom:15px;font-size:12px}.product-details .buy-row{margin-top:18px}}
@media(max-width:350px){h1{font-size:40px}.round-note{width:65px;height:65px;bottom:35px;font-size:12px}.round-note span{display:none}.intro{font-size:12px}.categories button{padding:8px 10px}.cart-row{grid-template-columns:65px 1fr;gap:12px}#cart-content{padding:20px}.row-bottom{gap:8px}.product-info h2{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
