/* Compact three-action navigation and quiet bakery visuals. */
.hero .hero-type-line{font-size:clamp(32px,3.5vw,52px);font-weight:400;line-height:1.15;letter-spacing:-1.4px}
.hero-type-slot{display:inline-block;min-inline-size:8.2ch;white-space:nowrap;font-weight:650;vertical-align:baseline}
.hero-type-slot[data-language="ms"]{min-inline-size:9ch}
.hero-type-value{color:#52643c;background:linear-gradient(transparent 68%,#dce5c680);padding-inline:2px;box-decoration-break:clone}
.hero-type-value:after{content:'';display:inline-block;width:2px;height:.72em;margin-left:3px;background:#8a6a47;animation:typingCaret .9s steps(1) infinite}
.typing-paused .hero-type-value:after{animation-play-state:paused;opacity:0}
.catalogue-scene,.delivery-scene{position:relative;isolation:isolate;overflow:hidden}
.catalogue-scene{background:linear-gradient(180deg,#faf7ee,#f7f8ef)}
.catalogue-scene:before,.how-section:before,.delivery-scene:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('/assets/bakery-linen-bg.webp');background-repeat:no-repeat;background-size:100% auto;background-position:center top}
.catalogue-scene:before{opacity:.38;mask-image:linear-gradient(#000 0%,#0009 65%,transparent 100%)}
.catalogue-scene .catalogue{padding-top:43px;padding-bottom:42px}
.how-section{isolation:isolate;background:#eaf0de}
.how-section:before{opacity:.22;background-position:center 45%;background-size:cover;filter:saturate(.6)}
.how-card{background:#fffdf6e8;backdrop-filter:blur(3px)}
.delivery-scene{background:linear-gradient(120deg,#f1f3e6,#faf5e9)}
.delivery-scene:before{opacity:.28;background-position:center bottom}
.delivery-scene .delivery-section{margin-block:0;padding-block:44px}
.delivery-tile{background:#fffef8ed}
.seo-intro{position:relative;isolation:isolate;background:linear-gradient(110deg,#f9f7ef,#eef2e6);border-top:0}
.seo-intro:before{content:'';position:absolute;inset:0;z-index:-1;background:url('/assets/bakery-linen-bg.webp') right center/cover no-repeat;opacity:.14;pointer-events:none}
.admin-bg{position:relative;isolation:isolate;background:#f1f3e9}
.workspace-ambience{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.workspace-ambience:before{content:'';position:absolute;inset:-3%;background:linear-gradient(#f3f5ecc4,#eff2e4c9),url('/assets/workspace-bakery-bg.webp') center/cover no-repeat;animation:workspaceBreath 24s ease-in-out infinite alternate}
.workspace-ambience:after{content:'';position:absolute;width:640px;height:640px;right:-240px;top:-280px;border-radius:50%;background:radial-gradient(circle,#c5d2a552,transparent 67%);animation:workspaceGlow 18s ease-in-out infinite alternate}
.admin-metrics .metric,.orders-board{background-color:#fffdf8ef}
.workspace-entry .admin-heading{animation:workspaceEntry .45s ease-out both}
.workspace-entry .opening-checklist{animation:workspaceEntry .5s .05s ease-out both}
.motion-suspended .workspace-ambience:before,.motion-suspended .workspace-ambience:after{animation-play-state:paused}
dialog[open]{animation:skociPopupIn .26s cubic-bezier(.2,.7,.2,1)}
dialog.closing{animation:skociPopupOut .18s ease-in forwards}
dialog::backdrop{background:#27311e65;backdrop-filter:blur(5px);animation:skociBackdropIn .22s ease-out}
.modal-body.swap{animation:workspaceEntry .2s ease-out}
.motion-ready .reveal-target:not(.seen){transform:translateY(16px)}
.motion-ready .reveal-target.seen{transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
@keyframes typingCaret{0%,45%{opacity:.8}50%,100%{opacity:0}}
@keyframes workspaceBreath{to{transform:scale(1.035) translateY(-.8%)}}
@keyframes workspaceGlow{to{transform:translate(-8%,12%);opacity:.6}}
@keyframes workspaceEntry{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes skociPopupIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes skociPopupOut{to{opacity:0;transform:translateY(10px) scale(.99)}}
@keyframes skociBackdropIn{from{opacity:0}to{opacity:1}}
@keyframes skociDrawerIn{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes skociDrawerOut{to{opacity:0;transform:translateX(18px)}}
dialog.drawer.closing{animation:skociPopupOut .18s ease-in forwards}
@media(min-width:681px) and (min-height:521px){dialog.drawer[open]{animation:skociDrawerIn .26s cubic-bezier(.2,.7,.2,1)}dialog.drawer.closing{animation:skociDrawerOut .18s ease-in forwards}}
@media(max-width:680px),(max-height:520px) and (max-width:930px){
 :root{--dock-space:calc(68px + env(safe-area-inset-bottom,0px))}
 .mobile-dock{display:block;position:fixed;inset:auto 0 0;z-index:55;padding:0 12px max(6px,env(safe-area-inset-bottom,0px));background:none;pointer-events:none}
 .dock-inner,.admin-dock .dock-inner{display:grid!important;grid-template-columns:1fr 1.5fr 1fr;gap:4px;height:54px;min-height:54px;padding:3px 6px;border-radius:17px;border:1px solid #d8dfca;background:#fffef7f5;backdrop-filter:blur(18px);box-shadow:0 6px 24px #3f4d211a;align-items:center;pointer-events:auto}
 .dock-item,.admin-dock .dock-item{min-height:46px;height:46px;padding:2px 4px;gap:2px;border:0;flex-direction:column;font-size:10.5px;font-weight:550;color:#7a826e;border-radius:11px;background:transparent}
 .dock-item>.icon{width:20px;height:20px;stroke-width:1.8}
 .dock-item.active,.admin-dock .dock-item.active{border:0;background:transparent;color:#4f6339}
 .dock-item.active:not(.dock-primary):after{content:'';width:12px;height:2px;border-radius:10px;background:#8d9b73;position:absolute;bottom:0}
 .dock-primary,.admin-dock .dock-primary{padding:0;gap:1px;color:#4f6339;font-weight:650;transform:translateY(-2px)}
 .dock-primary-icon,.dock-cart-icon{position:relative;display:grid;place-items:center;width:44px;height:34px;border-radius:12px;background:linear-gradient(135deg,#71855b,#4f663b);color:#fffdf4;box-shadow:0 3px 8px #536b3b26;flex-shrink:0}
 .dock-primary-icon .icon,.dock-cart-icon .icon{width:20px;height:20px;stroke-width:1.8}
 .has-items .dock-cart-icon{background:linear-gradient(135deg,#71855b,#4f663b);box-shadow:0 3px 8px #536b3b26}
 .dock-label,.dock-cart-label,.shop-dock:not(.has-items) .dock-cart-label{font-size:10px;font-weight:600;line-height:12px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;color:inherit}
 .dock-cart .count-dot{right:-4px;top:-3px;height:16px;min-width:16px;font-size:8px;border:2px solid #fffdf5;line-height:1;background:#927050}
 .dock-item:hover{background:#edf1e5}
 .dock-item:focus-visible{outline:2px solid #8e9f70;outline-offset:1px}
 .modal-open .mobile-dock,body:has(dialog[open]) .mobile-dock{visibility:hidden!important;pointer-events:none}
 body:not(:has(dialog[open])) .mobile-dock{visibility:visible!important}
 .support-float{display:none}
 .hero .hero-type-line{font-size:32px;line-height:1.2;letter-spacing:-1px}
 .catalogue-scene .catalogue{padding-top:29px;padding-bottom:28px}
 .delivery-scene .delivery-section{padding-block:30px}
 .catalogue-scene:before{background-size:auto 560px;background-position:right top;opacity:.42}
 .delivery-scene:before{background-position:right bottom;background-size:auto 480px}
 .workspace-ambience:before{background-position:100% center}
}
@media(max-height:520px) and (max-width:930px){
 :root{--dock-space:calc(60px + env(safe-area-inset-bottom,0px))}
 .dock-inner,.admin-dock .dock-inner{height:48px;min-height:48px}
 .dock-item,.admin-dock .dock-item{height:42px;min-height:42px;flex-direction:row;gap:6px}
 .dock-primary{transform:none}
 .dock-primary-icon,.dock-cart-icon{height:32px;width:36px}
 .dock-item.active:not(.dock-primary):after{display:none}
}
@media(prefers-reduced-motion:reduce){
 .hero-type-value:after{display:none}
 .workspace-ambience:before,.workspace-ambience:after,.workspace-entry .admin-heading,.workspace-entry .opening-checklist,dialog[open],dialog.closing,dialog::backdrop,.modal-body.swap{animation:none!important;transform:none!important}
 .motion-ready .reveal-target:not(.seen){opacity:1;transform:none}
}
@media print{.workspace-ambience,.mobile-dock{display:none!important}}