@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-out: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes enter { from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); }}@keyframes exit { to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); }}--animate-accordion-down: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-accordion-up: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes accordion-down { from { height: 0; }to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }}@keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }to { height: 0; }}@keyframes collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}}@utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms) ; --tw-animation-duration: --value(--animation-duration-*,[duration],"initial",[*]); animation-duration: calc(--value(number)*1ms) ; animation-duration: --value(--animation-duration-*,[duration],"initial",[*]);}@utility delay-*{animation-delay: calc(--value(number)*1ms) ; animation-delay: --value(--animation-delay-*,[duration],"initial",[*]); --tw-animation-delay: calc(--value(number)*1ms) ; --tw-animation-delay: --value(--animation-delay-*,[duration],"initial",[*]);}@utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,"initial",[*]);}@utility direction-*{animation-direction: --value(--animation-direction-*,"initial",[*]); --tw-animation-direction: --value(--animation-direction-*,"initial",[*]);}@utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,"initial",[*]);}@utility running{animation-play-state: running;}@utility paused{animation-play-state: paused;}@utility play-state-*{animation-play-state: --value("initial",[*]);}@utility blur-in{--tw-enter-blur: 20px;}@utility blur-in-*{--tw-enter-blur: calc(--value(number)*1px) ; --tw-enter-blur: --value(--blur-*,[*]);}@utility blur-out{--tw-exit-blur: 20px;}@utility blur-out-*{--tw-exit-blur: calc(--value(number)*1px) ; --tw-exit-blur: --value(--blur-*,[*]);}@utility fade-in{--tw-enter-opacity: 0;}@utility fade-in-*{--tw-enter-opacity: calc(--value(number)*.01) ; --tw-enter-opacity: --value(--percentage-*,[*]);}@utility fade-out{--tw-exit-opacity: 0;}@utility fade-out-*{--tw-exit-opacity: calc(--value(number)*.01) ; --tw-exit-opacity: --value(--percentage-*,[*]);}@utility zoom-in{--tw-enter-scale: 0;}@utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%) ; --tw-enter-scale: --value(ratio) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%) ; --tw-enter-scale: calc(--value(ratio)*-1) ; --tw-enter-scale: --value(--percentage-*,[*]);}@utility zoom-out{--tw-exit-scale: 0;}@utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%) ; --tw-exit-scale: --value(ratio) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%) ; --tw-exit-scale: calc(--value(ratio)*-1) ; --tw-exit-scale: --value(--percentage-*,[*]);}@utility spin-in{--tw-enter-rotate: 30deg;}@utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg) ; --tw-enter-rotate: calc(--value(ratio)*360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility -spin-in{--tw-enter-rotate: -30deg;}@utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg) ; --tw-enter-rotate: calc(--value(ratio)*-360deg) ; --tw-enter-rotate: --value(--rotate-*,[*]);}@utility spin-out{--tw-exit-rotate: 30deg;}@utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg) ; --tw-exit-rotate: calc(--value(ratio)*360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility -spin-out{--tw-exit-rotate: -30deg;}@utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg) ; --tw-exit-rotate: calc(--value(ratio)*-360deg) ; --tw-exit-rotate: --value(--rotate-*,[*]);}@utility slide-in-from-top{--tw-enter-translate-y: -100%;}@utility slide-in-from-top-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-y: calc(--value(ratio)*-100%) ; --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-bottom{--tw-enter-translate-y: 100%;}@utility slide-in-from-bottom-*{--tw-enter-translate-y: calc(--value(integer)*var(--spacing)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-y: calc(--value(ratio)*100%) ; --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-left{--tw-enter-translate-x: -100%;}@utility slide-in-from-left-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-in-from-right{--tw-enter-translate-x: 100%;}@utility slide-in-from-right-*{--tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-start{&:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; }}@utility slide-in-from-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-in-from-end{&:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; }}@utility slide-in-from-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-enter-translate-x: calc(--value(ratio)*100%) ; --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-enter-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-enter-translate-x: calc(--value(ratio)*-100%) ; --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}@utility slide-out-to-top{--tw-exit-translate-y: -100%;}@utility slide-out-to-top-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-y: calc(--value(ratio)*-100%) ; --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-bottom{--tw-exit-translate-y: 100%;}@utility slide-out-to-bottom-*{--tw-exit-translate-y: calc(--value(integer)*var(--spacing)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-y: calc(--value(ratio)*100%) ; --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-left{--tw-exit-translate-x: -100%;}@utility slide-out-to-left-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ;}@utility slide-out-to-right{--tw-exit-translate-x: 100%;}@utility slide-out-to-right-*{--tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-start{&:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; }}@utility slide-out-to-start-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-out-to-end{&:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; }}@utility slide-out-to-end-*{&:where(:dir(ltr),[dir="ltr"],[dir="ltr"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%) ; --tw-exit-translate-x: calc(--value(ratio)*100%) ; --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir="rtl"],[dir="rtl"]*){ --tw-exit-translate-x: calc(--value(integer)*var(--spacing)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%) ; --tw-exit-translate-x: calc(--value(ratio)*-100%) ; --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1) ; }}@custom-variant dark (&:is(.dark *));@theme inline{ --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); }:root{--radius: .85rem;--background: #eef4fb;--foreground: #10203a;--card: #ffffff;--card-foreground: #10203a;--primary: #0b6cff;--primary-foreground: #ffffff;--muted: #eaf3ff;--muted-foreground: #6e7c92;--border: #dfe8f3;--input: #dfe8f3;--ring: #0b6cff}*{box-sizing:border-box}html{background:#eef4fb}body{margin:0;min-width:320px;min-height:100vh;color:#10203a;background:#eef4fb;font-family:Arial,Tahoma,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.gentle-page{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:clamp(46px,10vw,180px);padding:32px 24px;background:radial-gradient(circle at 14% 15%,#d8e9ff 0,transparent 29%),linear-gradient(135deg,#f8fbff,#eaf3ff)}.desktop-intro{width:min(370px,35vw);text-align:right;color:#10203a}.intro-mark,.brand-mark,.guest-logo{display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(145deg,#0b6cff,#2c8cff);box-shadow:0 10px 24px #0b6cff3d}.intro-mark{width:64px;height:64px;border-radius:21px;font-size:24px;margin-bottom:28px}.desktop-intro p,.desktop-intro span{margin:0;color:#6e7c92;font-size:12px;letter-spacing:.08em}.desktop-intro h1{margin:12px 0 16px;font-size:clamp(34px,4vw,54px);line-height:1.2;letter-spacing:-.04em}.desktop-intro span{display:block;letter-spacing:0;font-size:15px;line-height:1.9}.phone-shell{position:relative;width:min(100%,430px);height:min(900px,calc(100vh - 46px));min-height:670px;overflow:hidden;border:10px solid #142238;border-radius:35px;background:#fff;box-shadow:0 24px 70px #234a7c38}.phone-notch{position:absolute;z-index:5;top:0;left:50%;width:150px;height:24px;transform:translate(-50%);background:#142238;border-radius:0 0 17px 17px}.phone-status{height:34px;display:flex;align-items:center;justify-content:space-between;padding:5px 17px;font-size:11px;font-weight:800;background:#fff}.app-bar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:9px 16px;border-bottom:1px solid #dfe8f3;background:#fffffff7}.brand-block{display:flex;align-items:center;gap:9px;border:0;color:#10203a;background:transparent;text-align:right}.brand-mark{width:41px;height:41px;border-radius:14px;font-size:17px}.brand-block b,.brand-block small{display:block}.brand-block b{font-size:13px;letter-spacing:-.02em}.brand-block small{margin-top:2px;color:#6e7c92;font-size:9px}.header-avatar{display:grid;place-items:center;width:39px;height:39px;border:0;border-radius:13px;color:#0b6cff;background:#eaf3ff;font-size:15px;font-weight:900}.phone-content{height:calc(100% - 160px);overflow-y:auto;padding:16px 16px 24px;background:linear-gradient(#fff 0,#f8fbff 220px,#f5f9ff);scrollbar-width:none}.phone-content::-webkit-scrollbar{display:none}.hero-card{position:relative;overflow:hidden;padding:22px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#0b6cff,#4b9cff)}.hero-glow{position:absolute;width:175px;height:175px;top:-72px;left:-45px;border-radius:50%;background:#ffffff24}.hero-card p,.hero-card h1,.hero-card span,.hero-card button{position:relative}.hero-card p{margin:0 0 5px;color:#dcecff;font-size:12px}.hero-card h1{margin:0 0 8px;font-size:25px;letter-spacing:-.04em}.hero-card span{display:block;max-width:245px;color:#eaf3ff;font-size:13px;line-height:1.75}.light-action,.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:13px;padding:11px 13px;font-weight:800;transition:transform .16s cubic-bezier(.23,1,.32,1),box-shadow .16s ease}.light-action:active,.primary-action:active,.add-button:active{transform:scale(.97)}.light-action{margin-top:14px;color:#0b6cff;background:#fff;font-size:13px}.primary-action{color:#fff;background:#0b6cff;box-shadow:0 8px 18px #0b6cff2e}.primary-action.full{width:100%}.primary-action .spin,.spin{animation:spin 1s linear infinite}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.metric-card{padding:13px;border:1px solid #dfe8f3;border-radius:18px;background:#fff;box-shadow:0 3px 14px #1a51960f}.metric-card span{display:block;color:#6e7c92;font-size:11px}.metric-card strong{display:block;margin-top:4px;color:#0b6cff;font-size:25px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:21px 2px 10px}.section-heading span{display:block;color:#6e7c92;font-size:10px}.section-heading h2{margin:3px 0 0;font-size:17px}.section-heading>button{border:0;border-radius:10px;padding:7px 9px;color:#0b6cff;background:#eaf3ff;font-size:11px;font-weight:800}.main-heading{margin-top:1px}.currency-pill{border-radius:999px;padding:5px 8px;color:#0b6cff!important;background:#eaf3ff;font-weight:800}.home-products,.catalog-list,.cart-list,.orders-list{display:grid;gap:9px}.product-row,.cart-item{display:flex;align-items:center;gap:11px;min-height:80px;padding:10px;border:1px solid #dfe8f3;border-radius:18px;background:#fff;box-shadow:0 3px 14px #1a51960f}.product-visual{flex:0 0 auto;width:57px;height:57px;padding:0;overflow:hidden;border:0;border-radius:15px;background:#eaf3ff}.product-visual img,.cart-item img{width:100%;height:100%;object-fit:cover}.product-copy{min-width:0;flex:1;border:0;color:#10203a;background:transparent;text-align:right}.product-copy strong,.product-copy span,.product-copy b{display:block}.product-copy strong{font-size:14px}.product-copy span{margin:3px 0;overflow:hidden;color:#6e7c92;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.product-copy b,.cart-copy b{color:#0b6cff;font-size:13px}.add-button{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border:0;border-radius:11px;color:#fff;background:#0b6cff}.catalog-search{display:flex;align-items:center;gap:7px;margin-bottom:10px;padding:10px 12px;border-radius:13px;color:#6e7c92;background:#edf4fc;font-size:11px}.empty-card{display:flex;align-items:center;justify-content:center;gap:8px;min-height:78px;padding:16px;border:1px solid #dfe8f3;border-radius:18px;color:#6e7c92;background:#fff;text-align:center;font-size:12px}.empty-card.large{flex-direction:column;min-height:200px}.empty-card.large strong{color:#10203a;font-size:15px}.empty-card.large span{max-width:225px;line-height:1.7}.order-card{padding:13px;border:1px solid #dfe8f3;border-radius:17px;background:#fff;box-shadow:0 3px 14px #1a51960f}.order-top,.order-bottom{display:flex;align-items:center;justify-content:space-between}.order-top>strong{font-size:13px}.status-tag{padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800}.status-tag.new{color:#0b6cff;background:#eaf3ff}.status-tag.processing{color:#a66600;background:#fff4df}.status-tag.completed{color:#16865b;background:#e8f8f0}.status-tag.cancelled{color:#c73f3f;background:#ffecec}.order-date{display:flex;align-items:center;gap:4px;margin-top:7px;color:#6e7c92;font-size:10px}.order-bottom{margin-top:11px;padding-top:10px;border-top:1px solid #edf2f8;color:#6e7c92;font-size:11px}.order-bottom strong{color:#0b6cff;font-size:13px}.cart-item img{width:56px;height:56px;border-radius:14px;background:#eaf3ff}.cart-copy{flex:1;min-width:0}.cart-copy strong,.cart-copy span,.cart-copy b{display:block}.cart-copy strong{font-size:13px}.cart-copy span{margin:3px 0;color:#6e7c92;font-size:10px}.quantity-control{display:flex;align-items:center;gap:7px}.quantity-control button{display:grid;place-items:center;width:27px;height:27px;border:0;border-radius:8px;color:#0b6cff;background:#eaf3ff}.quantity-control strong{min-width:13px;text-align:center;font-size:13px}.checkout-card{margin-top:12px;padding:14px;border:1px solid #dfe8f3;border-radius:18px;background:#fff;box-shadow:0 3px 14px #1a51960f}.total-line{display:flex;justify-content:space-between;margin:7px 0;color:#6e7c92;font-size:12px}.total-line b{color:#10203a}.total-line.grand{margin:11px 0 0;padding-top:10px;border-top:1px solid #dfe8f3;color:#10203a}.total-line.grand strong:last-child{color:#0b6cff;font-size:16px}.form-title{display:flex;align-items:center;gap:6px;margin-bottom:6px;color:#0b6cff}.delivery-form label{display:block;margin-top:11px;color:#59708d;font-size:11px;font-weight:800}.delivery-form input,.delivery-form textarea,.delivery-form select{display:block;width:100%;margin-top:5px;padding:10px 11px;border:1px solid #dfe8f3;border-radius:11px;outline:none;color:#10203a;background:#fff;font-size:12px;resize:vertical}.delivery-form input:focus,.delivery-form textarea:focus,.delivery-form select:focus{border-color:#0b6cff;box-shadow:0 0 0 3px #0b6cff14}.delivery-form .primary-action{margin-top:14px}.account-hero{display:flex;align-items:center;gap:12px;padding:17px;border-radius:20px;color:#fff;background:linear-gradient(135deg,#0b6cff,#4b9cff)}.avatar-circle{display:grid;place-items:center;width:57px;height:57px;border-radius:18px;color:#0b6cff;background:#fff;font-size:21px;font-weight:900}.account-hero span,.account-hero p{color:#eaf3ff;font-size:11px}.account-hero h2{margin:4px 0;font-size:17px}.account-hero p{margin:0}.account-menu{margin-top:12px;padding:0 14px;border:1px solid #dfe8f3;border-radius:18px;background:#fff}.account-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 0;border:0;border-bottom:1px solid #dfe8f3;color:#10203a;background:transparent;text-align:right;font-size:13px}.account-menu button:last-child{border-bottom:0}.account-menu button span{display:flex;align-items:center;gap:8px}.account-menu .logout-row{color:#c73f3f}.guest-account{display:flex;flex-direction:column;align-items:center;padding:32px 13px;text-align:center}.guest-logo{width:74px;height:74px;border-radius:24px;font-size:28px}.guest-account>span{margin-top:14px;color:#0b6cff;font-size:11px;font-weight:900;letter-spacing:.06em}.guest-account h2{margin:15px 0 7px;font-size:20px}.guest-account p{max-width:260px;margin:0 0 20px;color:#6e7c92;font-size:12px;line-height:1.8}.phone-nav{position:absolute;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,1fr);height:56px;padding:5px 6px 7px;border-top:1px solid #dfe8f3;background:#fff}.phone-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;color:#8a99ad;background:transparent}.phone-nav button.active{color:#0b6cff}.phone-nav small{font-size:9px}.nav-icon{position:relative;display:grid;place-items:center}.nav-icon i{position:absolute;top:-6px;left:-9px;display:grid;place-items:center;min-width:15px;height:15px;padding:0 3px;border:2px solid white;border-radius:999px;color:#fff;background:#0b6cff;font-size:8px;font-style:normal;font-weight:800}.product-modal{position:absolute;z-index:20;inset:0;display:flex;align-items:end;padding:0;background:#0a1f3b7a}.modal-sheet{position:relative;width:100%;padding:18px;border-radius:24px 24px 0 0;background:#fff}.modal-close{position:absolute;top:14px;left:14px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:10px;color:#0b6cff;background:#eaf3ff}.modal-sheet img{width:100%;height:160px;border-radius:17px;object-fit:cover;background:#eaf3ff}.modal-sheet>span{display:block;margin-top:13px;color:#0b6cff;font-size:11px;font-weight:800}.modal-sheet h3{margin:5px 0;font-size:20px}.modal-sheet p{margin:0;color:#6e7c92;font-size:12px;line-height:1.8}.modal-sheet>div{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.modal-sheet>div strong{color:#0b6cff;font-size:17px}.page-loader,.access-page{display:grid;min-height:100vh;place-items:center;gap:9px;color:#0b6cff;background:#eef4fb;font-size:13px}.page-loader{grid-auto-flow:column}.admin-page{display:grid;min-height:100vh;place-items:center;padding:28px;background:radial-gradient(circle at 18% 14%,#d8e9ff 0,transparent 28%),#eef4fb}.admin-phone{position:relative;width:min(100%,430px);height:min(900px,calc(100vh - 46px));min-height:670px;overflow-y:auto;border:10px solid #142238;border-radius:35px;background:#f8fbff;box-shadow:0 24px 70px #234a7c38;scrollbar-width:none}.admin-phone::-webkit-scrollbar{display:none}.admin-notch{position:absolute;z-index:4;top:0;left:50%;width:150px;height:24px;transform:translate(-50%);border-radius:0 0 17px 17px;background:#142238}.admin-status{display:flex;align-items:center;justify-content:space-between;height:34px;padding:5px 17px;background:#fff;font-size:11px;font-weight:800}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:17px;color:#fff;background:linear-gradient(135deg,#0b6cff,#4b9cff)}.admin-header button{display:grid;place-items:center;width:35px;height:35px;border:0;border-radius:10px;color:#fff;background:#ffffff29}.admin-header div{text-align:center}.admin-header span{color:#dcecff;font-size:9px;letter-spacing:.08em}.admin-header h1{margin:3px 0 0;font-size:18px}.admin-content{padding:15px}.admin-alert{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #cfe2ff;border-radius:14px;color:#0b6cff;background:#eaf3ff}.admin-alert div{flex:1}.admin-alert strong,.admin-alert span{display:block}.admin-alert strong{font-size:12px}.admin-alert span{margin-top:2px;color:#59708d;font-size:10px}.admin-alert button{border:0;border-radius:9px;padding:7px 9px;color:#fff;background:#0b6cff;font-size:11px;font-weight:800}.admin-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.admin-metrics article{padding:12px;border-radius:15px;background:#fff;box-shadow:0 3px 14px #1a51960f}.admin-metrics span,.admin-metrics strong{display:block}.admin-metrics span{color:#6e7c92;font-size:10px}.admin-metrics strong{margin-top:4px;color:#0b6cff;font-size:21px}.admin-section-title{display:flex;align-items:end;justify-content:space-between;margin:20px 2px 10px}.admin-section-title span{color:#6e7c92;font-size:10px}.admin-section-title h2{margin:4px 0 0;font-size:16px}.admin-section-title svg{color:#0b6cff}.admin-orders{display:grid;gap:10px}.admin-order{padding:13px;border:1px solid #dfe8f3;border-radius:17px;background:#fff;box-shadow:0 3px 14px #1a51960f}.admin-order-top{display:flex;align-items:start;justify-content:space-between}.admin-order-top div>*{display:block}.admin-order-top strong{font-size:13px}.admin-order-top span{margin-top:3px;color:#6e7c92;font-size:9px}.admin-order-top b{color:#0b6cff;font-size:12px}.customer-line{display:flex;gap:8px;margin-top:11px;font-size:11px}.customer-line span{color:#6e7c92}.admin-order p{margin:7px 0;color:#59708d;font-size:10px;line-height:1.5}.admin-item-list{display:flex;flex-wrap:wrap;gap:5px}.admin-item-list span{padding:4px 6px;border-radius:8px;color:#59708d;background:#f1f6fc;font-size:9px}.admin-order label{display:flex;align-items:center;justify-content:space-between;margin-top:10px;color:#59708d;font-size:10px;font-weight:800}.admin-order select{padding:6px 8px;border:1px solid #dfe8f3;border-radius:8px;color:#10203a;background:#fff;font-size:10px}.admin-empty,.admin-loading{display:flex;flex-direction:column;align-items:center;gap:7px;min-height:190px;justify-content:center;border:1px solid #dfe8f3;border-radius:17px;color:#6e7c92;background:#fff;font-size:11px}.admin-empty strong{color:#10203a;font-size:13px}.access-card{width:min(92vw,390px);padding:34px 28px;border:1px solid #dfe8f3;border-radius:25px;background:#fff;box-shadow:0 20px 60px #234a7c29;text-align:center}.access-symbol{display:grid;width:59px;height:59px;margin:auto;place-items:center;border-radius:19px;color:#0b6cff;background:#eaf3ff}.access-card>span{display:block;margin-top:15px;color:#0b6cff;font-size:10px;font-weight:900;letter-spacing:.06em}.access-card h1{margin:12px 0 8px;font-size:21px}.access-card p{margin:0 0 20px;color:#6e7c92;font-size:12px;line-height:1.8}.access-card>button{width:100%;padding:11px;border:0;border-radius:12px;color:#fff;background:#0b6cff;font-weight:800}.access-card>.text-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;margin-top:8px;color:#59708d;background:transparent;font-size:11px}.manager-loading,.manager-login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100% - 34px);padding:30px 28px;text-align:center}.manager-loading{color:#0b6cff;font-size:12px}.manager-login-mark{display:grid;width:58px;height:58px;place-items:center;border-radius:19px;color:#0b6cff;background:#eaf3ff}.manager-login>span{margin-top:15px;color:#0b6cff;font-size:10px;font-weight:900;letter-spacing:.08em}.manager-login h1{margin:11px 0 7px;font-size:22px}.manager-login>p{max-width:280px;margin:0 0 20px;color:#6e7c92;font-size:12px;line-height:1.8}.manager-login form,.manager-settings form{width:100%;text-align:right}.manager-login label,.manager-settings label{display:block;margin-top:11px;color:#59708d;font-size:11px;font-weight:800}.manager-login input,.manager-settings input{display:block;width:100%;margin-top:5px;padding:11px 12px;border:1px solid #dfe8f3;border-radius:11px;outline:none;color:#10203a;background:#fff;font-size:13px}.manager-login input:focus,.manager-settings input:focus{border-color:#0b6cff;box-shadow:0 0 0 3px #0b6cff14}.manager-primary{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:7px;margin-top:16px;padding:12px;border:0;border-radius:12px;color:#fff;background:#0b6cff;font-size:13px;font-weight:800;box-shadow:0 8px 18px #0b6cff2e}.manager-back{display:inline-flex;align-items:center;gap:5px;margin-top:15px;border:0;color:#59708d;background:transparent;font-size:11px}.admin-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;padding:4px;border-radius:13px;background:#edf4fc}.admin-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border:0;border-radius:10px;color:#6e7c92;background:transparent;font-size:11px;font-weight:800}.admin-tabs button.active{color:#0b6cff;background:#fff;box-shadow:0 2px 8px #0000000d}.manager-settings{padding:15px;border:1px solid #dfe8f3;border-radius:18px;background:#fff;box-shadow:0 3px 14px #1a51960f}.settings-heading{display:flex;align-items:center;gap:10px}.settings-heading .manager-login-mark{width:43px;height:43px;border-radius:13px}.settings-heading span{color:#6e7c92;font-size:10px}.settings-heading h2{margin:3px 0 0;font-size:15px}.manager-settings>p{margin:12px 0 4px;color:#6e7c92;font-size:11px;line-height:1.75}.auth-phone-content{height:calc(100% - 104px);padding:0;background:linear-gradient(#fff 0,#f8fbff)}.customer-auth{display:flex;flex-direction:column;align-items:center;min-height:100%;padding:31px 25px 24px;text-align:center}.customer-auth-mark{display:grid;width:60px;height:60px;place-items:center;border-radius:20px;color:#0b6cff;background:#eaf3ff}.customer-auth>span{margin-top:13px;color:#0b6cff;font-size:10px;font-weight:900;letter-spacing:.08em}.customer-auth h1{margin:10px 0 6px;font-size:21px}.customer-auth>p{max-width:290px;margin:0 0 18px;color:#6e7c92;font-size:11px;line-height:1.75}.customer-auth-tabs{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border-radius:13px;background:#edf4fc}.customer-auth-tabs button{border:0;border-radius:10px;padding:9px;color:#6e7c92;background:transparent;font-size:11px;font-weight:800}.customer-auth-tabs button.active{color:#0b6cff;background:#fff;box-shadow:0 2px 8px #0000000d}.customer-auth form{width:100%;margin-top:6px;text-align:right}.customer-auth label{display:block;margin-top:10px;color:#59708d;font-size:11px;font-weight:800}.customer-auth input{display:block;width:100%;margin-top:4px;padding:10px 11px;border:1px solid #dfe8f3;border-radius:11px;outline:none;color:#10203a;background:#fff;font-size:12px}.customer-auth input:focus{border-color:#0b6cff;box-shadow:0 0 0 3px #0b6cff14}.customer-primary{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:7px;margin-top:15px;padding:11px;border:0;border-radius:12px;color:#fff;background:#0b6cff;font-size:13px;font-weight:800;box-shadow:0 8px 18px #0b6cff2e}.customer-manager-link{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:4px;margin-top:10px;padding:8px;border:0;color:#59708d;background:transparent;font-size:11px;font-weight:800}.checkout-error{margin:0 0 10px;padding:9px 10px;border:1px solid #ffd1d1;border-radius:10px;color:#c82d2d;background:#fff4f4;font-size:10px;font-weight:700;line-height:1.65}.language-toggle{display:inline-grid;min-width:34px;height:30px;place-items:center;padding:0 7px;border:1px solid #d9e5f2;border-radius:9px;color:#0b6cff;background:#fff;font-size:10px;font-weight:900;letter-spacing:.03em}.language-toggle.compact{min-width:28px;height:27px;font-size:9px}.language-login-toggle{position:absolute;top:19px;inset-inline-end:19px}.manager-login{position:relative}.admin-header-actions{display:flex;align-items:center;gap:7px}.admin-header-actions>button:last-child{display:grid;width:31px;height:31px;place-items:center;border:0;border-radius:9px;color:#59708d;background:#f3f7fc}.service-title{align-items:center}.add-service-button{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border:0;border-radius:9px;color:#fff;background:#0b6cff;box-shadow:0 5px 13px #0b6cff33;font-size:10px;font-weight:800}.order-card-button{width:100%;border:0;text-align:right;cursor:pointer}.order-details-link{display:inline-flex;align-items:center;gap:2px;margin-top:8px;color:#0b6cff;font-size:10px;font-weight:800}.order-details-sheet{max-height:82%;overflow:auto}.order-details-status{display:flex;align-items:center;justify-content:space-between;margin:12px 0}.order-details-status>strong{color:#0b6cff;font-size:14px}.order-detail-lines{display:grid;gap:7px;padding:11px;border-radius:11px;background:#f3f7fc}.order-detail-lines div{display:flex;justify-content:space-between;gap:12px;color:#59708d;font-size:11px}.order-detail-lines b{color:#10203a}.order-address-card{display:grid;gap:5px;margin-top:12px;padding:11px;border:1px solid #dfe8f3;border-radius:11px;color:#59708d;font-size:11px}.order-address-card strong{color:#10203a}.order-address-card p{margin:1px 0;line-height:1.6}.order-address-card em{color:#0b6cff;font-style:normal}.cancel-customer-order{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:6px;margin-top:13px;padding:11px;border:1px solid #ffd0d0;border-radius:11px;color:#bd2828;background:#fff4f4;font-weight:800}.order-cancel-note{margin:12px 0 0;color:#6e7c92;font-size:10px;line-height:1.6}.admin-tabs.three-tabs{grid-template-columns:repeat(3,1fr)}.admin-tabs.three-tabs button{padding-inline:4px;font-size:10px}.order-manager-actions{display:flex;gap:7px;margin-top:11px}.order-manager-actions button{display:inline-flex;align-items:center;gap:4px;padding:7px 9px;border-radius:8px;font-size:10px;font-weight:800}.cancel-order-action{border:1px solid #ffd7be;color:#b64a06;background:#fff7f0}.delete-order-action{border:1px solid #ffd3d3;color:#bd2828;background:#fff4f4}.service-list{display:grid;gap:9px}.service-admin-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid #dfe8f3;border-radius:15px;background:#fff;box-shadow:0 3px 14px #1a51960f}.service-admin-card strong,.service-admin-card span,.service-admin-card b{display:block}.service-admin-card strong{font-size:12px}.service-admin-card span{margin-top:3px;color:#6e7c92;font-size:10px}.service-admin-card b{margin-top:5px;color:#0b6cff;font-size:11px}.service-admin-card>div:last-child{display:flex;flex-direction:column;align-items:end;gap:8px}.service-admin-card em{padding:4px 7px;border-radius:999px;font-size:9px;font-style:normal;font-weight:800}.active-service{color:#16865b;background:#e9f9f1}.inactive-service{color:#7b6576;background:#f4eef4}.service-admin-card button,.service-editor-head button{display:inline-flex;align-items:center;gap:4px;border:0;color:#0b6cff;background:transparent;font-size:10px;font-weight:800}.service-editor{padding:14px;border:1px solid #dfe8f3;border-radius:17px;background:#fff;box-shadow:0 3px 14px #1a51960f}.service-editor-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.service-editor-head strong{font-size:13px}.service-editor label{display:block;margin-top:10px;color:#59708d;font-size:10px;font-weight:800}.service-editor input:not([type=checkbox]),.service-editor textarea{display:block;width:100%;margin-top:4px;padding:9px 10px;border:1px solid #dfe8f3;border-radius:9px;outline:none;color:#10203a;background:#fff;font-size:11px}.service-active-toggle{display:flex!important;align-items:center;gap:7px;padding:10px;border-radius:10px;background:#f3f7fc}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 760px){.gentle-page,.admin-page{padding:12px}.desktop-intro{display:none}.phone-shell,.admin-phone{width:min(100%,430px);height:calc(100vh - 24px);min-height:650px;border-width:8px;border-radius:29px;box-shadow:0 16px 42px #234a7c2e}.phone-notch{display:block}}.admin-section-title .live-status{color:#16865b;font-weight:800}.admin-section-title .live-status:before{display:inline-block;width:6px;height:6px;margin-left:4px;border-radius:99px;background:#18a36b;content:""}@media (prefers-reduced-motion: no-preference){.product-row,.order-card,.metric-card{transition:transform .18s cubic-bezier(.23,1,.32,1),box-shadow .18s ease}.product-row:hover,.order-card:hover{transform:translateY(-1px);box-shadow:0 7px 20px #1a51961a}}