/* Glass category navigation with a solid fallback and clear focus states. */
.nav{justify-content:center;align-items:center;flex-wrap:wrap;gap:11px;white-space:normal;overflow:visible;padding:16px 12px;margin-bottom:15px;border:1px solid #ffffffd9;border-radius:25px;background:linear-gradient(115deg,#f1f7eddb,#fff8eece 55%,#eaf2ecdb);box-shadow:inset 0 1px 0 #fff,0 9px 28px #234a3510;backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}
.nav button{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;text-align:center;font-size:19px;font-weight:650;line-height:1.6;letter-spacing:0;min-height:54px;padding:11px 19px;border:1px solid #ffffffec;border-bottom:1px solid #ffffffec;border-radius:18px;background:linear-gradient(145deg,#ffffffc9,#ffffff70);box-shadow:inset 0 1px 0 #fff,0 4px 11px #294a3308;color:#214b3a;transition:transform .35s var(--ease),background .3s,box-shadow .35s;overflow:hidden;flex:0 1 auto}
.nav button:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 20%,#ffffffb0 47%,transparent 72%);transform:translateX(-140%);transition:transform .7s var(--ease);pointer-events:none}
.nav button:hover{background:#fffdf0eb;border-color:#c5d6bd;box-shadow:inset 0 1px 0 #fff,0 8px 20px #24462e16;transform:translateY(-2px)}.nav button:hover:before{transform:translateX(140%)}
.nav button.active{color:#fff;background:linear-gradient(135deg,#1e513d,#37704e);border-color:#2e6648;box-shadow:inset 0 1px 0 #ffffff38,0 5px 15px #244e3025}.nav button.active:before{opacity:.2}
.nav .deals,html[dir=rtl] .nav .deals{margin:0;justify-content:center;color:#9b421f;background:linear-gradient(145deg,#fff7eccf,#f5e6d6b3)}
.nav button:focus-visible{outline:3px solid #a84d27;outline-offset:4px}
.toast{display:flex;align-items:center;justify-content:center;gap:10px}.toast.toast-success{background:linear-gradient(130deg,#17633c,#237f4e);border:1px solid #72c394;box-shadow:0 9px 30px #174d3326;color:#fff;border-radius:15px}.toast-check{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:#ffffff22}.toast-check svg{width:19px;height:19px;stroke-width:2.3}.toast>span:last-child{min-width:0;overflow-wrap:anywhere}
#checkoutContent>.eyebrow{justify-content:center;text-align:center;font-size:16px;letter-spacing:1px;margin-bottom:14px;padding-inline:32px}
#checkoutContent>.checkout-heading,.checkout-dialog #checkoutContent>.checkout-heading{font-size:clamp(32px,3vw,42px);line-height:1.55;text-align:center;padding:0;margin:12px auto 25px;max-width:95%;font-weight:750;color:#176246;text-wrap:balance}
#checkoutContent[data-step="2"]>.checkout-heading{color:#a84726}
#checkoutContent[data-step="3"] .success h2{color:#176a42;font-size:clamp(30px,3vw,40px);text-align:center;line-height:1.6}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch;justify-content:center;text-align:center;padding:0 0 24px;margin:0 auto 25px;width:100%;font-size:18px;border-bottom:1px solid #d7e3d4}
.steps span{display:flex;align-items:center;justify-content:center;position:relative;min-height:76px;padding:13px 9px;border-radius:16px;border:1px solid #dce8d8;background:#f0f6eb;color:#245c3b;font-weight:650;font-size:19px;line-height:1.7;overflow-wrap:anywhere}
.steps span:nth-child(2){color:#964626;background:#fff1e4;border-color:#f0ddc8}.steps span:nth-child(3){color:#365f86;background:#ecf3fa;border-color:#d6e3f0}
.steps span.current{font-weight:800;border:2px solid currentColor;box-shadow:0 5px 15px #173f3511}.steps span.current:after{content:'';position:absolute;bottom:5px;left:50%;width:19px;height:3px;border-radius:4px;background:currentColor;transform:translateX(-50%)}
.order-comment-field{margin-top:25px;padding:22px;border:1px solid #d6e5d3;border-radius:17px;background:linear-gradient(130deg,#f5f8ef,#fffaf2)}.order-comment-field label,.customer-comments label{display:block;margin-bottom:10px;font-size:18px;font-weight:700;line-height:1.8;color:#264d39}
textarea{font:inherit;resize:vertical;max-width:100%;min-height:130px;line-height:1.85;padding:15px 16px;border:1px solid #9eb59f;background:#fffffff0;color:var(--ink);border-radius:12px;width:100%;text-align:start;outline-offset:4px}.order-comment-field small{display:block;margin-top:8px;font-size:15px;line-height:1.8;color:#536b58}
.customer-comments{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:start;padding-block:65px}.comment-intro{padding-block:17px}.comment-intro h2{font-size:35px;line-height:1.6;margin:13px 0 18px}.comment-intro p{font-size:19px;line-height:1.9}.customer-comments form{padding:27px;border:1px solid #e0e8d8;border-radius:23px;background:linear-gradient(135deg,#f2f7ec,#fff5e9);box-shadow:0 12px 35px #2e503108}.comment-help{font-size:15px;line-height:1.85;margin:10px 0 18px}#customerCommentStatus{font-size:16px;line-height:1.8;margin:12px 0 0;color:#1f6940;min-height:0}.customer-comments textarea::placeholder,.order-comment-field textarea::placeholder{color:#647466;font-size:16px}
html[dir=rtl] #checkoutContent>.eyebrow{letter-spacing:0}html[dir=rtl] .nav button{font-size:20px}html[dir=rtl] .steps span{font-size:20px}
@media(max-width:1050px){.nav{gap:9px}.nav button,html[dir=rtl] .nav button{font-size:18px;padding:11px 15px}.customer-comments{gap:30px}}
@media(max-width:750px){header{position:relative}.nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px;border-radius:22px;margin-bottom:12px}.nav button,html[dir=rtl] .nav button{font-size:18px;min-height:60px;padding:10px 9px;line-height:1.8;width:100%;border-radius:15px}.nav .deals,html[dir=rtl] .nav .deals{grid-column:1/-1;width:100%}.nav svg{width:19px;height:19px}html{scroll-padding-top:24px}.checkout-dialog #checkoutContent>.checkout-heading{font-size:34px;line-height:1.65;padding:0;margin-bottom:23px;max-width:100%}#checkoutContent>.eyebrow{font-size:15px;padding-inline:25px}.steps{gap:7px;font-size:17px;margin-bottom:22px;padding-bottom:20px}.steps span,html[dir=rtl] .steps span{min-height:86px;padding:12px 5px;font-size:18px;line-height:1.8;border-radius:13px}.order-comment-field{padding:17px 15px}.order-comment-field label,.customer-comments label{font-size:18px}.order-comment-field small{font-size:15px}textarea{font-size:17px;min-height:140px}.customer-comments{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:40px}.comment-intro{padding:0}.comment-intro h2{font-size:30px;margin-bottom:12px}.comment-intro p{font-size:18px;margin-bottom:0}.customer-comments form{padding:22px 18px}.customer-comments .button{width:100%}.toast.toast-success{max-width:calc(100vw - 30px);font-size:16px;padding:13px 17px;line-height:1.8}.comment-help{font-size:15px}}
@media(max-width:360px){.nav button,html[dir=rtl] .nav button{font-size:17px;padding-inline:6px}.steps{grid-template-columns:1fr}.steps span,html[dir=rtl] .steps span{min-height:54px;font-size:19px}.checkout-dialog #checkoutContent>.checkout-heading{font-size:31px}}
#toast[popover]{position:fixed;inset:auto auto 25px 50%;margin:0;border:0;max-width:90vw;width:max-content;overflow:visible}#toast[popover].toast-success{border:1px solid #72c394}
@media(max-width:750px){#toast[popover]{inset:auto auto calc(96px + env(safe-area-inset-bottom)) 50%;max-width:calc(100vw - 30px)}}
@media(prefers-reduced-motion:reduce){.nav button:before{display:none}.nav button:hover{transform:none}}