:root { --ink:#17202b; --muted:#667183; --paper:#f4f7fa; --glass:rgba(255,255,255,.66); --line:rgba(22,32,43,.09); --coral:#f25f5c; --cyan:#2ebac6; --lime:#b6de52; --shadow:0 22px 65px rgba(32,55,80,.14); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--paper); font-family:'DM Sans','Noto Sans SC',sans-serif; min-width:320px; } button,input { font:inherit; } button { cursor:pointer; } button:disabled { cursor:not-allowed; opacity:.42; } .ambient { position:fixed; z-index:-1; border-radius:50%; filter:blur(3px); opacity:.5; } .ambient-one { width:31rem; height:31rem; background:#c8f0f1; top:-14rem; right:-10rem; } .ambient-two { width:25rem; height:25rem; background:#ffe6c8; bottom:-12rem; left:-10rem; }
.site-header,main { width:min(1180px,calc(100% - 40px)); margin:auto; }.site-header { height:84px; display:flex; align-items:center; gap:10px; }.brand { display:flex; gap:10px; align-items:center; margin-right:auto; color:var(--ink); text-decoration:none; font-weight:700; }.brand-mark { width:31px; height:31px; border-radius:10px; display:grid; place-items:center; color:white; background:linear-gradient(145deg,var(--coral),#fa9272); box-shadow:0 7px 15px rgba(242,95,92,.25); }.order-shortcut{min-height:42px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid rgba(23,32,43,.12);border-radius:8px;background:#fff;color:var(--ink);font-size:13px;font-weight:700;text-decoration:none;box-shadow:0 7px 20px rgba(32,55,80,.06);transition:transform .2s,border-color .2s,box-shadow .2s}.order-shortcut:hover{transform:translateY(-2px);border-color:rgba(46,186,198,.45);box-shadow:0 10px 24px rgba(32,55,80,.1)}.order-shortcut span{color:var(--cyan);font-size:18px;line-height:1}.cart-trigger,.hero-cta,.primary-button { border:0; color:#fff; background:var(--ink); border-radius:14px; display:inline-flex; gap:9px; align-items:center; justify-content:center; font-weight:600; transition:transform .2s,box-shadow .2s,background .2s; }.cart-trigger:hover,.hero-cta:hover,.primary-button:hover:not(:disabled) { transform:translateY(-2px); box-shadow:0 12px 26px rgba(23,32,43,.2); }.cart-trigger { min-height:42px; padding:0 10px 0 14px; }.cart-trigger b { min-width:24px; height:24px; padding:0 6px; display:grid; place-items:center; border-radius:9px; background:#fff; color:var(--ink); font-size:12px; }.bag-icon { width:13px; height:13px; border:1.5px solid white; border-radius:3px; position:relative; margin-top:4px; }.bag-icon:before { content:''; position:absolute; width:6px; height:5px; left:2px; top:-6px; border:1.5px solid white; border-bottom:0; border-radius:4px 4px 0 0; }
.hero { min-height:500px; padding:75px 6.5%; overflow:hidden; position:relative; display:grid; align-items:center; grid-template-columns:1.15fr .85fr; border-radius:8px; background:linear-gradient(115deg,#e8f7f4 0%,#f9fafb 55%,#f0e7ff 100%); box-shadow:0 20px 70px rgba(57,75,91,.08); }.hero-copy { z-index:1; }.eyebrow { margin:0 0 10px; color:var(--coral); font-size:11px; font-weight:700; letter-spacing:1.3px; }.hero h1 { margin:0; font-size:clamp(40px,5vw,68px); line-height:1.08; letter-spacing:0; }.hero h1 em { color:var(--coral); font-style:normal; }.hero-text { max-width:390px; color:var(--muted); line-height:1.8; margin:20px 0 28px; }.hero-cta { padding:15px 19px; text-decoration:none; }.hero-cta span,.primary-button span { font-size:20px; line-height:10px; }.hero-visual { min-height:350px; position:relative; }.glass-glow { width:300px; height:300px; border-radius:43% 57% 56% 44%; background:linear-gradient(145deg,rgba(46,186,198,.36),rgba(243,95,92,.36)); filter:blur(5px); position:absolute; top:20px; left:12%; animation:morph 9s ease-in-out infinite alternate; }.hero-ring { position:absolute; width:250px; height:250px; border:1px solid rgba(23,32,43,.18); border-radius:50%; left:17%; top:48px; }.float-card { position:absolute; backdrop-filter:blur(17px); -webkit-backdrop-filter:blur(17px); background:rgba(255,255,255,.57); border:1px solid rgba(255,255,255,.75); box-shadow:var(--shadow); }.float-card-main { padding:28px; border-radius:24px; left:7%; top:91px; transform:rotate(-7deg); animation:drift 5s ease-in-out infinite; }.float-card span { display:block; font-size:12px; color:var(--muted); }.float-card strong { font-size:30px; line-height:1.08; display:block; margin-top:12px; }.float-card-small { right:0; top:250px; padding:12px 15px; border-radius:15px; font-size:12px; animation:drift 6.2s ease-in-out infinite reverse; }.pulse { display:inline-block!important; width:8px; height:8px; margin-right:5px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 5px rgba(182,222,82,.22); }
.catalog-section { padding:110px 0 80px; }.section-head { display:flex; align-items:end; gap:20px; justify-content:space-between; margin-bottom:30px; }.section-head h2,.panel-header h2,.checkout-intro h2,.success-content h2 { font-size:31px; margin:0; letter-spacing:0; }.category-tabs { display:flex; gap:8px; flex-wrap:wrap; }.category-tab { border:1px solid var(--line); background:rgba(255,255,255,.4); padding:9px 13px; border-radius:10px; color:var(--muted); transition:.2s; }.category-tab.active,.category-tab:hover { color:var(--ink); background:white; border-color:white; box-shadow:0 6px 16px rgba(34,52,70,.1); }.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.product-card { min-width:0; overflow:hidden; border:1px solid rgba(255,255,255,.7); background:var(--glass); border-radius:8px; box-shadow:0 8px 24px rgba(37,56,78,.05); transition:transform .25s,box-shadow .25s; }.product-card:hover { transform:translateY(-5px); box-shadow:var(--shadow); }.product-photo { height:215px; position:relative; background:#dce9eb; overflow:hidden; }.product-photo img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .45s; }.product-card:hover img { transform:scale(1.06); }.stock-pill { position:absolute; left:12px; top:12px; padding:6px 9px; border-radius:8px; background:rgba(255,255,255,.78); backdrop-filter:blur(8px); font-size:11px; font-weight:700; }.sold-out .product-photo img { filter:grayscale(.8); }.product-info { padding:17px; }.product-info p { color:var(--cyan); font-size:11px; font-weight:700; letter-spacing:.7px; margin:0 0 7px; }.product-info h3 { margin:0; font-size:18px; }.description { display:block; min-height:37px; color:var(--muted); font-size:13px; line-height:1.45; margin:8px 0 15px; }.product-bottom { display:flex; align-items:center; justify-content:space-between; }.product-bottom strong { font-size:18px; }.add-button { width:35px; height:35px; border:0; border-radius:11px; background:var(--coral); color:#fff; font-size:24px; line-height:1; transition:.2s; }.add-button:hover:not(:disabled) { background:#e44e4c; transform:rotate(90deg); }.empty-grid { grid-column:1/-1; padding:60px; color:var(--muted); text-align:center; }
.cart-panel { position:fixed; z-index:10; right:0; top:0; width:min(430px,100%); height:100dvh; background:rgba(249,251,253,.91); backdrop-filter:blur(22px); border-left:1px solid rgba(255,255,255,.8); padding:27px; display:flex; flex-direction:column; transform:translateX(103%); visibility:hidden; transition:transform .35s cubic-bezier(.2,.8,.2,1),visibility .35s; box-shadow:-24px 0 70px rgba(25,43,64,.13); }.cart-panel.open { transform:translateX(0); visibility:visible; }.panel-header { display:flex; justify-content:space-between; align-items:start; }.icon-button { border:0; width:36px; height:36px; border-radius:11px; background:#fff; color:var(--ink); font-size:24px; line-height:1; }.cart-items { flex:1; overflow:auto; padding:25px 0; }.cart-item { display:grid; grid-template-columns:68px 1fr auto; gap:12px; padding:12px 0; border-bottom:1px solid var(--line); }.cart-item img { width:68px; height:68px; border-radius:8px; object-fit:cover; }.cart-item h3 { margin:0 0 4px; font-size:15px; }.cart-item-body > span { color:var(--muted); font-size:13px; }.cart-item > strong { font-size:13px; }.quantity-stepper { display:inline-flex; align-items:center; gap:9px; margin-top:8px; padding:3px; background:rgba(255,255,255,.75); border-radius:8px; }.quantity-stepper button { width:24px; height:24px; border:0; border-radius:6px; background:transparent; font-size:18px; line-height:1; }.quantity-stepper button:hover:not(:disabled) { background:#e9eef3; }.quantity-stepper b { min-width:13px; text-align:center; font-size:12px; }.empty-cart { height:100%; display:grid; place-content:center; text-align:center; color:var(--muted); }.empty-cart div { color:var(--cyan); font-size:40px; }.empty-cart h3 { color:var(--ink); margin:13px 0 3px; }.empty-cart p { margin:0; font-size:13px; }.cart-footer { border-top:1px solid var(--line); padding-top:18px; }.total-row { display:flex; justify-content:space-between; align-items:center; color:var(--muted); }.total-row strong { color:var(--ink); font-size:23px; }.primary-button { width:100%; margin-top:17px; padding:15px; }.no-scroll { overflow:hidden; }
.modal { position:fixed; z-index:20; inset:0; display:grid; place-items:center; padding:20px; opacity:0; visibility:hidden; transition:.25s; }.modal.open { visibility:visible; opacity:1; }.modal-backdrop { position:absolute; inset:0; background:rgba(19,29,40,.35); backdrop-filter:blur(6px); }.modal-content { position:relative; max-height:calc(100dvh - 40px); overflow:auto; width:min(860px,100%); border-radius:8px; background:#f8fafc; box-shadow:0 28px 90px rgba(16,28,43,.3); transform:translateY(16px) scale(.98); transition:.3s cubic-bezier(.2,.8,.2,1); }.modal.open .modal-content { transform:translateY(0) scale(1); }.checkout-content { padding:42px; }.modal-close { position:absolute; right:20px; top:20px; }.checkout-intro > p:last-child { color:var(--muted); }.checkout-layout { display:grid; grid-template-columns:1fr .87fr; gap:36px; margin-top:27px; }.order-form { display:grid; gap:15px; }.order-form label { display:grid; gap:7px; font-size:13px; font-weight:600; }.order-form input { height:48px; border:1px solid var(--line); border-radius:9px; background:white; padding:0 13px; outline:none; transition:.2s; }.order-form input:focus { border-color:var(--cyan); box-shadow:0 0 0 3px rgba(46,186,198,.15); }.checkout-summary { align-self:start; padding:21px; border-radius:8px; background:white; }.summary-title { margin:0 0 14px; font-weight:700; }.summary-line { display:flex; gap:10px; justify-content:space-between; padding:9px 0; font-size:13px; border-bottom:1px dashed var(--line); }.summary-line small { color:var(--muted); }.summary-total { padding:17px 0; }.service-strip { display:flex; align-items:center; gap:10px; padding:13px; border-radius:8px; background:#eff8f4; }.service-dot { width:9px; height:9px; border-radius:50%; background:#45b67b; }.service-strip small,.service-card small,.order-ticket small { display:block; color:var(--muted); font-size:11px; }.service-strip strong { font-size:14px; }.success-content { width:min(480px,100%); padding:36px; text-align:center; }.success-badge { margin:0 auto 15px; width:50px; height:50px; border-radius:50%; display:grid; place-items:center; background:#dcf5e6; color:#25965d; font-size:26px; }.success-lead { color:var(--muted); margin-top:8px; }.order-ticket { text-align:left; margin:25px 0 15px; padding:18px; border-radius:8px; background:#fff; }.order-ticket > div + div { margin-top:13px; }.order-ticket > div > strong { font-size:14px; }.ticket-lines { border-top:1px dashed var(--line); padding-top:9px; }.ticket-lines span,.ticket-total { display:flex; justify-content:space-between; margin-top:7px; font-size:13px; }.ticket-total { padding-top:10px; border-top:1px solid var(--line); color:var(--ink); }.service-card { text-align:left; display:flex; align-items:center; gap:15px; padding:15px; border-radius:8px; background:#eff8f4; }.service-card p { color:var(--muted); font-size:12px; margin:4px 0 0; }.qr-wrap { flex:0 0 70px; width:70px; height:70px; display:grid; place-items:center; border-radius:6px; overflow:hidden; background:white; color:var(--muted); text-align:center; font-size:10px; white-space:pre-line; }.qr-wrap img { width:100%; height:100%; object-fit:cover; }.text-button { margin:10px 0 0; border:0; color:var(--muted); background:transparent; font-size:13px; }.toast { position:fixed; z-index:40; left:50%; bottom:28px; transform:translate(-50%,18px); padding:12px 17px; color:#fff; background:rgba(23,32,43,.91); border-radius:10px; box-shadow:0 12px 30px rgba(0,0,0,.18); opacity:0; visibility:hidden; transition:.25s; font-size:14px; white-space:nowrap; max-width:calc(100% - 32px); overflow:hidden; text-overflow:ellipsis; }.toast[data-tone=warning] { background:#ae4b47; }.toast.visible { opacity:1; visibility:visible; transform:translate(-50%,0); }
@keyframes drift { 50% { transform:translateY(-12px) rotate(-5deg); } } @keyframes morph { 50% { border-radius:58% 42% 39% 61%; transform:rotate(14deg) scale(1.07); } }
@media (max-width:760px) { .site-header,main { width:min(100% - 28px,1180px); }.site-header { height:70px; }.cart-trigger > span:not(.bag-icon) { display:none; }.hero { min-height:550px; padding:48px 28px; display:block; }.hero h1 { font-size:43px; }.hero-visual { min-height:260px; }.glass-glow { width:235px; height:235px; left:18%; top:12px; }.hero-ring { width:200px; height:200px; left:23%; top:30px; }.float-card-main { left:7%; top:66px; padding:21px; }.float-card-main strong { font-size:25px; }.float-card-small { top:208px; right:2%; }.catalog-section { padding:65px 0; }.section-head { align-items:start; flex-direction:column; }.product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }.product-photo { height:145px; }.product-info { padding:13px; }.product-info h3 { font-size:15px; }.description { min-height:54px; font-size:12px; }.checkout-content { padding:35px 19px 20px; }.checkout-layout { grid-template-columns:1fr; gap:18px; }.success-content { padding:28px 20px; }.modal { padding:10px; }.modal-content { max-height:calc(100dvh - 20px); }.toast { font-size:13px; } }
@media (max-width:760px) { .site-header,main { width:min(100% - 28px,1180px); }.site-header { height:70px; }.order-shortcut{width:42px;padding:0;justify-content:center;font-size:0}.order-shortcut span{font-size:20px}.cart-trigger > span:not(.bag-icon) { display:none; }.hero { min-height:550px; padding:48px 28px; display:block; }.hero h1 { font-size:43px; }.hero-visual { min-height:260px; }.glass-glow { width:235px; height:235px; left:18%; top:12px; }.hero-ring { width:200px; height:200px; left:23%; top:30px; }.float-card-main { left:7%; top:66px; padding:21px; }.float-card-main strong { font-size:25px; }.float-card-small { top:208px; right:2%; }.catalog-section { padding:65px 0; }.section-head { align-items:start; flex-direction:column; }.product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }.product-photo { height:145px; }.product-info { padding:13px; }.product-info h3 { font-size:15px; }.description { min-height:54px; font-size:12px; }.checkout-content { padding:35px 19px 20px; }.checkout-layout { grid-template-columns:1fr; gap:18px; }.success-content { padding:28px 20px; }.modal { padding:10px; }.modal-content { max-height:calc(100dvh - 20px); }.toast { font-size:13px; } }
@media (max-width:390px) { .product-grid { grid-template-columns:1fr; }.product-photo { height:190px; } }

/* Touch devices use a low-cost composition and a persistent checkout affordance. */
.mobile-cart-bar{display:none}.picked-pill{position:absolute;right:11px;bottom:11px;padding:5px 8px;border-radius:7px;background:var(--ink);color:#fff;font-size:11px;font-weight:700}.product-card.just-added{animation:card-confirm .58s ease}.add-button{width:auto;min-width:39px;padding:0 11px;gap:5px;display:inline-flex;align-items:center;justify-content:center}.add-button i{font-style:normal;font-size:22px;line-height:1}.add-button span{font-size:12px;font-weight:700}.add-button.added{background:#36a86e;animation:button-confirm .62s ease}.cart-pulse{animation:cart-confirm .68s ease}.secondary-button{width:100%;border:1px solid var(--ink);border-radius:14px;background:transparent;color:var(--ink);padding:14px;margin-top:10px;font-weight:700}.payment-choice{padding:13px;border:1px solid var(--line);border-radius:9px;background:#f4f8fb}.payment-choice>span{font-size:12px;font-weight:700}.payment-choice>div{display:flex;gap:13px;margin-top:9px}.payment-choice label{display:flex!important;align-items:center;gap:5px;font-size:13px!important;font-weight:500!important}.payment-choice input{height:auto!important}.order-status-badge{display:inline-block;color:#b16d17!important;background:#fff0d8;padding:5px 7px;border-radius:6px;font-size:12px!important}.toast{display:flex;align-items:center;gap:10px;min-width:240px;padding:10px 13px}.toast img{width:39px;height:39px;object-fit:cover;border-radius:8px}.toast div{min-width:0;display:grid;gap:3px}.toast b{font-size:13px}.toast span{font-size:11px;max-width:205px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.76)}.toast>strong{margin-left:auto;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#45b67b}.toast[data-tone=warning]{display:block}.toast[data-tone=warning] b{font-weight:600}
@keyframes card-confirm{0%,100%{transform:translateY(0);box-shadow:0 8px 24px rgba(37,56,78,.05)}45%{transform:translateY(-6px);box-shadow:0 0 0 3px rgba(69,182,123,.3),var(--shadow)}}@keyframes button-confirm{50%{transform:scale(.88)}}@keyframes cart-confirm{45%{transform:scale(1.08);box-shadow:0 0 0 6px rgba(46,186,198,.16)}}
@media (max-width:760px){
  body{padding-bottom:80px}.ambient{display:none}.site-header{height:64px}.cart-trigger{min-width:97px;padding:0 11px;gap:7px}.cart-trigger .cart-label{display:inline!important;font-size:13px}.hero{min-height:425px;padding:39px 23px 20px}.hero h1{font-size:39px}.hero-text{margin:13px 0 19px;line-height:1.65;font-size:14px}.hero-cta{padding:12px 15px}.hero-visual{min-height:144px}.glass-glow{display:none}.hero-ring{width:155px;height:155px;left:auto;right:6%;top:0;opacity:.42}.float-card{backdrop-filter:none;-webkit-backdrop-filter:none}.float-card-main{left:0;top:28px;padding:15px 17px;border-radius:15px;transform:rotate(-3deg);animation:none}.float-card-main strong{font-size:20px;margin-top:7px}.float-card-small{right:0;top:112px;padding:9px 11px;border-radius:11px;animation:none}.catalog-section{padding:42px 0 30px}.product-grid{gap:10px}.product-photo{height:132px}.product-info{padding:12px}.product-info h3{font-size:15px}.description{min-height:37px;margin:6px 0 10px;font-size:11px}.product-bottom strong{font-size:16px}.add-button{height:35px;min-width:35px;padding:0 9px;border-radius:10px}.add-button span{display:none}.mobile-cart-bar{position:fixed;z-index:18;display:flex;align-items:center;justify-content:space-between;gap:8px;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));height:57px;padding:0 13px;border:1px solid rgba(255,255,255,.8);border-radius:15px;background:rgba(23,32,43,.96);box-shadow:0 15px 35px rgba(23,32,43,.25);color:#fff}.mobile-cart-bar>span{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700}.mobile-cart-bar .bag-icon{display:inline-block;margin:4px 0 0}.mobile-cart-bar b{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:7px;background:var(--coral);font-size:11px}.mobile-cart-bar strong{margin-left:auto;font-size:14px}.mobile-cart-bar em{font-style:normal;font-size:12px;padding-left:9px;border-left:1px solid rgba(255,255,255,.2)}.mobile-cart-bar:not(.has-items) strong,.mobile-cart-bar:not(.has-items) em{display:none}.cart-panel{z-index:30;padding:20px}.checkout-content{padding:32px 18px 18px}.checkout-intro h2{font-size:26px}.checkout-layout{gap:15px}.success-content{padding:25px 18px}.success-content h2{font-size:28px}.toast{bottom:89px;max-width:calc(100% - 28px);white-space:normal}.toast.visible{transform:translate(-50%,0)}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* A persistent bar separates reviewing cart contents from proceeding to checkout. */
.cart-footer { background:rgba(249,251,253,.96); box-shadow:0 -12px 26px rgba(28,45,64,.06); }.cart-footer .primary-button { min-height:54px; background:var(--coral); }.cart-footer .primary-button:hover:not(:disabled) { background:#df4c4a; }
@media (max-width:760px){
  body{padding-bottom:88px}
  .mobile-cart-bar{z-index:18;gap:0;height:62px;padding:4px;background:rgba(23,32,43,.98);border-color:rgba(255,255,255,.15);border-radius:16px}
  .mobile-cart-summary{min-width:0;flex:1;height:54px;padding:0 10px;border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:8px;text-align:left}
  .mobile-cart-summary>span{min-width:0;display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;white-space:nowrap}
  .mobile-cart-summary strong{margin-left:auto;font-size:15px;white-space:nowrap}.mobile-cart-summary .bag-icon{display:inline-block;margin:4px 0 0}
  .mobile-cart-summary b{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:7px;background:var(--coral);font-size:11px}
  .mobile-cart-checkout{height:54px;min-width:96px;padding:0 12px;border:0;border-radius:12px;background:var(--coral);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:700;transition:background .2s,transform .2s}
  .mobile-cart-checkout:hover:not(:disabled),.mobile-cart-checkout:focus-visible{background:#df4c4a}.mobile-cart-checkout:active:not(:disabled){transform:scale(.97)}
  .mobile-cart-checkout:disabled{display:none}.mobile-cart-summary:not(.has-items) strong{display:none}
  .toast[data-tone=added]{bottom:87px;min-width:min(320px,calc(100% - 28px));padding:10px 12px;border:1px solid rgba(69,182,123,.26);background:#fff;color:var(--ink);box-shadow:0 16px 35px rgba(23,32,43,.18)}
  .toast[data-tone=added] span{color:var(--muted)}.toast[data-tone=added] img{border-radius:7px}.toast[data-tone=added]>strong{background:#45b67b;color:#fff}
}

/* Keep the header actions readable on narrow screens and animate only the stock signal. */
.site-header{display:flex;flex-direction:row;align-items:center}.cart-trigger,.order-shortcut{flex:0 0 auto;white-space:nowrap}.order-shortcut{min-height:42px;padding:0 14px;border-radius:14px;font-weight:700}.pulse{position:relative;isolation:isolate;animation:stock-pulse 2.4s ease-out infinite;will-change:transform,opacity}.pulse:after{content:'';position:absolute;z-index:-1;inset:-5px;border-radius:inherit;background:rgba(182,222,82,.32);animation:stock-pulse-ring 2.4s ease-out infinite}
@keyframes stock-pulse{0%,100%{transform:scale(1);opacity:1}35%{transform:scale(1.16);opacity:.88}}@keyframes stock-pulse-ring{0%{transform:scale(.55);opacity:.72}70%,100%{transform:scale(1.8);opacity:0}}
@media (max-width:760px){.site-header{gap:8px}.order-shortcut{width:auto;min-width:0;padding:0 11px;font-size:13px;gap:7px}.order-shortcut span{font-size:17px}.pulse{animation:stock-pulse 2.4s ease-out infinite}.pulse:after{animation:stock-pulse-ring 2.4s ease-out infinite}}

/* The stock signal stays animated even when the browser reduces decorative motion globally. */
.pulse{animation:stock-pulse 2.4s ease-out infinite!important}.pulse:after{animation:stock-pulse-ring 2.4s ease-out infinite!important}.order-shortcut span{width:15px;height:18px;margin:0;position:relative;display:inline-block;color:var(--cyan);font-size:0;border:1.5px solid currentColor;border-radius:3px}.order-shortcut span:before,.order-shortcut span:after{content:'';position:absolute;left:3px;right:3px;height:1.5px;border-radius:1px;background:currentColor}.order-shortcut span:before{top:5px}.order-shortcut span:after{top:10px}@media (max-width:760px){.order-shortcut span{font-size:0}.pulse{animation:stock-pulse 2.4s ease-out infinite!important}.pulse:after{animation:stock-pulse-ring 2.4s ease-out infinite!important}}