/* Shared by the shop, design tools and private Studio. */
:root {
  --bn-paper:#fbf8f3; --bn-ink:#31252a; --bn-wine:#662941; --bn-muted:#695d61; --bn-rule:#ded6d0;
  --bn-serif:Georgia,'Times New Roman',serif; --bn-sans:system-ui,sans-serif;
  --bn-vine:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='380' viewBox='0 0 112 380'%3E%3Cg fill='none' stroke='%23745464' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M-8 0C-4 48 59 67 58 121S-3 205 10 263s44 81-18 117M58 120c13-15 23-28 29-46M12 214c9-19 23-27 38-36M24 313c14 3 25 14 32 27'/%3E%3Cpath d='M31 63C11 60 8 47 10 33c15 5 23 16 21 30ZM48 84c-2-21 4-33 17-41 3 18-3 33-17 41ZM71 103c-1-20 7-30 21-40 0 19-7 30-21 40ZM56 138c-21-6-28-19-29-35 17 5 26 16 29 35ZM35 178c12-3 23-15 26-27-15 4-23 12-26 27ZM15 210c-16-11-19-25-15-38 13 10 18 23 15 38ZM10 247c19-7 27-21 28-35-17 7-25 18-28 35ZM18 288c-18-4-29-16-30-29 18 1 27 12 30 29ZM40 321c17 1 26 10 32 23-17-1-28-10-32-23ZM28 352c-16-6-22-17-23-29 16 6 23 17 23 29Z'/%3E%3C/g%3E%3C/svg%3E");
}
body:has(.edit-panel[open]) {overflow:hidden}
.edit-header {position:sticky;top:0;z-index:12;padding:8px clamp(10px,3vw,48px);background:var(--bn-paper)}
.edit-bar {margin:auto;max-width:1500px;background:#fffefd;border:1px solid var(--bn-rule);border-radius:16px;display:grid;align-items:center;grid-template-columns:1fr auto 1fr;padding:3px 10px}
.edit-bar button,.edit-tools a,.edit-panel button {border:0;background:transparent;display:inline-grid;place-items:center;width:44px;height:44px;color:inherit;padding:0;cursor:pointer}
.edit-bar>button {justify-self:start}
.edit-tools {justify-self:end;display:flex}
.edit-bar svg,.edit-input svg {width:21px;height:21px}
.edit-logo {display:inline-flex;align-items:baseline;gap:7px;color:var(--bn-wine);font:italic 34px/.95 var(--bn-serif);letter-spacing:-.065em;text-decoration:none}
.edit-logo span {font:650 8px var(--bn-sans);letter-spacing:.24em}
.edit-panel {inset:0 auto 0 0;margin:0;padding:20px clamp(20px,4vw,38px);width:min(440px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;border:0;background:var(--bn-paper);color:var(--bn-ink);overflow:auto;overscroll-behavior:contain}
.edit-panel::backdrop {background:#27151f66}
#edit-search {inset:0 0 0 auto}
.panel-top {display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.panel-top h2 {font:normal 35px/1.1 var(--bn-serif);letter-spacing:-.045em;margin:0}
.panel-top button {font:normal 27px var(--bn-sans)}
.edit-panel nav a,.edit-all {display:block;padding:17px 0;border-bottom:1px solid var(--bn-rule);font:500 17px var(--bn-sans);text-decoration:none;color:inherit}
.edit-input {display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #aaa09f;border-radius:30px;background:white}
.edit-input:focus-within {outline:2px solid var(--bn-wine)}
.edit-input input {font:16px var(--bn-sans);min-width:0;width:100%;border:0;background:none;color:inherit;outline:0}
.search-caption {margin:24px 0 8px;font-size:10px}
.edit-results a {display:flex;align-items:center;gap:16px;min-height:52px;padding:8px 0;border-bottom:1px solid var(--bn-rule);color:inherit;text-decoration:none;font:500 15px var(--bn-sans)}
.edit-results img {width:48px;height:56px;border-radius:5px;object-fit:cover}
/* Brand colors used by existing controls, including the private workspaces. */
:root {
  --paper:var(--bn-paper);--ink:var(--bn-ink);--wine:var(--bn-wine);--pink:var(--bn-wine);
  --berry:#82445c;--pink-dark:#502237;--muted:var(--bn-muted);--line:var(--bn-rule);
  --blush:#f3e6e8;--rose:#f3e6e8;--green:#3e5948;--serif:var(--bn-serif);--sans:var(--bn-sans);
}
body {background-color:var(--bn-paper);color:var(--bn-ink);font-family:var(--bn-sans)}
body:not([data-storefront-edit]) {
  background-image:linear-gradient(#fbf8f3e8,#fbf8f3e8),var(--bn-vine);
  background-position:0 0,right top;background-repeat:repeat,repeat-y;background-size:auto,72px auto;
}
body>.edit-header {display:block;height:auto;border:0;box-shadow:none;max-width:none;margin:0}
.edit-bar,.edit-panel,.edit-bar *,.edit-panel * {box-sizing:border-box}
.edit-bar {width:100%}
.edit-logo,.edit-panel a {text-decoration:none}
.edit-bar button:hover,.edit-tools a:hover,.edit-panel button:hover {background:#f2e7e9;color:var(--bn-wine);border-radius:12px}
.edit-bar .bag-link {position:relative;gap:0;min-width:44px;border:0;border-radius:10px;box-shadow:none}
.brand-bag-count {position:absolute;right:1px;top:1px;min-width:15px;font:600 10px/15px var(--bn-sans);text-align:center;background:#f1e0e6;border-radius:8px}
.edit-panel nav {display:block;position:static;background:none;padding:0;margin:0;border:0;border-radius:0;overflow:visible}
.edit-panel .search-caption {font:650 11px/1.4 var(--bn-sans);letter-spacing:.12em;text-transform:uppercase}
.edit-panel .edit-input {display:flex;flex-direction:row}
.edit-panel input[type=search] {margin:0;min-height:24px;padding:0;box-shadow:none;outline:none;border:0;background:transparent}
.edit-panel [data-close] {border:0;color:var(--bn-ink);background:transparent}
body:has(.edit-header) .announcement,.preview-banner {
  background:#efe4e6;color:#533343;font:550 12px/1.5 var(--bn-sans);border:0;
}
body[data-storefront-edit] .announcement {background:#472633;color:white}
body :is(input,textarea,select):focus-visible,body :is(button,a,summary):focus-visible {outline:2px solid #813c5a;outline-offset:3px}
body [hidden] {display:none!important}

body[data-page=shop] .shop-intro {padding:clamp(24px,4vw,50px) 0 12px;margin:0;border:0}
.shop-intro #shop-title {font:normal clamp(38px,5vw,66px)/1.05 var(--bn-serif);letter-spacing:-.055em}
.catalog-topline {border-color:var(--bn-rule)}
.catalog-grid .product-photo {background:#ece7e2;border-radius:10px;aspect-ratio:4/5}
.product-entry {display:block;height:100%;width:100%;overflow:hidden}
.product-entry img {display:block;width:100%;height:100%;object-fit:cover}
.catalog-grid .product-card {background:transparent;box-shadow:none;border:0}
.catalog-grid .product-title-link {font:600 clamp(15px,1.3vw,19px)/1.35 var(--bn-sans);letter-spacing:-.025em}
.catalog-grid .product-price {color:var(--bn-muted)}
.catalog-grid .product-choose {color:var(--bn-wine);background:#f3e5e8;border:1px solid #dbc9cf;border-radius:30px}
.bag,.status-card {background:#fffdf9;border:1px solid var(--bn-rule);box-shadow:none;border-radius:15px}
.product-dialog {background:var(--bn-paper);color:var(--bn-ink)}
.product-dialog .detail-content {background:var(--bn-paper)}
.product-dialog .detail-content h2,.status-main h1,.review-page h1,.policy-page h1 {font-family:var(--bn-serif);font-weight:400;letter-spacing:-.045em}
.product-dialog .shape-picker,.product-dialog .shape-tile,.bag-note {border-color:var(--bn-rule)}
.product-dialog .product-purchase-bar,.product-dialog>.product-purchase-bar {background:#fffdfa;border-color:var(--bn-rule)}
.product-dialog .dialog-close {background:#fffdfa;color:var(--bn-ink)}
.product-dialog .detail-visual {background:#ebe5df}
.product-dialog .detail-visual img {object-fit:cover}
.review-page main,.status-main,.policy-page main {border-color:var(--bn-rule)}
.policy-page main {max-width:860px;margin-inline:auto}
.policy-page section {border-color:var(--bn-rule)}
.policy-page .policy-back,.policy-links a {color:var(--bn-wine)}
.policy-page .policy-eyebrow {display:none}
.review-page main {max-width:720px;padding:clamp(20px,4vw,54px);margin:24px auto;background:#fffdf9;border:1px solid var(--bn-rule);border-radius:16px}
.review-page main>p:first-child {display:none}
.review-page label {display:grid;gap:6px;margin-bottom:14px}

body>.topbar,body>header:has(.brand) {color:var(--bn-ink);background:#fffdf9;border-bottom:1px solid var(--bn-rule)}
body>.topbar .wordmark,.brand {color:var(--bn-wine)}
body:has(.edit-header)>header:has(.brand) {padding:8px clamp(16px,4vw,56px);min-height:42px}
body:has(.edit-header)>header:has(.brand) .brand {display:none}
body:has(.edit-header) .preview-banner {padding:7px clamp(16px,4vw,56px)}
body .preview-banner a {color:inherit}
body[data-customer-studio=customer]:has(#auth:not([hidden]))>header:has(.header-label) {display:none}
.auth,.welcome-card,.join-card {border:1px solid var(--bn-rule);background:#fffdf9;color:var(--bn-ink);border-radius:15px;box-shadow:none}
.auth h1,.welcome-card h1,.workspace-heading h1,.app-shell .page-heading h1 {font:normal clamp(30px,3.3vw,48px)/1.12 var(--bn-serif);letter-spacing:-.045em}
.workspace-heading,.workspace-heading .hint {color:var(--bn-ink)}
#workspace .card,#workspace .project-card,.lab-guide {background:#fffdf9;border-color:var(--bn-rule);box-shadow:none}
#workspace nav[aria-label="Design workspace"] {background:#f4e9e8;border:1px solid #e4d4d9}
#workspace nav[aria-label="Design workspace"] button[aria-pressed=true] {background:var(--bn-wine);color:white}
.app-shell .sidebar {background:#f3efea;border-color:var(--bn-rule)}
.app-shell .sidebar nav button[aria-current=page] {background:#eddee4;color:#623048}
.app-shell .card,.app-shell .quiet-toolbar,.app-shell .page-heading,.app-shell table {border-color:var(--bn-rule)}
.app-shell .card,.app-shell dialog {background:#fffdf9}
.app-shell .design-table th,.app-shell .table-wrap th {background:#f5f0eb;color:var(--bn-muted)}
.app-shell .badge.good {background:#e3ebdf;color:#3e5948}
body:has(.app-shell) main,body:has(.app-shell) .app-shell {background:var(--bn-paper)}
@media(max-width:760px){
  .edit-header {padding:5px 8px}.edit-bar {padding:1px 4px}.edit-logo {font-size:30px}
  .product-dialog .detail-visual {height:clamp(290px,105vw,56svh);max-height:none}
  .product-dialog .detail-visual img {object-fit:cover}
  .product-dialog .detail-content {padding:22px 18px 12px}
  .product-dialog .detail-content #detail-tag {margin:0;color:var(--bn-muted)}
  .review-page main {margin-inline:12px}
}
@media print {body>.edit-header,.edit-panel {display:none}}
.brand-missing {margin:0}
.brand-missing>.site-header {padding:18px 5vw}
.brand-missing main {margin:clamp(52px,12vh,140px) auto;max-width:700px;padding:0 24px}
.brand-missing main p {color:var(--bn-muted)}
.brand-missing main h1 {font:normal clamp(40px,7vw,76px)/1.03 var(--bn-serif);letter-spacing:-.05em}
.brand-missing main>a {display:inline-block;padding:13px 22px;border-radius:32px;background:var(--bn-wine);color:white;text-decoration:none}