.shop-main{padding-block:48px 80px}.shop-main h1{font-size:clamp(36px,6vw,64px)}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.shop-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px}.shop-grid h2{font-size:26px;margin:20px 0 8px}.shop-price{font-size:20px}.shop-detail{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:32px}.shop-detail img{width:100%;height:auto;margin-bottom:16px}.shop-detail dt{font-weight:600;margin-top:20px}.shop-detail dd{margin:8px 0}.shop-cart{margin-top:64px;border-top:1px dashed var(--blue);padding-top:32px}.cart-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--rule)}.cart-row input{display:block;width:84px;min-height:44px;font:inherit;padding:8px}.cart-row button{min-height:44px;background:transparent;border:1px solid var(--rule);padding:10px}.button:disabled{opacity:.55;cursor:default}@media(max-width:700px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.shop-grid h2{font-size:22px}.shop-grid .button{width:100%;padding:12px}.shop-detail{grid-template-columns:1fr;gap:24px}.cart-row{grid-template-columns:1fr 1fr}.shop-main{padding-top:28px}.header nav{gap:16px}.shop-price{font-size:17px}}@media(max-width:360px){.shop-grid{grid-template-columns:1fr}}
.shop-checkout{max-width:600px;margin-top:40px}.shop-checkout label{display:block;margin:20px 0}.shop-checkout input{display:block;width:100%;min-height:48px;font:inherit;padding:12px;border:1px solid var(--rule);background:white}.shop-checkout a{text-decoration:underline}
@media(max-width:700px){.header nav{display:flex;gap:12px;font-size:12px}.header{gap:12px;height:96px}.header .brand{width:90px;height:64px}.header .brand img{width:100%;height:auto;transform:translateY(-16%)}}

