@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root{--navy:#121b27;--ink:#121b27;--orange:#fa682e;--blue:#b94013;--paper:#f7f8fa;--muted:#5c6877;--line:#dfe4e9;--white:#fff;--brand-accent:#fa682e;--brand-dark:#121b27}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:'Cairo',system-ui,sans-serif!important;-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #c84613;outline-offset:3px}button:disabled{cursor:wait;opacity:.6}.btn.primary,button.primary,.cart-btn,.choose{background:var(--navy);border-color:var(--navy);color:#fff}a{ text-underline-offset:4px}dialog::backdrop{background:#121b2799;backdrop-filter:blur(3px)}dialog[open]{animation:bx-dialog .16s ease-out}dialog{max-height:calc(100dvh - 32px);overflow:auto}.bx-brand{width:132px;height:43px;object-fit:contain}.sidebar .bx-brand,.drawer-head .bx-brand{filter:none}.nav{scrollbar-width:thin}.bx-order{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;margin:16px 0}.bx-order h2{font-size:18px;margin:0 0 10px}.bx-order p{margin:8px 0}.bx-order ul{padding-inline-start:24px}.bx-order-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.bx-status{background:#fff0e8;color:#953610;border-radius:6px;padding:7px 11px;font-size:14px}.bx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bx-field{display:grid;gap:6px;font-size:14px}.bx-field input,.bx-field select,.bx-field textarea{padding:11px;border:1px solid var(--line);border-radius:8px;width:100%;min-width:0;background:white;color:var(--ink);font-size:16px}.bx-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.bx-error{color:#a72b28}.bx-muted{color:var(--muted)}.bx-order small{font-size:14px}.bx-timeline{border-inline-start:2px solid var(--orange);padding-inline-start:16px;margin:16px 0;list-style:none}.bx-timeline li{padding:7px 0}.bx-public-nav{display:flex;align-items:center;gap:20px;padding:14px 24px;background:white;border-bottom:1px solid var(--line);flex-wrap:wrap}.bx-public-nav a{color:var(--ink);font-size:14px;text-decoration:none;min-height:44px;display:flex;align-items:center}.bx-public-nav a[aria-current]{color:#ad3e17;font-weight:800}.bx-public-nav .bx-brand-link{margin-inline-end:auto}.bx-public-nav img{width:130px;height:38px;object-fit:contain}.bx-footer{padding:30px 24px;border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:14px}.bx-footer a{color:inherit;margin:0 8px}.bx-page-state{padding:32px;text-align:center}.bx-cart-count{background:#fa682e;color:#121b27;border-radius:20px;padding:2px 8px}.bx-loading{pointer-events:none;opacity:.6}@keyframes bx-dialog{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@media(max-width:760px){.bx-grid{grid-template-columns:1fr}.bx-order{padding:17px}.bx-public-nav{gap:12px;padding:10px 16px}.bx-public-nav .bx-brand-link{width:100%;margin:0}.nav{overflow-x:auto}.nav button{white-space:nowrap;flex-shrink:0!important}body{padding-bottom:env(safe-area-inset-bottom)}button,.btn{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
/* The same header layout on each public page; only section links change. */
.bx-site-header,.site-header.bx-site-header,.head.bx-site-header{display:block;position:sticky;inset-block-start:0;z-index:60;height:auto;padding:0;background:#fff;border-bottom:1px solid var(--line)}
.bx-header-row{display:grid;grid-template-columns:140px minmax(0,1fr) 140px;align-items:center;gap:20px;width:100%;max-width:1600px;margin-inline:auto;padding:12px 24px;min-height:76px}
.bx-header-row>.bx-brand-link{display:flex;align-items:center;align-self:start;justify-self:start;min-height:44px;width:auto;margin:0!important;flex-basis:auto!important}.bx-header-row>.bx-brand-link img{display:block;width:140px;height:42px;object-fit:contain}
.bx-header-row>.bx-public-nav,.site-header .bx-header-row>.bx-public-nav,.head .bx-header-row>.bx-public-nav{display:grid;grid-template-columns:repeat(3,max-content);grid-template-rows:44px 44px;align-items:center;justify-content:center;gap:0 16px;position:static;inset:auto;transform:none;opacity:1;visibility:visible;width:100%;min-width:0;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}
.bx-header-row .bx-public-nav>a:first-of-type{grid-column:1;grid-row:1}.bx-header-row .bx-public-nav>a:nth-of-type(2){grid-column:2;grid-row:1}.bx-header-row .bx-public-nav>a:nth-of-type(3){grid-column:3;grid-row:1}
.bx-header-row .bx-public-nav a,.site-header .bx-header-row .bx-public-nav a,.head .bx-header-row .bx-public-nav a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:44px;padding:8px 10px;white-space:nowrap;color:var(--muted);font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;border:0;border-radius:8px;background:transparent;transition:color .16s ease,background-color .16s ease}
.bx-header-row .bx-public-nav>a[aria-current="page"]{color:#b94013;font-weight:800}.bx-header-row .bx-context-sections a.is-active{color:#b94013;background:#fff0e8}.bx-header-row .bx-public-nav a:hover{color:#ad3e17;background:#fff0e8}
.bx-context-sections{grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#dfe4e9 transparent}
.bx-header-row>.bx-account{position:relative;align-self:start;justify-self:end;width:112px;min-width:0;color:var(--ink)}.bx-menu-label{display:none}
.bx-account>summary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:10px;font-size:16px;font-weight:600;background:#fff;white-space:nowrap}.bx-account>summary::-webkit-details-marker{display:none}.bx-account>summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.bx-account[open]>summary{border-color:var(--orange)}
.bx-account-panel{position:absolute;inset-inline-end:0;top:calc(100% + 10px);width:210px;max-width:calc(100vw - 24px);padding:8px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px #121b2720;z-index:100}.bx-account:not([open])>.bx-account-panel{display:none}
.bx-account-panel>a,.bx-account-panel>button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;gap:12px;padding:10px 12px;text-decoration:none;color:var(--ink);background:white;border:0;border-radius:6px;font:600 14px 'Cairo',sans-serif;white-space:nowrap}.bx-account-panel>a:hover,.bx-account-panel>button:hover{background:#fff0e8;color:#ad3e17}
@media(max-width:1100px){
 .bx-header-row{grid-template-columns:minmax(0,1fr) auto;gap:0;padding:0;min-height:0;background:#f7f8fa}
 .bx-header-row>.bx-brand-link{grid-column:1;grid-row:1;margin:12px 16px!important}.bx-header-row>.bx-brand-link img{width:150px;height:44px}
 .bx-header-row>.bx-account{grid-column:2;grid-row:1;margin:12px 16px;width:104px}.bx-account-label{display:none}.bx-menu-label{display:inline}
 .bx-header-row>.bx-public-nav,.site-header .bx-header-row>.bx-public-nav,.head .bx-header-row>.bx-public-nav{grid-row:2;grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-rows:auto;gap:8px;padding:8px 14px;background:#fff;border-top:1px solid var(--line)}
 .bx-header-row .bx-public-nav>a:first-of-type{grid-column:1;grid-row:1}.bx-header-row .bx-public-nav>a:nth-of-type(2){grid-column:3;grid-row:1}.bx-header-row .bx-public-nav>a:nth-of-type(3){grid-column:4;grid-row:1}
 .bx-header-row .bx-public-nav a,.site-header .bx-header-row .bx-public-nav a,.head .bx-header-row .bx-public-nav a{padding:8px;font-size:14px;min-width:0}
 .bx-context-sections{grid-column:2;grid-row:1;justify-content:flex-start;gap:8px;scrollbar-width:none}.bx-context-sections::-webkit-scrollbar{display:none}
 .bx-account-panel{max-height:calc(100dvh - 100px);overflow-y:auto}
}
@media(max-width:760px){.bx-header-row>.bx-public-nav,.site-header .bx-header-row>.bx-public-nav,.head .bx-header-row>.bx-public-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.bx-header-row .bx-public-nav>a:nth-of-type(2){grid-column:2}.bx-header-row .bx-public-nav>a:nth-of-type(3){grid-column:3}.bx-header-row .bx-context-sections{display:none}}
@media(max-width:400px){.bx-header-row>.bx-public-nav,.site-header .bx-header-row>.bx-public-nav,.head .bx-header-row>.bx-public-nav{gap:4px;padding-inline:8px}.bx-header-row .bx-public-nav a,.site-header .bx-header-row .bx-public-nav a,.head .bx-header-row .bx-public-nav a{padding-inline:6px}.bx-header-row>.bx-brand-link img{width:136px}}

.bx-account-panel .bx-account-identity{padding:10px 12px;margin:0 0 6px;border-bottom:1px solid var(--line);font-size:14px;font-weight:700;overflow-wrap:anywhere;color:var(--ink)}.bx-account-panel [hidden]{display:none!important}

/* Cart-to-designer order workflow. */
.bx-design{margin-top:18px;padding:16px;border:1px solid #e6bda8;border-radius:12px;background:#fffaf7}.design-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0;margin:12px 0;list-style:none}.design-steps li{padding:8px;border:1px solid var(--line);border-radius:8px;font-size:14px;color:#65707a;text-align:center}.design-steps .done{color:#218255;border-color:#a7d6bd;background:#edf8f1}.design-steps .current{color:#963510;border-color:#b94013;background:#fff0e8;font-weight:700}.design-note{white-space:pre-wrap;overflow-wrap:anywhere}.bx-order .btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:14px;font-weight:700}.bx-order .btn.primary{background:#b94013;color:#fff;border-color:#b94013}.priority.designer-orders-wrap{display:block}.bx-design .bx-field{font-size:14px}.bx-design .bx-error:empty{display:none}@media(max-width:760px){.design-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.bx-design{padding:12px}}
.design-instructions{color:#35404a;line-height:1.8}.bx-design form{margin-top:18px}.bx-success{color:#23794f;font-weight:700}.bx-success:empty{display:none}.bx-order-files{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#f7f8fa}.bx-order-files[hidden]{display:none}.bx-order-files h3{margin:0;font-size:16px}.bx-order-files .bx-field{margin-top:18px}.bx-order-files .btn{overflow-wrap:anywhere;max-width:100%;text-align:start}.bx-order-files [role=status]{white-space:pre-wrap}.bx-order-files .bx-muted{font-size:14px;line-height:1.8}@media(max-width:760px){.bx-order-files{padding:12px}.bx-design .bx-actions>.btn{flex:1 1 140px}.bx-order-files .bx-actions>.btn{width:100%}}