/* Visual layer: existing catalogue data, management and ordering flow are retained. */
:root{--navy:#071d36;--blue:#007ac9;--ink:#142d42;--muted:#687b8b;--wash:#f0f7fc;--line:#dbe7ef;--green:#0ea774;--paper:#fff}
html{scroll-behavior:smooth}body{background:#eaf2f8;background-image:radial-gradient(ellipse at 10% 0%,#cfe9fa 0,transparent 45%),radial-gradient(ellipse at 95% 45%,#d7e5f4 0,transparent 45%);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}main{max-width:760px;padding-bottom:245px;isolation:isolate}
.hero{position:relative;overflow:hidden;padding:24px 22px 30px;background:linear-gradient(118deg,#06162b 0%,#093e6b 62%,#037dad 100%);border-bottom:1px solid #9fe2ff55;isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;width:330px;height:330px;right:-190px;top:-78px;border-radius:50%;border:1px solid #80dcff66;box-shadow:0 0 0 33px #8adaff0a,0 0 0 34px #80dcff25,0 0 0 67px #8adaff08,0 0 0 68px #80dcff20,0 0 0 104px #8adaff05,0 0 0 105px #80dcff14;animation:orbit-breathe 10s ease-in-out infinite}.hero:after{content:"";position:absolute;z-index:-1;width:210px;height:140px;left:30%;top:30px;border-radius:100%;background:#00b8ff40;filter:blur(45px);animation:aurora 12s ease-in-out infinite alternate}.brand{gap:13px}.brand img{width:58px;height:58px;border-radius:15px;padding:3px;box-shadow:0 6px 22px #0003;border:1px solid #fff9}.brand strong{font-size:1.05rem;letter-spacing:.1em}.brand span{font-size:.71rem;letter-spacing:.035em;color:#c5ddec;opacity:1}.hero h1{font-size:clamp(1.85rem,7vw,2.6rem);line-height:1.08;letter-spacing:-.055em;font-weight:800;max-width:290px;margin:28px 0 12px}.hero p{font-size:.73rem;line-height:1.65;color:#cbe4f6;max-width:260px;opacity:1}.hero-detail{position:absolute;right:20px;bottom:30px;display:flex;flex-direction:column;align-items:flex-end;opacity:.24;pointer-events:none}.hero-detail span:first-child{font-size:3rem;font-weight:900;letter-spacing:-.05em}.hero-detail span:last-child{font-size:.45rem;letter-spacing:.17em}
.content{padding:18px 16px}.search{position:relative;border:1px solid #ffffffb3;border-radius:16px;padding:14px;background:#fffffff0;box-shadow:0 8px 25px #133f6610;transition:border-color .2s,box-shadow .2s}.search:focus-within{border-color:#008acb;box-shadow:0 0 0 4px #0099e510}.search input{background:transparent;font-weight:500}.catalog-nav{margin:25px 2px 10px;align-items:center}.catalog-nav h2{font-size:1.1rem;letter-spacing:-.03em;font-weight:800;max-width:68%}.catalog-nav button{font-size:.71rem;padding:9px 11px;border-radius:100px;border-color:#c9deeb;background:#ffffffaa;white-space:nowrap}.load-state{font-size:.71rem;margin:10px 3px 18px;display:flex;align-items:center;gap:7px}.load-state:before{content:"";width:6px;height:6px;border-radius:50%;background:#9aafbe;box-shadow:0 0 0 4px #9aafbe16;flex-shrink:0}body[data-prices="ready"] .load-state:before{background:#09a774;box-shadow:0 0 0 4px #09a77414}body[data-prices="error"] .load-state:before{background:#bc622f;box-shadow:0 0 0 4px #bc622f12}body[data-prices="loading"] .load-state:before{animation:status-pulse 1.3s ease-in-out infinite}
.categories{gap:13px}.category{position:relative;overflow:hidden;border-radius:21px;padding:9px 9px 13px;border:1px solid #fff;background:linear-gradient(155deg,#fff,#f9fcff);box-shadow:0 5px 12px #163d6207,0 20px 35px -27px #123b6070;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s;animation:card-enter .55s both;animation-delay:calc(min(var(--card-index,0),9)*35ms)}.category:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#ffffffaa 48%,transparent 65%);transform:translateX(-140%);pointer-events:none;transition:transform .65s}.category-photo{height:128px;border-radius:14px;background:radial-gradient(ellipse at 50% 95%,#b7cfdf 0,transparent 52%),linear-gradient(150deg,#edf6fc,#e8f1f8);isolation:isolate;position:relative}.category-photo img{width:100%;height:100%;object-fit:contain;background:#fff;padding:9px;border-radius:14px;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.category-photo svg{height:99px;width:112px;filter:drop-shadow(0 9px 7px #17446922);transition:transform .4s}.category-name{padding:0 4px;font-size:.88rem;line-height:1.35;margin:12px 0 9px;letter-spacing:-.015em;min-height:2.4em;display:flex;align-items:center}.category-count{padding:0 4px;display:flex;align-items:center;justify-content:space-between;font-size:.67rem;color:#667e91;gap:4px}.category-arrow{height:25px;width:25px;border-radius:50%;background:#eaf4fc;color:#087cc4;display:inline-grid;place-items:center;font-size:1rem;flex-shrink:0}.category:active{transform:scale(.965)}
.products{gap:12px}.product{border-radius:19px;border:1px solid #ffffff;background:linear-gradient(140deg,#fff,#fafcff);padding:15px;box-shadow:0 8px 24px #254b6b0a;animation:product-enter .32s ease-out both}.product.has-image{grid-template-columns:80px minmax(0,1fr);gap:13px}.product-photo{border-radius:13px;background:white;width:80px;height:102px;border:1px solid #eaf1f6;padding:4px}.name{font-size:.91rem;letter-spacing:-.018em;line-height:1.4}.price{font-size:1.1rem;font-weight:800;letter-spacing:-.03em}.price small{font-size:.64rem;letter-spacing:0;font-weight:500;margin-top:5px}.line-bottom{gap:6px}.stepper{gap:5px}.stepper button{width:34px;height:36px;border-radius:11px;font-size:1.25rem;background:#eff7fc;border-color:#dceaf3;transition:transform .12s,background .15s}.stepper button[data-change="1"]{background:#087cc4;color:white;border-color:#087cc4;box-shadow:0 4px 10px #087cc425}.stepper button:active{transform:scale(.88)}.stepper output{font-size:.94rem;min-width:18px;width:auto;font-variant-numeric:tabular-nums}.section-title{font-size:.83rem;letter-spacing:-.015em;color:#415f74;margin:19px 3px 11px}.notebox{height:85px;border-radius:16px;border-color:#dce7ef;background:#ffffffb5;font-size:.87rem;line-height:1.5;padding:14px;transition:box-shadow .2s}.notebox:focus{box-shadow:0 0 0 4px #0089ce0c}
.cart{right:10px;left:10px;bottom:10px;border-radius:23px;padding:16px 16px 12px;background:linear-gradient(120deg,#08213af5,#0a3154f5);border:1px solid #ffffff24;box-shadow:0 10px 34px #061d3650;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.cart-summary{padding:0 3px}.cart-label{font-size:.73rem;line-height:1.5;max-width:45%;color:#c0d5e7;opacity:1}.total{font-size:1.95rem;letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:#fff}.vat{font-size:.65rem;color:#b5cee2;opacity:1;margin-top:5px}.send{position:relative;margin-top:13px;padding:14px 10px;border-radius:13px;background:linear-gradient(105deg,#17b782,#079967);box-shadow:0 7px 19px #001e1a33;font-size:.86rem;letter-spacing:-.015em;transition:transform .15s,filter .2s,opacity .2s}.send:enabled:active{transform:scale(.98)}.send:disabled{background:#527185;box-shadow:none;opacity:.6}.status{font-size:.66rem;line-height:1.4;min-height:0;margin-top:0}.status:not(:empty){margin-top:9px}.total.bump{animation:total-bump .25s ease-out}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.category:hover{transform:translateY(-5px);border-color:#bbdcee;box-shadow:0 14px 35px -14px #18476a50}.category:hover:after{transform:translateX(140%)}.category:hover .category-photo img,.category:hover svg{transform:scale(1.055) translateY(-2px)}.send:enabled:hover{filter:brightness(1.08)}}
@media(min-width:560px){.category-photo{height:150px}.category-name{font-size:.97rem}.categories{gap:17px}.hero{padding:30px}.hero h1{max-width:440px}.hero-detail{right:32px;bottom:35px}.hero-detail span:first-child{font-size:4rem}.product.has-image{grid-template-columns:95px minmax(0,1fr)}.product-photo{width:95px;height:105px}.stepper button{width:40px;height:40px}.name{font-size:1rem}}
@media(min-width:780px){body{padding:28px 0}.hero{border-radius:27px 27px 0 0}.content{padding:22px}.cart{right:calc((100% - 740px)/2);left:calc((100% - 740px)/2);bottom:14px;border-radius:23px}.hero h1{font-size:2.6rem}}
@media(max-width:359px){.hero-detail{display:none}.category-photo{height:103px}.category-name{font-size:.8rem}.product.has-image{grid-template-columns:62px minmax(0,1fr);gap:8px}.product-photo{width:62px;height:80px}.line-bottom{align-items:start;flex-wrap:wrap}.category-count{font-size:.61rem}}
@keyframes card-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes product-enter{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes aurora{to{transform:translate(65px,-20px) scale(1.25);opacity:.5}}@keyframes orbit-breathe{50%{transform:translateY(10px) scale(1.04)}}@keyframes status-pulse{50%{opacity:.4}}@keyframes total-bump{50%{transform:translateY(-2px);color:#8fe9cb}}
.stepper button{width:44px;height:44px}.line-bottom{flex-wrap:wrap}.notebox{font-size:16px}.catalog-nav button{min-height:44px}.hero-detail{opacity:.13}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.category:active,.stepper button:active,.send:enabled:active{transform:none}}