.shop-grid figure,.shop-detail figure{margin:0}.shop-grid img{aspect-ratio:4/5;height:auto;object-fit:cover}.shop-detail figcaption{font-size:13px;color:var(--muted);margin:-8px 0 24px}.sample-label{font-size:13px;color:var(--blue);letter-spacing:.02em}.shop-grid article{padding-bottom:24px;border-bottom:1px solid var(--rule)}@media(max-width:700px){.shop-grid{grid-template-columns:1fr;gap:32px}.shop-grid h2{font-size:28px}.shop-grid img{max-height:560px;object-fit:contain;background:#f4f0ea}}

.shop-intro{max-width:760px;margin:24px 0 42px}.shop-grid .text-link{display:block;margin-top:20px}.shop-detail textarea{display:block;width:100%;font:inherit;padding:14px;border:1px solid #bcc6c4;background:#fff;margin-top:12px}.shop-grid figcaption{font-size:12px;line-height:1.5;margin-top:8px;color:#52625e}.shop-grid .button{white-space:normal}.shop-detail section{min-width:0}

/* Public Ditty catalogue: one shared visual language, separate from test checkout. */
.store .store-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:112px;padding-block:12px;border-bottom:1px solid var(--rule)}
.store-brand{display:block;width:140px;flex-shrink:0}.store-brand img{width:100%;height:auto;object-fit:contain;transform:none}.store-header nav{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:14px}.store-header nav a{display:inline-flex;min-height:44px;align-items:center;gap:8px}.store-header nav span{background:var(--cream);border-radius:50%;min-width:24px;text-align:center;line-height:24px}.store main{padding-block:40px 72px}.store-intro{max-width:720px;padding:18px 0 46px}.store h1{font-size:clamp(36px,6vw,64px);line-height:1.08;margin:18px 0 24px;overflow-wrap:anywhere}.store-intro>p:not(.eyebrow){color:var(--muted);font-size:17px}.store-categories{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.store-categories a{padding:14px 18px;border:1px solid var(--rule);font-size:14px;min-height:48px;background:#fff}.store-categories a:hover,.store-categories a[aria-current]{color:white;background:var(--blue);border-color:var(--blue)}.store-filters{display:grid;grid-template-columns:2fr 1.2fr 1.2fr auto;gap:18px;align-items:end;padding:24px;background:var(--cream);margin-bottom:22px}.store label{display:block;font-size:14px}.store input,.store select,.store textarea{display:block;width:100%;font:inherit;color:var(--ink);min-height:48px;border:1px solid #9baaa7;background:#fff;padding:12px;margin-top:8px;border-radius:0;min-width:0}.store input:focus-visible,.store select:focus-visible,.store textarea:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px;padding-top:12px}.store-card{min-width:0;border-bottom:1px solid var(--rule);padding-bottom:28px}.store [hidden]{display:none!important}.store-image{display:block;aspect-ratio:4/5;background:var(--cream);margin-bottom:20px;overflow:hidden}.store-image img{height:100%;width:100%;object-fit:contain}.store-card h2{font-size:28px;line-height:1.2;margin:14px 0;overflow-wrap:anywhere}.store-price{font-size:23px;margin:18px 0 12px;font-weight:500}.store-price span{font-size:15px;font-weight:400}.store-sku{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.store-availability{font-size:13px;color:var(--blue);line-height:1.55}.store-detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;margin-top:36px}.store-detail section{min-width:0}.store-gallery img{width:100%;height:auto;background:var(--cream);object-fit:contain}.store-gallery figure{margin-bottom:20px}.store-gallery figcaption{font-size:12px;color:var(--muted);padding-top:8px}.store-detail form{display:grid;gap:18px;padding-block:24px}.store-detail form .button{justify-content:space-between}.store dt{font-weight:600;font-size:14px;margin-top:20px}.store dd{margin:8px 0;color:var(--muted);font-size:14px}.store-hint{font-size:13px;color:var(--muted);margin-bottom:0}.store-list{border-top:1px dashed var(--blue);margin-top:72px;padding-top:40px}.store-list h2{font-size:clamp(30px,4vw,44px);line-height:1.15;margin:16px 0}.store-list>p{max-width:720px}.store-list-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(100px,.7fr) minmax(90px,.7fr) auto;gap:20px;align-items:center;border-bottom:1px solid var(--rule);padding:20px 0}.store-list-row a{font-size:17px;text-decoration:underline;text-underline-offset:4px}.store-list-row p{font-size:12px;margin:8px 0;overflow-wrap:anywhere}.store-list-row button{min-height:44px;padding:10px;border:1px solid var(--rule);background:white}.store-list-row input{max-width:150px}.store #store-list-total{font-size:23px;margin-top:24px}.store-list>.button{margin:20px 16px 0 0;gap:18px;white-space:normal;max-width:100%}.store-secondary{background:transparent;color:var(--blue)}.store-secondary:hover{color:#fff}.store-message-label{margin-top:28px}.store textarea{resize:vertical;line-height:1.6}.store-instructions{max-width:780px}.store-steps{padding-left:24px;line-height:1.8}.store-steps li{padding:8px 0}.store footer nav{display:flex;flex-wrap:wrap;gap:18px}.store .button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:900px){.store-filters{grid-template-columns:1fr 1fr}.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.store-detail{gap:30px}.store-list-row{gap:14px}.store-header nav{gap:8px 16px}}
@media(max-width:600px){.store .wrap{width:calc(100% - 32px)}.store .store-header{display:block;padding-block:8px 12px}.store-brand{width:110px;margin:0 auto}.store-header nav{justify-content:space-between;gap:8px;font-size:13px}.store main{padding-top:24px}.store-intro{padding-bottom:30px}.store-categories{display:grid;grid-template-columns:1fr}.store-categories a{padding:12px 14px}.store-filters{padding:16px;gap:16px}.store-filters label:first-child{grid-column:1/-1}.store-filter-submit{grid-column:1/-1;justify-content:center}.store-grid{gap:24px 14px}.store-card h2{font-size:22px}.store-card .eyebrow{font-size:9px;letter-spacing:.08em}.store-card .store-price{font-size:19px}.store-detail{grid-template-columns:1fr}.store-gallery img{max-height:540px}.store-list{margin-top:48px;padding-top:28px}.store-list-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.store-list-row>div{grid-column:1/-1}.store-list-row strong{text-align:right}.store-list-row button{justify-self:start}.store-list>.button{display:flex;width:100%;justify-content:center;margin-right:0}.store footer{display:block}.store footer nav{margin-top:20px}.store input,.store select,.store textarea{font-size:16px}}
@media(max-width:359px){.store-grid{grid-template-columns:1fr}.store-filters{grid-template-columns:1fr}.store-filters>*{grid-column:1!important}}