:root{color:#27222a;font-synthesis:none;--purple:#7a3197;--purple-dark:#542166;--purple-soft:#f0e5f4;--cream:#f7f1e5;--surface:#fff;--ink:#27222a;--muted:#716b73;--border:#e9e3e8;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.5rem;background:#fcfaf6;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fcfaf6;min-width:320px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[dir=rtl] body{font-family:Noto Kufi Arabic,sans-serif}[dir=rtl] .hero h1,[dir=rtl] h2{letter-spacing:-.04em}.announcement{color:#fff;background:var(--purple-dark);justify-content:center;align-items:center;gap:1rem;height:2.25rem;padding:0 max(1rem,50vw - 640px);font-size:.75rem;font-weight:600;display:flex}.announcement button{color:#fff;background:0 0;border:0;border-bottom:1px solid #ffffffb3;padding:0;font-size:.75rem}.header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fcfaf6eb;border-bottom:1px solid #7a31971f;position:sticky;top:0}.header-inner{grid-template-columns:auto auto 1fr auto;align-items:center;gap:2rem;max-width:1280px;height:5rem;margin:auto;padding:0 2rem;display:grid}.brand{color:var(--purple);letter-spacing:-.04em;align-items:center;gap:.65rem;font-size:1.35rem;font-weight:700;display:inline-flex}.brand img{mix-blend-mode:multiply;border-radius:.45rem;width:2.75rem;height:2.75rem}nav{gap:1.5rem;font-size:.875rem;font-weight:600;display:flex}nav a,footer a{transition:color .2s}nav a:hover,footer a:hover{color:var(--purple)}.search-box{border:1px solid var(--border);width:min(100%,25rem);color:var(--muted);background:#fff;border-radius:999px;justify-self:end;align-items:center;gap:.65rem;padding:.65rem 1rem;display:flex}.search-box svg{width:1.1rem}.search-box input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.header-actions{gap:.35rem;display:flex}.icon-button{width:2.65rem;height:2.65rem;color:var(--ink);background:0 0;border:0;border-radius:50%;place-items:center;transition:background .2s,color .2s;display:inline-grid;position:relative}.icon-button:hover{color:var(--purple);background:var(--purple-soft)}.icon-button svg{width:1.25rem}.cart-button span{color:#fff;background:var(--purple);border:2px solid #fcfaf6;border-radius:1rem;place-items:center;min-width:1.15rem;height:1.15rem;padding:0 .2rem;font-size:.62rem;font-weight:700;display:grid;position:absolute;top:.05rem;right:-.1rem}.mobile-menu{display:none}.hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:4rem;max-width:1280px;min-height:41rem;margin:auto;padding:4.5rem 2rem 5rem;display:grid;overflow:hidden}.eyebrow{color:var(--purple);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .8rem;font-size:.75rem;font-weight:700}.hero h1{letter-spacing:-.075em;max-width:11ch;margin:0;font-size:clamp(3.35rem,6.2vw,5.85rem);line-height:.98}.hero h1 em{color:var(--purple);font-family:Georgia,serif;font-weight:400}.hero-description{max-width:37rem;color:var(--muted);margin:1.7rem 0 2rem;font-size:1.05rem;line-height:1.75}.primary-cta{border-radius:var(--radius-sm);color:#fff;background:var(--purple);align-items:center;gap:.75rem;width:fit-content;padding:.9rem 1.25rem;font-weight:700;transition:transform .2s,background .2s;display:inline-flex;box-shadow:0 8px 25px #5421662e}.primary-cta:hover{background:var(--purple-dark);transform:translateY(-2px)}.primary-cta svg,.text-link svg,.story-banner a svg{width:1rem}.trust-row{color:var(--muted);flex-wrap:wrap;gap:1.25rem;margin-top:2.25rem;font-size:.75rem;font-weight:600;display:flex}.trust-row span{align-items:center;gap:.4rem;display:flex}.trust-row svg{width:1rem;color:var(--purple)}.hero-visual{place-items:center;min-height:34rem;display:grid;position:relative}.hero-visual:before{content:"";background:#eadced;border-radius:49% 51% 46% 54%/55% 45%;position:absolute;inset:2rem 0;transform:rotate(-8deg)}.hero-main-image{z-index:2;aspect-ratio:4/5;border:.7rem solid #fff;border-radius:48% 48% 1.5rem 1.5rem;width:68%;position:relative;overflow:hidden;transform:rotate(3deg);box-shadow:0 24px 70px #3b213f2b}.hero-main-image img{object-fit:cover;width:100%;height:100%}.hero-orbit{z-index:1;border:1px solid #7a319742;border-radius:50%;position:absolute}.orbit-one{width:96%;height:66%;transform:rotate(24deg)}.orbit-two{width:84%;height:76%;transform:rotate(-33deg)}.floating-card{z-index:3;border-radius:var(--radius-md);background:#fffffff0;border:1px solid #7a31971f;flex-direction:column;min-width:9.5rem;padding:.85rem 1rem;display:flex;position:absolute;box-shadow:0 16px 35px #2b1f2e1f}.floating-card strong{font-size:.8rem}.floating-card span{color:var(--muted);font-size:.68rem}.card-one{top:18%;left:0}.card-one span{width:fit-content;color:var(--purple);background:var(--purple-soft);border-radius:999px;margin-bottom:.35rem;padding:.2rem .45rem;font-weight:700}.card-two{bottom:14%;right:0}.category-section,.products-section{max-width:1280px;margin:auto;padding:5rem 2rem}.category-section{border-top:1px solid var(--border)}.section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.1rem;display:flex}.section-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,3.5vw,3.1rem)}.section-heading>p{max-width:28rem;color:var(--muted);margin:0;line-height:1.6}.categories{grid-template-columns:repeat(6,1fr);gap:.75rem;display:grid}.categories button{border:1px solid var(--border);border-radius:var(--radius-md);min-height:8.25rem;color:var(--ink);background:var(--surface);flex-direction:column;justify-content:space-between;align-items:flex-start;padding:1rem;font-weight:700;transition:border .2s,transform .2s,background .2s;display:flex}.categories button:hover{border-color:#c9a9d5;transform:translateY(-3px)}.categories button.active{border-color:var(--purple);color:#fff;background:var(--purple)}.categories button span{font-size:1.75rem;font-weight:400}.products-section{padding-top:3rem}.text-link{color:var(--purple);background:0 0;border:0;align-items:center;gap:.5rem;font-weight:700;display:flex}.product-grid{grid-template-columns:repeat(3,1fr);gap:2rem 1rem;display:grid}.product-card{min-width:0}.product-image{aspect-ratio:1/1.04;border-radius:var(--radius-md);background:#f0ece7;position:relative;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.product-card:hover .product-image img{transform:scale(1.035)}.product-badge{color:var(--purple-dark);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border-radius:999px;padding:.35rem .6rem;font-size:.65rem;font-weight:700;position:absolute;top:.75rem;left:.75rem}[dir=rtl] .product-badge{left:auto;right:.75rem}.favourite{width:2.4rem;height:2.4rem;color:var(--ink);background:#ffffffe6;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:.65rem;right:.65rem}[dir=rtl] .favourite{left:.65rem;right:auto}.favourite svg{width:1rem}.product-info{padding:1rem .25rem}.product-unit{color:var(--muted);text-transform:uppercase;margin:0 0 .25rem;font-size:.7rem;font-weight:600}.product-info h3{margin:0;font-size:1rem}.product-bottom{justify-content:space-between;align-items:center;gap:.75rem;margin-top:.8rem;display:flex}.price{color:var(--purple);margin:0;font-size:.75rem}.price strong{font-size:1rem}.price del{color:#9d979e;margin-inline-start:.35rem}.product-bottom button{border:1px solid var(--purple);width:2.25rem;height:2.25rem;color:var(--purple);background:0 0;border-radius:50%;flex:none;place-items:center;transition:color .2s,background .2s;display:grid}.product-bottom button:hover{color:#fff;background:var(--purple)}.product-bottom svg{width:1rem}.no-results{border-radius:var(--radius-md);text-align:center;border:1px dashed #ccbcd1;padding:5rem 1rem}.no-results h3{margin:0 0 .5rem}.no-results p{color:var(--muted)}.no-results button{color:var(--purple);background:0 0;border:0;font-weight:700}.story-banner{border-radius:var(--radius-lg);color:#fff;background:var(--purple-dark);grid-template-columns:1.2fr .8fr;align-items:center;max-width:1216px;min-height:26rem;margin:3rem auto 6rem;padding:4rem;display:grid;overflow:hidden}.story-banner>div:first-child{z-index:1;max-width:39rem;position:relative}.story-banner .eyebrow{color:#dcb9e8}.story-banner h2{letter-spacing:-.06em;margin:0;font-size:clamp(2.25rem,4.5vw,4rem);line-height:1.05}.story-banner p:not(.eyebrow){color:#e4d6e8;margin:1.25rem 0 1.5rem;line-height:1.7}.story-banner a{align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.story-mark{color:#ffffff14;text-align:center;font-family:Georgia,serif;font-size:20rem;line-height:.7;transform:rotate(-8deg)}footer{border-top:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem 3rem;max-width:1280px;margin:auto;padding:3rem 2rem;display:grid}.footer-brand img{width:2.25rem;height:2.25rem}footer p{color:var(--muted);font-size:.85rem}footer>div{align-items:center;gap:1.25rem;font-size:.8rem;font-weight:600;display:flex}footer svg{width:1rem}footer small{color:#948e95;grid-column:1/-1;font-size:.7rem}.cart-layer{z-index:50;visibility:hidden;position:fixed;inset:0}.cart-layer.is-open{visibility:visible}.cart-backdrop{opacity:0;background:#190f1c7a;border:0;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.is-open .cart-backdrop{opacity:1}.cart-drawer{background:#fff;flex-direction:column;width:min(100%,29rem);height:100%;transition:transform .3s;display:flex;position:absolute;top:0;right:0;transform:translate(100%)}[dir=rtl] .cart-drawer{left:0;right:auto;transform:translate(-100%)}.is-open .cart-drawer{transform:translate(0)}.cart-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.cart-header p{color:var(--purple);text-transform:uppercase;margin:0 0 .2rem;font-size:.7rem;font-weight:700}.cart-header h2{margin:0;font-size:1.45rem}.cart-items{flex:1;padding:0 1.5rem;overflow:auto}.cart-item{border-bottom:1px solid var(--border);grid-template-columns:5rem 1fr auto;gap:1rem;padding:1.25rem 0;display:grid}.cart-item img{border-radius:var(--radius-sm);object-fit:cover;width:5rem;height:5rem}.cart-item-copy h3{margin:0 0 .25rem;font-size:.9rem}.cart-item-copy p{color:var(--purple);margin:0;font-size:.75rem;font-weight:700}.quantity{border:1px solid var(--border);border-radius:999px;align-items:center;width:fit-content;margin-top:.7rem;display:flex}.quantity button{background:0 0;border:0;place-items:center;width:1.8rem;height:1.7rem;display:grid}.quantity svg{width:.75rem}.quantity span{text-align:center;min-width:1.5rem;font-size:.75rem}.remove{color:#948e95;background:0 0;border:0;align-self:start}.remove svg{width:1rem}.cart-summary{border-top:1px solid var(--border);background:#fcfaf6;padding:1.5rem}.cart-summary>div{justify-content:space-between;display:flex}.cart-summary p{color:var(--muted);font-size:.72rem}.cart-summary button,.empty-cart button{border-radius:var(--radius-sm);color:#fff;background:var(--purple);border:0;width:100%;padding:.9rem;font-weight:700}.empty-cart{text-align:center;margin:auto;padding:2rem}.empty-cart>svg{color:#c8b5ce;width:3rem;height:3rem}.empty-cart h3{margin:1rem 0 .5rem}.empty-cart p{color:var(--muted);margin:0 0 1.5rem}@media (width<=980px){.header-inner{grid-template-columns:auto 1fr auto;gap:.75rem}.mobile-menu{display:inline-grid}nav{display:none}.search-box{grid-area:2/1/auto/-1;width:100%;margin-bottom:.75rem}.header-inner{height:auto;padding-top:.75rem}.brand{justify-self:center}.header-actions{justify-self:end}.hero{grid-template-columns:1fr 1fr;gap:1rem}.hero h1{font-size:clamp(3rem,7vw,4.5rem)}.hero-visual{min-height:29rem}.categories{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.story-banner{margin-inline:2rem}}@media (width<=680px){.announcement{justify-content:space-between}.header-inner{padding-inline:1rem}.brand span,.account-button{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:3rem 1rem}.hero-copy{text-align:center}.hero h1{margin-inline:auto;font-size:clamp(3rem,14vw,4.5rem)}.hero-description{font-size:.95rem}.primary-cta{margin-inline:auto}.trust-row{justify-content:center;gap:.8rem}.hero-visual{min-height:29rem;margin-top:1rem}.hero-main-image{width:72%}.category-section,.products-section{padding:3.5rem 1rem}.section-heading{flex-direction:column;align-items:start;gap:.75rem}.section-heading h2{font-size:2.25rem}.categories{scrollbar-width:none;padding-bottom:.5rem;display:flex;overflow-x:auto}.categories button{min-width:7.5rem;min-height:7rem}.product-grid{gap:1.25rem .65rem}.product-info{padding-inline:.1rem}.product-info h3,.price strong{font-size:.85rem}.story-banner{grid-template-columns:1fr;min-height:30rem;margin:1rem 1rem 4rem;padding:2rem}.story-mark{display:none}footer{text-align:center;grid-template-columns:1fr;padding:2rem 1rem}.footer-brand,footer>div{justify-content:center}footer small{grid-column:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.route-loading{min-height:60vh}.product-skeleton{aspect-ratio:1/1.34;border-radius:var(--radius-md);background:linear-gradient(100deg,#efe9ec 30%,#f7f2f5 50%,#efe9ec 70%) 0 0/200% 100%;animation:1.3s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.product-soldout{color:#fff;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#27222ab8;padding:.45rem;font-size:.7rem;font-weight:700;position:absolute;inset:auto 0 0}.product-bottom button:disabled{border-color:var(--border);color:#b6b0b7;cursor:not-allowed}.product-bottom button:disabled:hover{color:#b6b0b7;background:0 0}.account-menu{position:relative}.account-dropdown{z-index:40;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;width:16.5rem;padding:.5rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 20px 45px #2b1f2e29}[dir=rtl] .account-dropdown{left:0;right:auto}.account-dropdown-head{border-bottom:1px solid var(--border);flex-direction:column;gap:.15rem;margin-bottom:.4rem;padding:.75rem .75rem 1rem;display:flex}.account-dropdown-head strong{font-size:.9rem}.account-dropdown-head span{color:var(--muted);overflow-wrap:anywhere;font-size:.75rem}.account-dropdown a,.account-dropdown button{border-radius:var(--radius-sm);width:100%;color:var(--ink);text-align:start;background:0 0;border:0;align-items:center;gap:.6rem;padding:.6rem .75rem;font-size:.85rem;font-weight:600;transition:background .18s,color .18s;display:flex}.account-dropdown a:hover,.account-dropdown button:hover{color:var(--purple);background:var(--purple-soft)}.account-dropdown svg{flex:none;width:1rem}.account-dropdown .account-cta{color:#fff;background:var(--purple);justify-content:center;margin-bottom:.2rem}.account-dropdown .account-cta:hover{color:#fff;background:var(--purple-dark)}.field{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.field>span{font-size:.78rem;font-weight:700}.field input,.field textarea,.field select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--ink);font:inherit;padding:.8rem .9rem;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--purple);outline:0;box-shadow:0 0 0 3px #7a319721}.field input:disabled{color:var(--muted);background:#f4f1f0}.field small{color:var(--muted);font-size:.72rem}.field-row{grid-template-columns:1fr 1fr;gap:0 1rem;display:grid}.checkbox-field{align-items:center;gap:.6rem;font-size:.85rem;font-weight:600;display:flex}.checkbox-field input{width:1.05rem;height:1.05rem;accent-color:var(--purple)}.form-error{border-radius:var(--radius-sm);color:#8c1f3d;background:#fdeaf0;margin:0 0 1rem;padding:.7rem .85rem;font-size:.8rem;font-weight:600}.form-submit{border-radius:var(--radius-sm);color:#fff;background:var(--purple);border:0;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.95rem;font-weight:700;transition:background .2s;display:flex}.form-submit:hover{background:var(--purple-dark)}.form-submit:disabled{cursor:not-allowed;background:#bda3c7}.form-submit svg{width:1rem}.ghost-button{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink);background:var(--surface);justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.85rem;font-weight:700;transition:border-color .2s,color .2s;display:inline-flex}.ghost-button:hover{border-color:var(--purple);color:var(--purple)}.ghost-button svg{width:1rem}.primary-button{border-radius:var(--radius-sm);color:#fff;background:var(--purple);border:0;align-items:center;gap:.5rem;padding:.7rem 1.1rem;font-size:.85rem;font-weight:700;display:inline-flex}.primary-button:hover{background:var(--purple-dark)}.primary-button svg{width:1rem}.auth-page,.track-page{place-items:center;max-width:1280px;margin:auto;padding:4rem 2rem 6rem;display:grid}.auth-card,.track-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(100%,28rem);padding:2.5rem;box-shadow:0 24px 60px #2b1f2e12}.track-card{width:min(100%,34rem)}.auth-card h1,.track-card h1{letter-spacing:-.045em;margin:0 0 .6rem;font-size:2.1rem}.auth-lead{color:var(--muted);margin:0 0 1.75rem;font-size:.9rem;line-height:1.6}.auth-alt{color:var(--muted);text-align:center;margin:.9rem 0 0;font-size:.82rem}.auth-alt a{color:var(--purple);font-weight:700}.track-result{border-top:1px solid var(--border);margin-top:2rem;padding-top:1.5rem}.checkout-page{max-width:1280px;margin:auto;padding:3rem 2rem 6rem}.checkout-head{margin-bottom:2.25rem}.checkout-head h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.2rem,4vw,3.1rem)}.checkout-guest-note{color:var(--muted);margin:.75rem 0 0;font-size:.85rem}.checkout-guest-note a{color:var(--purple);font-weight:700}.checkout-grid{grid-template-columns:1.35fr .85fr;align-items:start;gap:2.5rem;display:grid}.checkout-form{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:2rem}.checkout-form h2,.checkout-summary h2{letter-spacing:-.02em;margin:0 0 1.5rem;font-size:1.15rem}.payment-box{border:1px solid var(--purple);border-radius:var(--radius-md);background:var(--purple-soft);align-items:center;gap:1rem;margin:.5rem 0 1.5rem;padding:1.1rem;display:flex}.payment-box svg{width:1.4rem;color:var(--purple-dark);flex:none}.payment-box div{flex-direction:column;gap:.2rem;display:flex}.payment-box strong{font-size:.9rem}.payment-box span{color:#6b4478;font-size:.78rem}.checkout-summary{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--cream);padding:2rem;position:sticky;top:6.5rem}.summary-items{flex-direction:column;gap:1rem;display:flex}.summary-item{grid-template-columns:3.25rem 1fr auto;align-items:center;gap:.85rem;display:grid}.summary-item img{border-radius:var(--radius-sm);object-fit:cover;background:#efe9e2;width:3.25rem;height:3.25rem}.summary-item h3{margin:0 0 .15rem;font-size:.85rem}.summary-item p{color:var(--muted);margin:0;font-size:.75rem}.summary-item strong{font-size:.85rem}.summary-totals{border-top:1px solid var(--border);margin:1.5rem 0 0;padding-top:1.25rem}.summary-totals>div{justify-content:space-between;align-items:baseline;margin-bottom:.6rem;font-size:.85rem;display:flex}.summary-totals dt{color:var(--muted)}.summary-totals dd{margin:0;font-weight:600}.summary-totals .grand{border-top:1px solid var(--border);margin:.85rem 0 0;padding-top:.85rem;font-size:1.05rem}.summary-totals .grand dt{color:var(--ink);font-weight:700}.summary-totals .grand dd{color:var(--purple);font-weight:700}.summary-trust{color:var(--muted);flex-direction:column;gap:.55rem;margin:1.5rem 0 0;padding:0;font-size:.75rem;font-weight:600;list-style:none;display:flex}.summary-trust li{align-items:center;gap:.5rem;display:flex}.summary-trust svg{width:.95rem;color:var(--purple)}.order-page{place-items:center;max-width:1280px;margin:auto;padding:3rem 2rem 6rem;display:grid}.order-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);text-align:center;width:min(100%,36rem);padding:2.75rem;box-shadow:0 24px 60px #2b1f2e12}.order-success{place-items:center;margin-bottom:1.25rem;display:grid}.order-success svg{color:#2f9e6b;width:3.25rem;height:3.25rem}.order-card h1{letter-spacing:-.05em;margin:0 0 .75rem;font-size:2.25rem}.order-lead{color:var(--muted);margin:0 0 2rem;font-size:.9rem;line-height:1.65}.order-number{border-radius:var(--radius-md);background:var(--purple-soft);border:1px dashed #c9a9d5;flex-direction:column;align-items:center;gap:.4rem;margin-bottom:2rem;padding:1.1rem;display:flex}.order-number span{color:#6b4478;letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:700}.order-number strong{color:var(--purple-dark);letter-spacing:.02em;font-size:1.4rem}.order-items{text-align:start;flex-direction:column;gap:1rem;display:flex}.order-delivery{border:1px solid var(--border);border-radius:var(--radius-md);text-align:start;align-items:flex-start;gap:.9rem;margin:1.75rem 0;padding:1.1rem;display:flex}.order-delivery svg{width:1.25rem;color:var(--purple);flex:none}.order-delivery div{flex-direction:column;gap:.2rem;display:flex}.order-delivery span{color:var(--muted);font-size:.8rem}.status-badge{white-space:nowrap;border-radius:999px;padding:.35rem .7rem;font-size:.68rem;font-weight:700}.status-pending{color:#8a5b00;background:#fdf0d5}.status-confirmed{color:#1f5f8b;background:#e0f0fa}.status-preparing{color:#6b4478;background:var(--purple-soft)}.status-out_for_delivery{color:#8a4a00;background:#fed}.status-delivered{color:#1c6b46;background:#dff3e8}.status-cancelled{color:#8c1f3d;background:#fdeaf0}.account-page{max-width:1280px;margin:auto;padding:3rem 2rem 6rem}.account-head{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2.25rem;display:flex}.account-head h1{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,3.6vw,2.9rem)}.account-grid{grid-template-columns:1.4fr .8fr;align-items:start;gap:2.5rem;display:grid}.account-orders h2,.account-profile h2{margin:0 0 1.25rem;font-size:1.15rem}.order-row{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);margin-bottom:1rem;padding:1.25rem}.order-row-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.order-row-head div{flex-direction:column;gap:.2rem;display:flex}.order-row-head span{color:var(--muted);font-size:.75rem}.order-row-items{align-items:center;gap:.5rem;padding-top:1rem;display:flex}.order-row-items img{border-radius:var(--radius-sm);object-fit:cover;width:2.75rem;height:2.75rem}.order-row-total{flex-direction:column;align-items:flex-end;gap:.15rem;margin-inline-start:auto;display:flex}.order-row-total span{color:var(--muted);font-size:.72rem}.order-row-total strong{color:var(--purple)}.account-profile{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--cream);padding:1.75rem}.account-profile .admin-link{width:100%;margin-top:.75rem}.no-results a{color:var(--purple);font-weight:700}.admin-boot{min-height:100vh;color:var(--muted);place-items:center;display:grid}.admin-shell{background:#faf7f9;grid-template-columns:16.5rem 1fr;min-height:100vh;display:grid}.admin-sidebar{border-inline-end:1px solid var(--border);background:var(--surface);flex-direction:column;height:100vh;padding:1.5rem 1rem;display:flex;position:sticky;top:0}.admin-brand{align-items:center;gap:.7rem;padding:.35rem .5rem 1.5rem;display:flex}.admin-brand img{mix-blend-mode:multiply;border-radius:.45rem;width:2.5rem;height:2.5rem}.admin-brand div{flex-direction:column;display:flex}.admin-brand strong{color:var(--purple);letter-spacing:-.04em;font-size:1.15rem}.admin-brand span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:600}.admin-sidebar nav{flex-direction:column;gap:.2rem;display:flex}.admin-sidebar nav a,.admin-sidebar-foot a,.admin-sidebar-foot button{border-radius:var(--radius-sm);color:var(--ink);text-align:start;background:0 0;border:0;align-items:center;gap:.7rem;padding:.7rem .75rem;font-size:.875rem;font-weight:600;transition:background .18s,color .18s;display:flex}.admin-sidebar nav a:hover,.admin-sidebar-foot a:hover,.admin-sidebar-foot button:hover{color:var(--purple);background:var(--purple-soft)}.admin-sidebar nav a.active{color:#fff;background:var(--purple)}.admin-sidebar nav a.active:hover{color:#fff;background:var(--purple-dark)}.admin-sidebar svg{flex:none;width:1.05rem}.admin-sidebar-foot{border-top:1px solid var(--border);flex-direction:column;gap:.2rem;margin-top:auto;padding-top:1rem;display:flex}.admin-sidebar-foot button{width:100%}.admin-main{min-width:0;padding:2.5rem}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2rem;display:flex}.admin-header h1{letter-spacing:-.05em;margin:0 0 .35rem;font-size:2rem}.admin-header p{color:var(--muted);margin:0;font-size:.875rem}.admin-filters{flex-wrap:wrap;gap:.4rem;display:flex}.admin-filters button{border:1px solid var(--border);color:var(--muted);background:var(--surface);border-radius:999px;padding:.5rem .8rem;font-size:.78rem;font-weight:600;transition:all .18s}.admin-filters button:hover{color:var(--purple);border-color:#c9a9d5}.admin-filters button.active{border-color:var(--purple);color:#fff;background:var(--purple)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;margin-bottom:2.5rem;display:grid}.stat-tile{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:.5rem;padding:1.35rem;display:flex}.stat-tile span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:700}.stat-tile strong{color:var(--purple-dark);letter-spacing:-.03em;font-size:1.65rem}.admin-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:1.75rem}.admin-panel-head{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.admin-panel-head h2{margin:0;font-size:1.1rem}.admin-empty{color:var(--muted);text-align:center;padding:3rem 1rem}.admin-note{color:var(--muted);margin-top:1rem;font-size:.78rem}.admin-table-wrap{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow-x:auto}.admin-panel .admin-table-wrap{border:0;border-radius:0}.admin-table{border-collapse:collapse;width:100%;font-size:.85rem}.admin-table th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;text-align:start;border-bottom:1px solid var(--border);white-space:nowrap;padding:.9rem 1rem;font-size:.7rem;font-weight:700}.admin-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.9rem 1rem}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table tbody tr:hover{background:#fcfaf6}.admin-product-cell{align-items:center;gap:.75rem;display:flex}.admin-product-cell img,.admin-thumb-empty{border-radius:var(--radius-sm);object-fit:cover;background:#efe9e2;flex:none;width:2.75rem;height:2.75rem}.admin-product-cell div{flex-direction:column;gap:.1rem;display:flex}.admin-product-cell span{color:var(--muted);font-size:.75rem}.admin-row-actions{justify-content:flex-end;gap:.35rem;display:flex}.admin-row-actions button{border:1px solid var(--border);border-radius:var(--radius-sm);width:2.1rem;height:2.1rem;color:var(--muted);background:var(--surface);place-items:center;transition:all .18s;display:grid}.admin-row-actions button:hover{border-color:var(--purple);color:var(--purple)}.admin-row-actions svg{width:.95rem}.stock-out{color:#8c1f3d;font-weight:700}.guest-tag{color:var(--muted);background:#f0ece7;border-radius:999px;margin-inline-start:.4rem;padding:.15rem .4rem;font-size:.65rem;font-weight:700}.order-list{flex-direction:column;gap:.75rem;display:flex}.admin-order{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.admin-order-head{text-align:start;background:0 0;border:0;grid-template-columns:1fr 1fr auto auto 1.25rem;align-items:center;gap:1rem;width:100%;padding:1.1rem 1.25rem;display:grid}.admin-order-head:hover{background:#fcfaf6}.admin-order-id,.admin-order-customer{flex-direction:column;gap:.15rem;min-width:0;display:flex}.admin-order-id strong,.admin-order-customer strong{font-size:.875rem}.admin-order-id span,.admin-order-customer span{color:var(--muted);font-size:.72rem}.admin-order-total{color:var(--purple);font-size:.95rem}.chev{width:1.1rem;color:var(--muted);transition:transform .2s}.chev.open{transform:rotate(180deg)}.admin-order-body{border-top:1px solid var(--border);background:#fcfaf6;grid-template-columns:1fr 1.15fr;gap:2rem;padding:1.5rem;display:grid}.admin-order-items{flex-direction:column;gap:.9rem;display:flex}.admin-order-meta{align-content:start;gap:1.5rem;display:grid}.admin-order-meta h4{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem;font-size:.72rem;font-weight:700}.admin-order-meta p{margin:0 0 .3rem;font-size:.82rem;line-height:1.5}.order-note{color:var(--muted);font-style:italic}.admin-order-meta select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;font:inherit;padding:.7rem .8rem}.admin-modal{z-index:60;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.admin-modal-backdrop{background:#190f1c80;position:absolute;inset:0}.admin-modal-card{border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;width:min(100%,44rem);max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #190f1c4d}.admin-modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.35rem 1.75rem;display:flex}.admin-modal-head h2{margin:0;font-size:1.2rem}.admin-modal-body{padding:1.75rem;overflow-y:auto}.admin-modal-foot{border-top:1px solid var(--border);background:#fcfaf6;justify-content:flex-end;gap:.75rem;padding:1.1rem 1.75rem;display:flex}.image-picker{grid-template-columns:7rem 1fr;align-items:start;gap:1rem;margin-bottom:1.5rem;display:grid}.image-picker img,.image-placeholder{border-radius:var(--radius-md);object-fit:cover;background:#f0ece7;width:7rem;height:7rem}.image-placeholder{color:#b9a6bf;border:1px dashed #ccbcd1;place-items:center;display:grid}.image-placeholder svg{width:1.6rem}.image-picker>div{flex-direction:column;gap:.6rem;display:flex}.image-url{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font:inherit;color:var(--muted);padding:.65rem .8rem;font-size:.8rem}@media (width<=980px){.checkout-grid,.account-grid{grid-template-columns:1fr}.checkout-summary{position:static}.admin-shell{grid-template-columns:1fr}.admin-sidebar{border-inline-end:0;border-bottom:1px solid var(--border);flex-flow:wrap;align-items:center;gap:.5rem;height:auto;position:static}.admin-brand{padding:0 .75rem 0 0}.admin-sidebar nav{flex-flow:wrap}.admin-sidebar-foot{border:0;flex-direction:row;margin:0 0 0 auto;padding:0}.admin-main{padding:1.5rem}.admin-order-head{grid-template-columns:1fr auto;row-gap:.5rem}.admin-order-body{grid-template-columns:1fr}}@media (width<=680px){.auth-page,.track-page,.checkout-page,.order-page,.account-page{padding-inline:1rem}.auth-card,.track-card,.order-card,.checkout-form,.checkout-summary,.account-profile{padding:1.5rem}.field-row{grid-template-columns:1fr}.account-head{flex-direction:column;align-items:flex-start}.account-dropdown{width:15rem}.brand span{display:none}.account-button{display:inline-grid}}.roastery-grid{grid-template-columns:repeat(4,1fr)}.roastery-grid button{gap:.85rem;min-height:11rem}.roastery-logo{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;width:4.75rem;height:4.75rem;padding:.45rem;display:block}.roastery-logo img{object-fit:contain;width:100%;height:100%}.categories button.active .roastery-logo{background:#fff;border-color:#0000}.roastery-tagline{color:var(--muted);margin:.5rem 0 0;font-size:.85rem;font-style:italic}.product-notes{color:var(--muted);margin:.3rem 0 0;font-size:.78rem;line-height:1.45}.product-info h3{line-height:1.3}@media (width<=980px){.roastery-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.roastery-grid{grid-template-columns:repeat(2,1fr);display:grid}.roastery-grid button{min-width:0;min-height:9.5rem}.roastery-logo{width:4rem;height:4rem}}
