*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#f5f6f8;color:#1d2d42;font:15px/1.5 Inter,Segoe UI,Arial,sans-serif}body.modal-open{overflow:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{text-decoration:none;color:inherit}button{color:inherit}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #679bf4;outline-offset:3px}input,textarea,select{background:#fff;border:1px solid #d8e0ea;border-radius:10px;padding:12px;color:#1f314d;width:100%;transition:border-color .2s}input:focus,textarea:focus{border-color:#5483c7}label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#66768b;font-weight:600;margin:12px 0}textarea{min-height:95px;resize:vertical}input[type=radio],input[type=checkbox]{width:18px;height:18px;accent-color:#2d64ad;margin:0;flex-shrink:0}button:not(.product):not(.floating-cart):not(.icon-button):not(.category-tabs button):not(.quantity button):not(.top button):not(.remove-line){border:1px solid #d9e1ee;border-radius:11px;padding:12px 18px;background:#fff}button.primary,a.primary{background:#234e85!important;color:white!important;border:0!important;border-radius:12px;padding:14px 20px;font-weight:650;display:inline-flex;justify-content:center;align-items:center;gap:18px;font-size:13px;box-shadow:0 5px 12px #234e851a}button.primary:hover,a.primary:hover{background:#183d6d!important}.top{max-width:1120px;padding:24px 30px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.wordmark{letter-spacing:.2em;font-size:10px;white-space:nowrap}.wordmark b{color:#4377b5}.top-actions{display:flex;gap:10px}.top-actions button{display:flex;gap:7px;align-items:center;border:0;background:transparent;color:#687b94;font-size:11px;padding:5px}.top-actions button.sound-enabled{color:#3467a7}main{max-width:1120px;padding:0 30px;margin:auto}.hero{position:relative;min-height:290px;border-radius:23px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#11223d,#2f568c);color:white}.banner{position:absolute;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0d1b30ea,#12274850)}.hero-copy{position:relative;z-index:1;padding:40px 45px;max-width:700px}.eyebrow{font-size:9px;letter-spacing:.18em;font-weight:750}.hero-copy .eyebrow{color:#b1c9e9}.hero h1{font-size:clamp(32px,4.3vw,58px);letter-spacing:-.045em;line-height:1.12;margin:15px 0}.hero p{font-size:14px;color:#dce7f7;max-width:520px}.hero-badges{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px}.hero-badges span{font-size:10px;color:#d5e2f3;display:flex;align-items:center;gap:7px}.hero-logo{z-index:1;flex:none;width:188px;height:188px;object-fit:contain;margin-right:50px;filter:drop-shadow(0 8px 12px #08172c70);animation:logo-float 4s ease-in-out infinite}@keyframes logo-float{50%{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.hero-logo{animation:none}}.store-strip{display:flex;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid #dfe4eb;margin-top:10px;padding:20px 4px;color:#8290a2;font-size:11px}.store-strip>span{display:flex;align-items:center;gap:7px}.open-dot,.closed-dot{width:6px;height:6px;border-radius:50%;background:#5b9b7c;display:inline-block}.closed-dot{background:#a08b79}.catalog{padding:38px 0}.catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.catalog .eyebrow{color:#7890af}.catalog-heading h2{font-size:29px;letter-spacing:-.035em;margin:6px 0 18px}.search{display:flex;flex-direction:row;align-items:center;gap:12px;border:1px solid #dae1eb;border-radius:12px;background:white;padding:0 15px;color:#8697ac;margin:0}.search input{border:0;outline:none;background:none;width:235px;font-size:12px;padding:13px 0}.category-tabs{display:flex;overflow:auto;gap:10px;padding:16px 0 24px;scrollbar-width:thin;position:sticky;top:0;z-index:3;background:#f5f6f8f5;backdrop-filter:blur(10px)}.category-tabs button{border:1px solid #dbe2ed;background:white;color:#677c98;white-space:nowrap;padding:10px 17px;font-size:11px;font-weight:650;border-radius:10px;transition:background .2s,transform .2s}.category-tabs button.selected{background:#223e63;color:white;border-color:#223e63;box-shadow:0 4px 12px #223e6318}.category-section{margin-bottom:38px}.category-cover{position:relative;min-height:175px;width:100%;border-radius:18px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;background:#284569;color:#fff;margin:12px 0 18px;padding:30px 35px}.category-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.category-cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0d1e35dd,#243b5a20)}.category-cover.no-image{background:linear-gradient(110deg,#243f64,#557ea8)}.category-cover>div:not(.category-cover-shade),.category-cover>svg{position:relative;z-index:1}.category-cover h2{font-size:30px;line-height:1.1;margin:12px 0;color:white;letter-spacing:-.035em}.category-cover .eyebrow{color:#c0d3ed}.category-cover>div>span:last-child{color:#c6d5e8;font-size:10px}.category-cover>svg{color:#ffffff55;margin-right:12px}.product-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.product{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:21px;border:1px solid #e0e5ed;background:#fff;border-radius:14px;gap:18px;min-height:150px;transition:transform .2s,box-shadow .2s,border-color .2s;color:#213650}.product:hover:enabled{transform:translateY(-2px);box-shadow:0 8px 22px #1b355511;border-color:#b8cbe2}.product-copy{min-width:0;flex:1}.product h3{font-size:15px;line-height:1.35;margin:4px 0 7px;font-weight:700;letter-spacing:-.02em}.product-copy p{font-size:11px;color:#8a94a3;line-height:1.6;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}.product-copy>strong{color:#315c91;font-size:16px;font-weight:750}.product-copy>strong small{font-size:9px;font-weight:400;color:#8d99aa}.product-picture{position:relative;flex-shrink:0;width:92px;height:92px;border-radius:12px;background:linear-gradient(140deg,#edf2f8,#e2eaf4);display:grid;place-items:center;color:#9cafc5}.product-picture img{width:100%;height:100%;object-fit:cover;border-radius:12px}.add-circle{position:absolute;bottom:-7px;right:-5px;width:27px;height:27px;background:white;border:1px solid #d7e1ef;border-radius:9px;display:grid;place-items:center;color:#35639c;font-size:20px;box-shadow:0 3px 10px #1c3e6220}.featured-label{display:inline-flex;align-items:center;gap:4px;font-size:8px;color:#aa7d3e;background:#faf3e8;border-radius:5px;padding:3px 6px;text-transform:uppercase;letter-spacing:.06em}.unavailable{opacity:.55}.unavailable .product-picture{filter:grayscale(1)}.unavailable .add-circle{display:none}.unavailable-label{display:block;font-size:9px;color:#a58d87;margin-top:7px}.empty-state{text-align:center;padding:55px 20px;color:#8294ac}.empty-state h3{color:#45617f}.empty-state p{font-size:12px}.floating-cart{position:fixed;z-index:8;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:15px;width:min(560px,calc(100% - 32px));border:1px solid #ffffff20;background:linear-gradient(100deg,#142c4e,#2d588a);color:white;border-radius:16px;padding:16px 20px;box-shadow:0 12px 40px #17365b55;animation:cart-in .35s ease-out}.floating-cart>span:nth-of-type(2){flex:1;text-align:left;font-size:12px;font-weight:650}.floating-cart small{display:block;color:#b1c9e5;font-size:9px;font-weight:400;margin-top:2px}.floating-cart>strong{font-size:17px}.cart-count{display:grid;place-items:center;background:#ffffff1c;border-radius:9px;min-width:27px;height:27px;font-size:12px}.floating-cart>svg:first-of-type{display:none}footer{text-align:center;padding:10px 20px 125px;color:#8d9bad;font-size:10px}footer span{display:block;font-size:9px;margin-top:8px;color:#a1adbd}.menu-toast{position:fixed;top:22px;left:50%;transform:translateX(-50%);z-index:30;background:#203c5d;color:white;border:1px solid #ffffff20;border-radius:11px;padding:13px 18px;font-size:12px;box-shadow:0 10px 30px #18304433;display:flex;align-items:center;gap:10px;animation:toast-in .2s ease}.menu-modal{border:1px solid #dce4ef;border-radius:22px;padding:0;width:min(640px,calc(100% - 28px));max-height:90dvh;box-shadow:0 25px 100px #101f3e55;color:#263c58;background:#fff;animation:modal-in .22s ease}.menu-modal::backdrop{background:#0c1c34aa;backdrop-filter:blur(5px)}.modal-inner{padding:26px}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;border-bottom:1px solid #e6ebf2;margin-bottom:22px}.modal-header .eyebrow{color:#90a4bf;font-size:8px}.modal-header h2{font-size:24px;line-height:1.2;margin:9px 0;color:#233c5a;letter-spacing:-.03em}.modal-header p{font-size:12px;color:#8191a7;white-space:pre-line;margin-bottom:0}.icon-button{border:1px solid #dce4ee;background:#f5f7fa;color:#7c8ea7;border-radius:10px;width:32px;height:32px;display:grid;place-items:center;font-size:20px;flex-shrink:0}.product-modal-photo{width:104px;height:104px;object-fit:cover;border-radius:14px;margin-bottom:16px}.option-list{border:0;padding:0;margin:0 0 20px}.option-list legend{font-size:14px;font-weight:700;margin-bottom:8px;width:100%}.option-list legend span{font-size:9px;font-weight:400;color:#90a0b6;float:right;padding-top:4px}.option-list label{flex-direction:row;align-items:center;border:1px solid #e1e6ef;border-radius:12px;padding:14px;margin:10px 0;cursor:pointer;gap:12px;font-size:12px}.option-list label span{flex:1}.option-list label.chosen,.payment-options label.chosen,.fulfillment-options button.chosen{background:#f0f5fc!important;border-color:#8eafd9!important;box-shadow:0 0 0 1px #b5cae3}.note-field{margin-bottom:18px;font-size:12px}.note-field small,.field-help{font-size:10px;line-height:1.6;color:#92a0b4;font-weight:400}.modal-bottom{display:flex;justify-content:space-between;gap:14px;align-items:center;border-top:1px solid #e5ebf2;padding-top:20px;margin-top:22px}.modal-bottom>.primary{flex:1;max-width:350px;justify-content:space-between}.modal-bottom>button:not(.primary){font-size:11px!important;color:#7187a3}.quantity{display:flex;align-items:center;justify-content:center;background:#f4f7fb;border:1px solid #e1e7f0;border-radius:11px;overflow:hidden;flex-shrink:0;gap:4px}.quantity button{border:0;background:transparent;color:#5578a5;padding:12px 14px;font-size:17px}.quantity span{font-weight:700;min-width:22px;text-align:center;font-size:13px}.quantity.small button{padding:4px 10px;font-size:15px}.quantity.small span{font-size:11px}.cart-lines article{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid #e6ecf4}.cart-lines article>div:first-child{width:55px;height:55px;background:#eff4fa;border-radius:10px;display:grid;place-items:center;color:#9cb0ca;flex-shrink:0}.cart-lines article img{width:100%;height:100%;border-radius:10px;object-fit:cover}.cart-lines article>div:nth-child(2){flex:1;min-width:0}.cart-lines strong{font-size:12px;display:block}.cart-lines article span:not(.quantity span){font-size:10px;color:#8196b0}.cart-lines small{display:block;font-size:10px;color:#8495ab;white-space:pre-line}.cart-line-bottom{display:flex;gap:14px;align-items:center;margin-top:12px}.cart-line-bottom b{font-size:12px;margin-left:auto}.remove-line{background:none;border:0;color:#a18c8b;font-size:9px;padding:4px}.invalid-cart-item{background:#fff4ee}.summary-line{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:13px;padding:18px 0}.summary-line strong{font-size:19px;color:#315784}.checkout-progress{display:flex;justify-content:space-between;gap:15px;margin:0 0 28px}.checkout-progress span{display:flex;align-items:center;gap:7px;font-size:10px;color:#a3aec0}.checkout-progress i{font-style:normal;background:#f0f3f7;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:10px}.checkout-progress .active{color:#4271aa}.checkout-progress .active i{background:#e6effb;color:#305c93}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.account-choices{display:flex;flex-direction:column;gap:12px}.account-choices button{display:grid;grid-template-columns:25px 1fr 20px;gap:4px 14px;text-align:left;padding:22px!important}.account-choices button>svg:first-child{grid-row:1/3;align-self:center;color:#6585b0}.account-choices strong{font-size:13px}.account-choices span{font-size:10px;color:#8c9bb0;grid-column:2}.account-choices button>svg:last-child{grid-column:3;grid-row:1/3;align-self:center;color:#7f9bc0}.privacy-note{background:#f1f5fa;border-radius:10px;padding:13px 15px;font-size:10px;line-height:1.7;color:#7d91ad}.form-error{font-size:12px;color:#b25c55;background:#fdf1ee;border:1px solid #f2d8d0;border-radius:9px;padding:12px;white-space:pre-line}.customer-card{display:flex;align-items:center;gap:14px;border-radius:12px;padding:16px;background:#f1f6fc;margin-bottom:20px}.customer-card>svg{color:#7c9dc5}.customer-card>div{flex:1}.customer-card strong{display:block;font-size:13px}.customer-card span{font-size:10px;color:#8a9cb5}.customer-card button{font-size:9px!important;padding:7px 10px!important}.address-fields>.field-help{margin-top:-5px}.fulfillment-options{display:flex;flex-direction:column;gap:14px}.fulfillment-options button{text-align:left;display:grid;grid-template-columns:35px 1fr;gap:5px 15px;padding:22px!important}.fulfillment-options svg{grid-row:1/4;color:#7896bb;align-self:center}.fulfillment-options strong{font-size:13px}.fulfillment-options span{font-size:11px;color:#8a9cb6}.fulfillment-options b{font-size:11px;color:#5e82b0}.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.payment-options label{display:grid;grid-template-columns:18px 1fr;gap:6px 10px;border:1px solid #e2e8f1;padding:16px;border-radius:12px;margin:0;cursor:pointer}.payment-options small{grid-column:2;color:#8b9db4;font-size:9px;font-weight:400}.checkout-summary{padding:15px 18px;border:1px solid #dce5f1;background:#f7f9fc;border-radius:13px;margin:20px 0}.checkout-summary>div{display:flex;justify-content:space-between;font-size:11px;color:#8697b0;padding:8px 0}.checkout-summary b{color:#526f94;font-weight:600}.checkout-summary .grand-total{border-top:1px solid #e0e7f0;margin-top:7px;padding-top:15px;align-items:center;color:#406183;font-size:12px}.grand-total strong{font-size:22px}.order-status-hero{text-align:center;padding:5px 10px 25px}.status-orbit{position:relative;display:grid;place-items:center;width:76px;height:76px;margin:0 auto 22px;border-radius:50%;background:linear-gradient(145deg,#ecf3fc,#dce8fa);color:#4b7bae;box-shadow:0 0 0 9px #f4f8fd;animation:status-pulse 3s ease-in-out infinite}.order-status-hero>.eyebrow{color:#90a5bf;font-size:8px}.order-status-hero h2{font-size:26px;letter-spacing:-.035em;margin:12px 0}.order-status-hero p{font-size:11px;color:#8495ad;max-width:320px;margin:0 auto 18px}.payment-pill{padding:7px 12px;border-radius:8px;background:#faf1df;color:#a48449;font-size:9px}.payment-pill.paid{background:#e6f3ec;color:#5f9176}.payment-pill.refunded{background:#f1e9e5;color:#a57f69}.cancelled .status-orbit{background:#f9e9e3;color:#b68073}.order-timeline{list-style:none;padding:10px 0 10px 16px;margin:0 0 20px}.order-timeline li{position:relative;display:flex;gap:16px;align-items:flex-start;padding:0 0 24px}.order-timeline li:last-child{padding-bottom:0}.order-timeline li:not(:last-child):before{content:'';position:absolute;left:11px;top:23px;bottom:0;border-left:1px dashed #d6e1ed}.order-timeline i{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#f1f4f8;color:#c3cfdd;flex-shrink:0}.order-timeline .done i{background:#e2eefb;color:#5481b5}.order-timeline strong{font-size:11px;color:#9baabd;font-weight:500}.order-timeline .done strong{color:#477099;font-weight:650}.order-timeline span{display:block;font-size:9px;color:#a1aec0;margin-top:2px}.track-items{padding:14px 18px;border:1px solid #e3e9f0;background:#f9fafc;border-radius:12px}.track-items>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;font-size:11px;color:#6f85a0}.track-items small{display:block;font-size:9px;margin-top:4px;color:#9aabbe}.track-items .summary-line{border-top:1px solid #e3e9f0;margin-top:5px}.track-items .summary-line strong{font-size:16px}.center{text-align:center}.unavailable-message{text-align:center;padding:100px 20px}.unavailable-message svg{color:#6182ac}.unavailable-message p{color:#8b9cb3}.loading{display:flex;align-items:center;flex-direction:column;justify-content:center;height:80vh;color:#879bb5;font-size:12px}.loading-ring{width:36px;height:36px;border:3px solid #dde7f3;border-top-color:#557cad;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modal-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes cart-in{from{opacity:0;bottom:5px}to{opacity:1;bottom:24px}}@keyframes toast-in{from{opacity:0;top:12px}to{opacity:1;top:22px}}@keyframes status-pulse{50%{box-shadow:0 0 0 13px #f4f8fd}}@media(min-width:1350px){.product-picture{width:100px;height:100px}}@media(max-width:800px){.hero-logo{width:132px;height:132px;margin-right:30px}.hero-copy{padding:32px}.product-list{grid-template-columns:1fr}.product{padding:20px}.product-picture{width:88px;height:88px}.catalog-heading{gap:15px}.search input{width:180px}.category-cover{min-height:160px}.store-strip{flex-wrap:wrap;gap:10px 20px}.hero-badges{gap:12px}}@media(max-width:520px){.top,main{padding-left:18px;padding-right:18px}.top{padding-top:18px;padding-bottom:18px}.top-actions{gap:6px}.top-actions button{font-size:9px}.wordmark{font-size:8px;letter-spacing:.12em}.hero{min-height:250px;border-radius:18px}.hero-copy{padding:28px;max-width:100%}.hero-logo{width:clamp(82px,24vw,116px);height:116px;margin-right:16px}.hero-copy{min-width:0;padding-right:10px;overflow-wrap:anywhere}.hero h1{font-size:38px}.hero p{font-size:12px}.hero .eyebrow{font-size:7px}.hero-badges{gap:12px}.hero-badges span{font-size:8px}.store-strip{font-size:9px;padding:17px 0}.catalog{padding-top:30px}.catalog-heading{display:block}.catalog-heading h2{font-size:28px}.search{margin-top:18px}.search input{width:100%}.category-tabs{margin-right:-18px;padding:20px 18px 20px 0}.category-tabs button{font-size:10px;padding:9px 13px}.category-cover{min-height:145px;padding:25px;border-radius:15px;margin-top:5px}.category-cover h2{font-size:27px}.category-cover .eyebrow{font-size:7px}.category-cover>svg{width:30px}.product{min-height:135px;padding:17px;gap:16px;border-radius:12px}.product h3{font-size:14px}.product-copy p{font-size:10px;margin-bottom:11px}.product-copy>strong{font-size:15px}.product-picture{width:76px;height:76px;border-radius:10px}.product-picture img{border-radius:10px}.add-circle{width:24px;height:24px;border-radius:8px;font-size:18px}.category-section{margin-bottom:26px}.floating-cart{bottom:16px;padding:14px 15px;gap:11px;border-radius:13px}.floating-cart>span:nth-of-type(2){font-size:11px}.floating-cart>strong{font-size:15px}.floating-cart small{font-size:8px}.floating-cart>svg:last-child{width:17px}.menu-toast{width:calc(100% - 36px);max-width:350px;justify-content:center;font-size:11px}.menu-modal{width:100%;max-height:95dvh;border-radius:22px 22px 0 0;margin:auto 0 0;border-bottom:0}.modal-inner{padding:24px 21px}.modal-header h2{font-size:23px}.modal-header{gap:12px}.modal-bottom{gap:10px}.modal-bottom>.primary{font-size:11px;padding:14px;gap:10px}.modal-bottom>button:not(.primary){padding:11px 10px!important;font-size:10px!important}.quantity button{padding:11px 12px}.payment-options{gap:10px}.payment-options label{padding:13px}.payment-options small{font-size:8px}.checkout-progress{gap:8px}.checkout-progress span{font-size:8px;gap:5px}.customer-card{padding:13px;gap:10px}.customer-card span{font-size:9px}.customer-card button{font-size:8px!important}.cart-lines article{gap:10px}.cart-line-bottom{gap:8px}.remove-line{font-size:8px}.cart-line-bottom b{font-size:11px}.option-list legend span{font-size:8px}.order-status-hero h2{font-size:24px}.two-fields{gap:10px}@keyframes cart-in{from{opacity:0;bottom:0}to{opacity:1;bottom:16px}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.address-fields input[readonly]{background:#f0f4f8;color:#667d99;border-color:#dfe7f0;cursor:default}.address-lock{font-size:8px;letter-spacing:.035em;font-weight:400;color:#96a8bd;margin-top:-3px}.postal-feedback{font-size:10px;color:#708cac;display:flex;gap:9px;align-items:center;padding:10px 12px;background:#f1f6fc;border:1px solid #e3ebf5;border-radius:9px;line-height:1.6}.postal-spinner{width:13px;height:13px;flex-shrink:0;border:2px solid #d0deef;border-top-color:#557da9;border-radius:50%;animation:spin .8s linear infinite}.fulfillment-options button>small{font-size:10px;color:#a28470;line-height:1.6}.fulfillment-options button:disabled{opacity:.65;border-style:dashed!important}.floating-cart{left:auto;right:30px;bottom:52px;transform:none;width:76px;height:76px;padding:0;gap:0;border-radius:25px;display:grid;place-items:center;background:linear-gradient(145deg,#3a79c4,#183e6c);border:1px solid #9dbfe745;box-shadow:0 12px 30px #203f6b44,inset 0 1px 0 #ffffff40;animation:cart-pop .48s cubic-bezier(.2,1.6,.4,1),cart-hover 4s 1s ease-in-out infinite}.floating-cart:hover{background:linear-gradient(145deg,#478bd9,#224c80);box-shadow:0 15px 35px #1c436b55}.floating-cart>svg:first-of-type{display:block;width:34px;height:34px;position:relative;z-index:1;filter:drop-shadow(0 2px 2px #10294d20)}.floating-cart .cart-halo{position:absolute;inset:7px;border:1px solid #ffffff20;border-radius:19px;pointer-events:none}.floating-cart .cart-count{position:absolute;top:-6px;right:-5px;min-width:25px;height:25px;padding:0 6px;border-radius:10px;display:grid;place-items:center;flex:none;text-align:center;background:#ffb76b;color:#503722;border:3px solid #f5f6f8;font-size:10px;font-weight:800;box-shadow:0 3px 9px #263d5e22}.floating-cart .cart-mini-total{position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);min-width:88px;white-space:nowrap;font-size:11px;font-weight:750;color:#345c89;background:white;border:1px solid #dae5f1;padding:6px 10px;border-radius:10px;box-shadow:0 4px 12px #213f6411}.floating-cart .cart-tooltip{position:absolute;right:91px;white-space:nowrap;font-size:11px;background:#203c5c;color:white;border-radius:9px;padding:9px 13px;opacity:0;transform:translateX(8px);transition:opacity .18s,transform .18s;pointer-events:none}.floating-cart:hover .cart-tooltip,.floating-cart:focus-visible .cart-tooltip{opacity:1;transform:translateX(0)}@keyframes cart-pop{from{opacity:0;transform:translateY(15px) scale(.65)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cart-hover{50%{transform:translateY(-4px)}}.tracking-page{min-height:100dvh;background:radial-gradient(ellipse at 10% 0,#e7effa,transparent 45%),#f3f6fa}.tracking-header{max-width:1200px;margin:auto;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dce5f0}.tracking-page button.tracking-brand{display:flex;align-items:center;gap:12px;background:transparent!important;border:0!important;padding:0!important;border-radius:0!important;text-align:left}.tracking-brand img{width:48px;height:48px;object-fit:contain}.tracking-brand>span{font-size:18px;font-weight:750;letter-spacing:-.03em;color:#365474}.tracking-brand small{display:block;font-size:7px;letter-spacing:.18em;color:#94a7bf;font-weight:500;margin-top:3px}.tracking-header>div{display:flex;gap:9px}.tracking-header>div button{font-size:10px!important;color:#7490b1}.tracking-main{max-width:1200px;padding:0 30px;margin:auto}.tracking-breadcrumb{display:flex;gap:10px;align-items:center;font-size:10px;color:#99aac0;padding:26px 0}.tracking-breadcrumb button{background:none!important;border:0!important;padding:0!important;font-size:10px;color:#6687ad}.tracking-hero{position:relative;display:flex;gap:35px;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#162c49,#315b8f);border-radius:22px;overflow:hidden;padding:40px 45px;color:white;min-height:255px;box-shadow:0 14px 35px #2b517d12}.tracking-hero>div:first-child{max-width:590px;z-index:1}.tracking-hero .eyebrow{color:#adc9e8;font-size:8px}.tracking-hero h1{font-size:clamp(28px,3.2vw,43px);line-height:1.15;letter-spacing:-.04em;margin:14px 0}.tracking-hero p{font-size:12px;line-height:1.8;max-width:430px;color:#b9cee8;margin-bottom:24px}.tracking-hero .payment-pill{background:#ffffff15;color:#e3d1a8;border:1px solid #ffffff20;font-size:9px}.tracking-hero .payment-pill.paid{color:#bee1d2}.tracking-number{z-index:1;min-width:145px;text-align:right}.tracking-number>span{display:block;font-size:8px;letter-spacing:.18em;color:#b3cbe7}.tracking-number strong{display:block;font-size:39px;letter-spacing:-.045em;color:#e6f0ff;margin:8px 0}.tracking-number small{font-size:9px;color:#9fbcdd}.tracking-hero-orbit{position:absolute;width:210px;height:210px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff08;color:#ffffff08;font-size:135px;right:85px;top:12px;box-shadow:0 0 0 25px #ffffff02,0 0 0 50px #ffffff01;animation:tracking-orbit 5s ease-in-out infinite}.tracking-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;padding-top:26px;align-items:start}.tracking-progress-card,.tracking-summary-card{border:1px solid #dde6f1;background:white;border-radius:18px;padding:30px;box-shadow:0 8px 20px #2d4e7504}.tracking-section-heading>.eyebrow,.tracking-summary-card>.eyebrow{font-size:8px;color:#8da6c2}.tracking-section-heading h2,.tracking-summary-card h2{font-size:22px;letter-spacing:-.025em;color:#345475;margin:9px 0}.tracking-section-heading p{font-size:11px;color:#92a4ba;line-height:1.7;margin-bottom:32px;max-width:340px}.tracking-progress-card .order-timeline{padding:0 0 0 5px;margin-top:24px}.tracking-progress-card .order-timeline li{gap:22px;min-height:82px}.tracking-progress-card .order-timeline i{width:30px;height:30px;font-size:13px}.tracking-progress-card .order-timeline li:not(:last-child):before{left:14px;top:30px}.tracking-progress-card .order-timeline strong{font-size:13px}.tracking-progress-card .order-timeline span{font-size:10px;margin-top:5px}.tracking-progress-card .order-timeline small{display:block;color:#6c93c2;font-size:9px;margin-top:7px}.tracking-progress-card .order-timeline .current i{background:#4e7fb7;color:white;box-shadow:0 0 0 7px #edf4fc;animation:tracking-step 2.5s ease-in-out infinite}.tracking-live{display:flex;align-items:center;gap:8px;font-size:9px;color:#9daec2;border-top:1px solid #e9eef5;padding-top:20px}.tracking-live i{width:5px;height:5px;background:#86ae9c;border-radius:50%}.tracking-order-items{margin-top:24px}.tracking-order-items article{display:flex;gap:12px;padding:17px 0;border-bottom:1px solid #e9eef5}.tracking-item-qty{background:#edf3fb;border-radius:8px;height:25px;min-width:28px;display:grid;place-items:center;font-size:10px;color:#6b8fb9}.tracking-order-items article>div{flex:1}.tracking-order-items strong{display:block;color:#537191;font-size:12px}.tracking-order-items article>div>span{display:block;font-size:10px;color:#94a6bc;margin-top:3px}.tracking-order-items small{display:block;font-size:10px;color:#ad957b;margin-top:7px;white-space:pre-line}.tracking-order-items b{font-size:11px;color:#6e8bac;white-space:nowrap}.tracking-cost-line{display:flex;justify-content:space-between;padding:20px 0;font-size:11px;color:#8b9fb8}.tracking-cost-line b{color:#6c89ad;font-weight:500}.tracking-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e3eaf3;padding:18px 0;color:#4a6d95;font-size:12px}.tracking-total strong{font-size:25px;letter-spacing:-.03em}.tracking-payment-info{background:#f3f7fc;border:1px solid #e2ebf6;border-radius:12px;padding:15px 17px;margin:5px 0 23px}.tracking-payment-info>span{display:block;font-size:7px;letter-spacing:.15em;color:#92a8c3}.tracking-payment-info strong{display:block;font-size:12px;margin:6px 0;color:#5c7da4}.tracking-payment-info small{font-size:9px;color:#8fa4bd}.tracking-whatsapp{width:100%;font-size:11px!important}.tracking-switch{display:block;margin:16px auto 0;font-size:10px!important;color:#93a8c2;background:none!important;border:0!important;padding:5px!important}.tracking-main footer{padding:40px 20px;color:#9bacc0;font-size:9px}.tracking-access{text-align:center;background:white;border:1px solid #dae4ef;max-width:580px;margin:20px auto;border-radius:20px;padding:45px}.tracking-access-icon{display:block;font-size:60px;color:#8eaed3;margin-bottom:18px}.tracking-access>.eyebrow{font-size:8px;color:#97aec9}.tracking-access h1{font-size:29px;letter-spacing:-.04em;margin:12px 0;color:#365b82}.tracking-access>p{color:#95a7bc;font-size:12px;line-height:1.7}.tracking-access form{max-width:330px;margin:30px auto;text-align:left}.tracking-access form button{width:100%;margin-top:16px}.tracking-reference{font-size:8px;color:#b0bed0;display:block;margin-top:25px;overflow-wrap:anywhere}.tracking-access-actions{display:flex;justify-content:center;gap:10px;margin-top:24px}.tracking-access-actions button{font-size:10px}.tracking-cancelled-note{background:#fbefe8;color:#a88877;border-radius:10px;padding:13px 16px;font-size:11px}.tracking-hero.cancelled{background:linear-gradient(110deg,#5c4f4b,#8c7367)}@keyframes tracking-orbit{50%{transform:rotate(-8deg) scale(1.07)}}@keyframes tracking-step{50%{box-shadow:0 0 0 10px #f0f6fd}}@media(max-width:800px){.tracking-columns{grid-template-columns:1fr}.tracking-hero{padding:30px}.tracking-hero h1{font-size:31px}.tracking-number strong{font-size:30px}.tracking-number{min-width:100px}.tracking-hero-orbit{right:0}.tracking-hero>div:first-child{max-width:390px}}@media(max-width:520px){.floating-cart{width:65px;height:65px;border-radius:22px;right:23px;bottom:48px;padding:0;gap:0}.floating-cart>svg:first-of-type{width:29px;height:29px}.floating-cart .cart-halo{border-radius:16px;inset:6px}.floating-cart .cart-mini-total{font-size:10px;min-width:80px;bottom:-22px;padding:5px 8px}.floating-cart .cart-count{font-size:9px;min-width:24px;height:24px}.floating-cart .cart-tooltip{right:80px;font-size:10px}.tracking-header{padding:20px 18px;gap:12px;flex-wrap:wrap}.tracking-brand img{width:40px;height:40px}.tracking-brand>span{font-size:16px}.tracking-brand small{font-size:6px}.tracking-header>div{gap:6px}.tracking-header>div button{font-size:8px!important;padding:8px 10px!important}.tracking-main{padding:0 18px}.tracking-breadcrumb{font-size:9px;padding:20px 0}.tracking-hero{padding:27px;display:block;border-radius:18px;min-height:280px}.tracking-hero .eyebrow{font-size:7px}.tracking-hero h1{font-size:32px;max-width:270px}.tracking-hero p{font-size:11px;margin-bottom:20px}.tracking-number{margin-top:25px;text-align:left;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tracking-number>span{font-size:7px}.tracking-number strong{font-size:22px;margin:0}.tracking-number small{font-size:8px;flex-basis:100%}.tracking-hero-orbit{right:-35px;top:85px;font-size:110px}.tracking-columns{padding-top:18px;gap:18px}.tracking-progress-card,.tracking-summary-card{padding:25px 23px;border-radius:15px}.tracking-section-heading h2,.tracking-summary-card h2{font-size:21px}.tracking-section-heading p{font-size:10px}.tracking-order-items article{gap:9px}.tracking-order-items strong{font-size:11px}.tracking-order-items b{font-size:10px}.tracking-total strong{font-size:24px}.tracking-access{margin-top:5px;padding:30px 23px}.tracking-access h1{font-size:26px}.tracking-access>p{font-size:11px}.tracking-header>div{margin-left:auto}.tracking-main footer{padding-bottom:35px}}@media(prefers-reduced-motion:reduce){.floating-cart,.tracking-hero-orbit,.tracking-progress-card .order-timeline .current i,.postal-spinner{animation:none!important;transition:none!important}}
.top-actions{flex-wrap:wrap;justify-content:flex-end}.top-actions .customer-logout-button,.tracking-header .customer-logout-button{color:#a5695f!important;background:#faf0ed!important;border:1px solid #eedbd5!important;border-radius:9px;padding:7px 11px!important;font-weight:600}.top-actions .customer-logout-button:hover,.tracking-header .customer-logout-button:hover{background:#f3e3de!important}
.pix-payment{background:#f2faf7;border:1px solid #bae4d8;border-radius:20px;padding:22px;margin:18px 0;text-align:center}.pix-payment img{display:block;margin:12px auto;max-width:100%;height:auto;border-radius:12px}.pix-payment textarea{width:100%;height:66px;font-size:11px;word-break:break-all}.pix-payment button{margin:10px auto;background:#087e68;color:white;border:0;padding:12px 20px;border-radius:12px}.pix-payment small{display:block;color:#536b67}.delivery-unavailable{background:#fff6e9;border:1px solid #f2cf95;border-radius:18px;padding:20px;margin-bottom:20px}.delivery-unavailable a{font-weight:700;color:#087e68}
.pix-payment button{background:#087e68!important;color:#fff!important;border-color:#087e68!important}.pix-payment button:hover{background:#066552!important}
.tracking-whatsapp-actions { display: grid; gap: 12px; margin-block: 16px; }
.tracking-whatsapp-actions:empty { display: none; }
.tracking-whatsapp-actions .tracking-whatsapp-follow { background: #087451; color: #fff; border-color: #087451; }
.tracking-whatsapp-actions .tracking-whatsapp-follow:hover { background: #06573d !important; }
.measured-quantity { display:grid; gap:4px; max-width:140px; font-weight:650; }
.measured-quantity input { width:100%; }
:root {
--menu-ink: #172b3e;
--menu-muted: #526779;
--menu-line: #dce7ea;
--menu-accent: #175d69;
--menu-tint: #e8f5f2;
--menu-shadow: 0 12px 32px #16334512;
}
body {
color: var(--menu-ink);
background: radial-gradient(ellipse at top right, #e4f2ef, transparent 34rem), #f7faf9;
}
.hero, .tracking-hero {
background: linear-gradient(122deg, #102a43, #135d67 74%, #237e77);
box-shadow: 0 18px 38px #102a4326;
}
.hero-shade { background: linear-gradient(95deg, #10263cee, #12394cb8 56%, #12464d52); }
.hero p, .hero-badges span { color: #e1f1f1; }
.category-tabs button.selected { background: var(--menu-accent); border-color: var(--menu-accent); }
.category-cover { box-shadow: var(--menu-shadow); }
.category-cover.no-image { background: linear-gradient(115deg, #17334d, #28736f); }
.category-cover .eyebrow, .category-cover > div > span:last-child { color: #e0f4ee; }
.product { border-color: var(--menu-line); border-radius: 18px; box-shadow: var(--menu-shadow); }
.product:hover:enabled { border-color: #80b4af; box-shadow: 0 14px 32px #16334521; }
.product h3 { font-size: clamp(16px, 2.2vw, 18px); }
.product-copy p { color: var(--menu-muted); font-size: 13px; }
.product-copy > strong { color: var(--menu-accent); font-size: 18px; }
.primary, a.primary {
background: linear-gradient(120deg, #17546b, #176c70) !important;
box-shadow: 0 6px 16px #154e6226;
}
.primary:hover, a.primary:hover { background: #124c59 !important; }
:where(button, a, input, textarea, select):focus-visible { outline: 2px solid #278782; outline-offset: 3px; }
.menu-modal {
box-sizing: border-box;
position: fixed;
inset: 0;
margin: auto;
width: min(620px, calc(100% - 32px));
max-width: none;
max-height: calc(100vh - 32px);
max-height: calc(100dvh - 32px);
overflow-y: auto;
overscroll-behavior: contain;
border: 1px solid var(--menu-line);
border-radius: 24px;
color: var(--menu-ink);
box-shadow: 0 26px 80px #102a435c;
}
.menu-modal::backdrop { background: #102536a8; backdrop-filter: blur(5px); }
.modal-inner { padding: 0 28px 28px; min-width: 0; }
.modal-header {
position: sticky;
z-index: 2;
top: 0;
margin: 0 -28px 20px;
padding: 21px 28px;
background: #f8fcfc;
border-color: var(--menu-line);
}
.modal-header h2 { font-size: clamp(21px, 5vw, 28px); line-height: 1.2; margin: 0; overflow-wrap: anywhere; }
.modal-header p { margin: 7px 0 0; color: var(--menu-muted); font-size: 13px; }
.menu-modal .icon-button { width: 44px; height: 44px; color: var(--menu-ink); background: var(--menu-tint); }
.menu-modal label { font-size: 13px; }
.menu-modal :is(input:not([type=radio]):not([type=checkbox]), textarea, select) { min-width: 0; max-width: 100%; font-size: 16px; }
.menu-modal .primary { min-height: 46px; font-size: 14px; gap: 10px; }
.modal-bottom { flex-wrap: wrap; }
.modal-bottom > * { min-width: 0; }
.cart-line-bottom, .checkout-progress { flex-wrap: wrap; }
.checkout-progress span { font-size: 12px; color: var(--menu-muted); }
.checkout-progress .active { color: var(--menu-accent); font-weight: 700; }
.checkout-progress .active i { background: var(--menu-tint); color: var(--menu-accent); }
.payment-options label.chosen, .fulfillment-options button.chosen { background: var(--menu-tint) !important; border-color: #76aaa4 !important; }
.tracking-page { background: radial-gradient(ellipse at top left, #e4f2ef, transparent 45%), #f7faf9; }
.tracking-header, .tracking-main { max-width: 1120px; }
.tracking-header > div { display: flex; flex-wrap: wrap; gap: 8px; }
.tracking-hero { isolation: isolate; }
.tracking-hero > div { position: relative; z-index: 1; }
.tracking-hero h1 { margin-top: 0; font-size: clamp(27px, 5vw, 46px); }
.tracking-hero p { color: #e1f1f1; font-size: 15px; line-height: 1.6; }
.tracking-hero.cancelled { background: linear-gradient(120deg, #402b37, #75444a); }
.tracking-progress-card, .tracking-summary-card, .tracking-access { border-color: var(--menu-line); box-shadow: var(--menu-shadow); }
.tracking-summary-card h2 { margin-top: 0; }
.tracking-section-heading p, .tracking-live, .tracking-cost-line { color: var(--menu-muted); font-size: 13px; }
.order-timeline li.current { background: var(--menu-tint); border-radius: 12px; }
.order-timeline li.current strong { color: var(--menu-accent); }
.tracking-order-items article > div { min-width: 0; overflow-wrap: anywhere; }
.tracking-payment-info { background: #f0f7f6; border-color: var(--menu-line); }
.tracking-whatsapp-actions { display: grid; gap: 12px; }
.tracking-whatsapp-actions .tracking-whatsapp { min-height: 46px; text-align: center; font-size: 13px !important; }
.tracking-whatsapp-actions .tracking-whatsapp-follow { background: #16744b !important; }
.tracking-whatsapp-actions .tracking-whatsapp-follow:hover { background: #115d3c !important; }
@media (max-width: 520px) {
.menu-modal { width: calc(100% - 24px); max-height: calc(100dvh - 24px); border-radius: 18px; }
.modal-inner { padding: 0 16px 18px; }
.modal-header { margin: 0 -16px 16px; padding: 15px 16px; }
.modal-bottom > .primary { flex: 1 1 100%; max-width: none; }
.tracking-hero { min-height: 0; padding: 24px 20px; }
.tracking-summary-card, .tracking-progress-card { padding: 20px 16px; }
}
@media (max-width: 360px) {
.payment-options, .fulfillment-options { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
.menu-modal, .tracking-hero-orbit { animation: none; }
.product { transition: none; }
}
.product-picture, .cart-lines article > div:first-child {
grid-template: minmax(0, 1fr) / minmax(0, 1fr);
}
.product-picture img, .cart-lines article img {
display: block;
min-width: 0;
min-height: 0;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.product-modal-photo {
display: block;
max-width: 100%;
object-fit: contain;
}
.catalog-heading h2 { color: var(--menu-ink); font-size: clamp(26px, 4vw, 36px); }
.search { border-color: var(--menu-line); box-shadow: 0 3px 12px #16334508; }
.search:focus-within { border-color: #5a9b97; }
.search input { font-size: 16px; min-width: 0; }
.category-tabs {
background: #f7faf9f5;
border-bottom: 1px solid var(--menu-line);
margin-bottom: 18px;
padding-block: 12px;
}
.category-tabs button { border-radius: 999px; font-size: 13px; min-height: 42px; }
.product-list { grid-auto-rows: 1fr; gap: 16px; }
.product {
align-items: center;
padding: 18px;
border-radius: 20px;
background: #fff;
box-shadow: 0 4px 14px #1633450a;
}
.product-copy h3 { overflow-wrap: anywhere; }
.product-copy > strong { display: inline-block; margin-top: 2px; font-size: 19px; }
.product-picture {
width: clamp(92px, 13vw, 120px);
height: auto;
aspect-ratio: 1;
border-radius: 15px;
background: #eef5f4;
border: 1px solid #e3eeec;
}
.product-picture img { box-sizing: border-box; padding: 8px; }
.product:enabled .add-circle {
bottom: -5px;
right: -5px;
width: 34px;
height: 34px;
border-radius: 11px;
border: 2px solid #fff;
background: var(--menu-accent);
color: #fff;
font-size: 23px;
line-height: 1;
}
@media (max-width: 520px) {
.product { padding: 14px; gap: 12px; }
.product-picture { width: clamp(76px, 25vw, 104px); }
.product-copy p { margin-bottom: 8px; }
.category-tabs { margin-right: 0; padding-inline: 0; }
}
body, .tracking-page {
background: radial-gradient(ellipse at top right, #c4e7dc 0, transparent 38rem),
linear-gradient(155deg, #edf6fb 0%, #d8efeb 53%, #eef7f1 100%);
}
.category-tabs { background: #e6f4f0ed; }
body[data-menu-gradient="sunset"] { --menu-backdrop: linear-gradient(155deg, #fff4ef, #f8e3cb 70%, #fff7ef); --menu-tabs: #fff2e9f2; }
body[data-menu-gradient="berry"] { --menu-backdrop: linear-gradient(155deg, #f4efff, #f4deea 70%, #faf1f9); --menu-tabs: #f7edf8f2; }
body[data-menu-gradient="forest"] { --menu-backdrop: linear-gradient(155deg, #eef5e5, #e2edcf 70%, #f7f3e7); --menu-tabs: #eef4e5f2; }
body[data-menu-gradient] { background: var(--menu-backdrop, radial-gradient(ellipse at top right, #c4e7dc, transparent 38rem), linear-gradient(155deg, #edf6fb, #d8efeb 53%, #eef7f1)); }
body[data-menu-gradient] .tracking-page { background: transparent; }
body[data-menu-gradient] .category-tabs { background: var(--menu-tabs, #e6f4f0ed); }
body[data-menu-gradient="pearl"] { --menu-backdrop: linear-gradient(155deg, #e6edf5, #f8fafc); --menu-tabs: #e6edf5f2; }
body[data-menu-gradient="mint"] { --menu-backdrop: linear-gradient(155deg, #ccf2e5, #effcf8); --menu-tabs: #ccf2e5f2; }
body[data-menu-gradient="sky"] { --menu-backdrop: linear-gradient(155deg, #d5edff, #e9ddff); --menu-tabs: #d5edfff2; }
body[data-menu-gradient="rose"] { --menu-backdrop: linear-gradient(155deg, #f8d9e5, #fff3da); --menu-tabs: #f8d9e5f2; }
body[data-menu-gradient="peach"] { --menu-backdrop: linear-gradient(155deg, #ffd9d2, #ffeddc); --menu-tabs: #ffd9d2f2; }
body[data-menu-gradient="sand"] { --menu-backdrop: linear-gradient(155deg, #fff3dc, #ecd4bb); --menu-tabs: #fff3dcf2; }
body[data-menu-gradient="lemon"] { --menu-backdrop: linear-gradient(155deg, #f5f6c9, #d2f0df); --menu-tabs: #f5f6c9f2; }
body[data-menu-gradient="violet"] { --menu-backdrop: linear-gradient(155deg, #e3d9ff, #eff4ff); --menu-tabs: #e3d9fff2; }
body[data-menu-gradient="ruby"] { --menu-backdrop: linear-gradient(155deg, #f3a6a9, #fff3e3); --menu-tabs: #fff0ebf2; }
body[data-menu-gradient="cherry"] { --menu-backdrop: linear-gradient(155deg, #e991a3, #fbe1e9); --menu-tabs: #fbe1e9f2; }