/* Shared responsive presentation; no commerce or account state changes. */
.mobile-menu-toggle{display:none}.mobile-navigation{padding:30px 24px;width:min(86vw,380px);max-width:380px;height:100dvh;max-height:100dvh;margin:0 0 0 auto;border:0;border-left:var(--border);overflow:auto}.mobile-navigation .wordmark{margin:10px 0 38px}.mobile-navigation nav{display:flex;flex-direction:column;align-items:stretch;gap:8px}.mobile-navigation nav a{font:32px/1.3 var(--font-display);min-height:56px;padding:12px 0}.mobile-navigation nav a[hidden]{display:none}.mobile-navigation[open]{animation:mobile-menu-in .2s ease-out}.mobile-menu-open{overflow:hidden}@keyframes mobile-menu-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
.site-header>*{min-width:0}main,section,article,.checkout-content,.product-detail-copy{min-width:0}.gift-secret,.order-reference strong,.profile-details dd,.account-order-head h4{overflow-wrap:anywhere}input,select,textarea{max-width:100%}dialog{overscroll-behavior:contain}html:has(dialog[open]){overflow:hidden}
@media(max-width:1100px) and (min-width:701px){.checkout-layout{grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr)}.checkout-content{padding:45px 28px}.checkout-brand{padding:40px 25px}.checkout-brand>p{font-size:40px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
:root{--header-height:76px;--space-page:26px}.site-header,.admin-header{grid-template-columns:minmax(0,1fr) auto auto;min-height:76px;padding:12px var(--space-page);gap:12px}.site-header .wordmark{display:flex;align-items:center;min-height:44px;font-size:29px}.mobile-menu-toggle{display:grid;place-items:center;width:44px;height:44px;padding:0}.header-actions{gap:10px}.site-header .header-actions,.admin-header .admin-environment{grid-row:1;grid-column:3}.admin-header .admin-environment{max-width:70px;text-align:right;line-height:1.6}.site-header .mobile-menu-toggle{grid-column:2;grid-row:1}.account-dropdown summary,.cart-button{min-height:44px;min-width:44px;justify-content:center}.account-dropdown summary{gap:5px}.cart-button{gap:7px}.cart-count{flex:none}.account-dropdown-panel{top:calc(100% + 8px)}
button,a,input:not([type=checkbox]):not([type=radio]),select,summary{min-height:44px}button{min-width:44px}a{display:inline-flex;align-items:center}a:has(img){display:block}.profile-menu{gap:20px}.profile-menu button,.account-tabs button{padding:12px;min-height:44px}.form-grid input,.admin-page input,.admin-page select,.admin-page textarea{font-size:16px}.details-button,.remove-item,.gift-download,.promo-remove,.gift-remove{min-height:44px}.gift-share-signin{min-height:44px}.gift-share-actions button{min-height:48px}.hero{min-height:0}.hero-image{min-height:480px}.hero-copy{padding-top:40px}.hero-footnote{padding-top:30px}.admin-subtabs a{padding:12px 4px}.admin-subtabs{gap:18px}.admin-panels{grid-template-columns:1fr}.admin-main{padding-left:var(--space-page);padding-right:var(--space-page)}.metrics-page .metrics-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.metrics-filters label,.metrics-filters label:first-child,.metrics-filters label:last-child{min-width:0}.metric-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-cards article{border-right:0}.admin-title{flex-wrap:wrap}.admin-panel-heading{flex-wrap:wrap}.discount-form>label{min-width:0}.range-chart summary,.metric-chart summary,.metrics-definitions summary{min-height:44px;display:flex;align-items:center}
}
@media(max-width:700px){
:root{--space-page:20px;--header-height:72px}.site-header,.admin-header{padding:10px 16px;gap:4px;min-height:72px}.site-header .wordmark{font-size:27px}.header-actions{gap:3px}.account-chevron{display:none}.cart-button{gap:4px}.cart-count{width:22px;height:22px}.hero,.editorial-grid,.product-grid,body[data-collection=gifts] .product-grid,.story,.story>div,.product-dialog[open],.checkout-layout,.profile-details,.account-orders,.form-grid,.admin-metrics,.metric-cards,.admin-panels{grid-template-columns:minmax(0,1fr)}.hero{display:grid}.hero-copy{padding:35px 20px}.hero h1{font-size:clamp(47px,11vw,72px);letter-spacing:-.04em;margin:28px 0 22px}.hero-image{min-height:0;aspect-ratio:4/5}.hero-description{font-size:14px;line-height:1.8;max-width:100%}.hero-footnote{flex-direction:column;gap:8px}.hero .primary-button{width:100%;justify-content:space-between}.brand-line{align-items:flex-start}.brand-line>a{min-height:44px}.product-catalog{padding:40px 20px}.catalog-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.catalog-filters{max-width:100%;width:100%;padding:4px 0}.filter-pill{min-height:44px;padding:11px 22px}.product-grid{gap:32px}.product-image-wrap{width:100%;aspect-ratio:1}.product-info{padding-top:16px}.product-title{font-size:17px}.product-price,.stock-label,.product-category{font-size:13px}.add-to-cart{min-height:48px}.section-heading h2,.gifts-hero h1{font-size:clamp(38px,10vw,56px)}.section-heading>p,.story div p{font-size:14px}.collection,.story{padding:40px 20px}.story>div{display:block}.story h2{font-size:42px}.editorial-grid{gap:28px}.editorial-grid figcaption{font-size:13px}.gifts-hero{padding:40px 20px!important}.gifts-hero>p:not(.intro){font-size:14px}.gifts-hero small{font-size:12px}
footer{grid-template-columns:minmax(0,1fr);padding:28px 20px;gap:14px}footer>*{grid-column:1!important;grid-row:auto!important}footer a:not(.wordmark),footer p{font-size:13px}footer small{font-size:11px}.cart-drawer{width:100%;max-width:100%;height:100dvh;max-height:100dvh}.drawer-heading,.cart-items,.drawer-footer{padding-left:20px;padding-right:20px}.cart-line{grid-template-columns:64px minmax(0,1fr);gap:14px}.cart-thumbnail{width:64px;height:86px}.cart-line>strong{grid-column:2}.cart-item-title{overflow-wrap:anywhere}.quantity-controls button{width:44px;height:44px}.quantity-controls span{min-width:30px}.cart-feedback{left:12px;right:12px;bottom:12px;max-width:none;width:auto;flex-wrap:wrap}.promo-input-row{gap:8px}.promo-input-row input{font-size:16px}.promo-apply{padding:10px 16px}.summary-line{gap:12px;font-size:14px}.drawer-footer .primary-button{min-height:50px}
dialog{max-width:calc(100% - 20px);width:calc(100% - 20px);max-height:94dvh;padding:48px 20px 24px;overflow:auto}dialog h2{font-size:34px}.product-dialog[open]{display:block}.product-dialog>img{max-height:42dvh;object-fit:contain;width:100%;height:auto;aspect-ratio:1;margin:0 0 24px}.product-dialog .product-detail-copy h2{font-size:34px;overflow-wrap:anywhere}.product-detail-copy>p{font-size:14px}.product-recommendations{margin-top:28px}.recommendations-grid{grid-template-columns:1fr}.checkout-screen{width:100%;max-width:100%;max-height:100dvh;padding:0}.checkout-layout{display:block}.checkout-brand{padding:24px 20px}.checkout-content{padding:30px 20px 45px}.checkout-content h2{font-size:38px}.checkout-note,.confirm-row{font-size:13px;line-height:1.8}.checkout-brand>p{display:none}.form-grid{display:grid;gap:18px}.form-grid label{font-size:13px}.field-wide{grid-column:auto}.form-grid input{min-height:48px;font-size:16px}.confirm-row{padding:10px 0;min-height:44px;align-items:flex-start}.confirm-row input{margin-top:3px}.order-confirmation{padding:48px 20px 25px}.order-confirmation h2{font-size:36px}.order-reference{padding:18px}.order-reference strong{font-size:16px}.account-portal{padding:48px 20px 24px}.profile-details{display:grid}.profile-menu{gap:8px}.account-tabs{display:grid;grid-template-columns:1fr 1fr}.account-order-card:has(.account-order-photo){display:block}.account-order-card .account-order-photo{width:100%;height:auto;max-height:220px;object-fit:contain;margin-bottom:18px}.account-order-card{padding:20px}.gift-wallet-heading{align-items:flex-start;flex-direction:column;gap:8px}.gift-wallet-card-heading{flex-direction:column}.gift-wallet-card h4{font-size:27px}.gift-wallet-actions{display:block}.gift-share-button{width:100%;min-height:48px}.gift-share-dialog{padding:48px 15px 20px}.gift-share-actions{display:grid;grid-template-columns:1fr;gap:12px}.gift-share-actions button{width:100%;justify-content:center;margin:0}.gift-share-dialog p{font-size:13px}.gift-secret{font-size:12px}.gift-share-signin{overflow-wrap:anywhere}
.admin-main{padding-top:25px}.admin-title{display:block}.admin-title h1,.metrics-page .admin-title h1{font-size:42px;overflow-wrap:anywhere}.admin-environment{font-size:9px}.admin-subtabs{gap:12px;margin-bottom:24px}.admin-subtabs a{font-size:12px}.metrics-page .metrics-filters{grid-template-columns:1fr;padding:16px;gap:16px}.metrics-view-controls{align-items:stretch;flex-direction:column;gap:14px}.metrics-view-controls label{min-height:44px}.metrics-view-controls select{width:100%}.admin-metrics article{padding:22px;border-right:0;border-bottom:var(--border)}.admin-panel-heading{align-items:flex-start;flex-direction:column}.admin-panel-heading .admin-icon-button{align-self:flex-end}.admin-source{width:100%}.admin-inventory-title{align-items:flex-start;flex-wrap:wrap}.admin-inventory-title>div{flex:1;min-width:140px}.admin-inventory-fields{grid-template-columns:1fr;max-width:none}.admin-inventory-fields button{width:100%}#admin-inventory{max-height:none;padding-right:0;overflow:visible}.listing-save-row{align-items:stretch;flex-direction:column}.listing-save-row label{max-width:none}.listing-save-row .primary-button{width:100%}.discount-form{display:grid;grid-template-columns:1fr;gap:18px}.discount-form>label{width:100%;min-width:0}.discount-form .primary-button{width:100%}.admin-table-scroll{max-height:none;overflow:visible;border:0}.admin-table{min-width:0!important;width:100%;display:block}.admin-table thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}.admin-table tbody{display:block}.admin-table tr{display:block;border:var(--border);padding:12px 16px;margin:0 0 16px}.admin-table td,.admin-table td:first-child,.admin-table td:nth-child(2){display:grid;grid-template-columns:minmax(75px,.65fr) minmax(0,1.35fr);gap:12px;min-width:0;padding:12px 0;overflow-wrap:anywhere;align-items:start}.admin-table td::before{content:attr(data-column-label);font-size:11px;color:var(--muted);grid-column:1}.admin-table td>*{grid-column:2;min-width:0}.admin-table td[colspan]{display:block}.admin-table td[colspan]::before{display:none}.admin-table select{min-width:0;max-width:100%;font-size:16px}.admin-table ul{margin:0}.chart-data{display:table}.chart-data th,.chart-data td{font-size:11px;overflow-wrap:anywhere}.range-chart svg,.metric-chart svg{max-width:100%}.admin-page .gift-secret{word-break:break-all}.admin-page textarea{min-height:120px}.admin-note{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.mobile-navigation[open]{animation:none}}
/* Consistent touch sizes also on larger touchscreens. */
button,summary{min-width:44px;min-height:44px}.site-header a,footer a,.admin-subtabs a,.profile-menu button,.details-button,.remove-item,.gift-download,.promo-remove,.gift-remove{min-width:44px;min-height:44px}.site-header a,footer a{display:inline-flex;align-items:center}
/* Real-phone fixes: intrinsic pill widths, compact feedback, persistent modal close controls. */
.catalog-filters .filter-pill{flex:0 0 auto}
@media(max-width:700px){
.cart-feedback{top:calc(var(--header-height) + 10px);bottom:auto;left:12px;right:12px;width:auto;height:auto;min-height:0;max-height:none;display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px}.cart-feedback p{font-size:12px;margin:0;overflow-wrap:anywhere}.cart-feedback button{padding:0 5px}.cart-feedback.feedback-limit{grid-template-columns:minmax(0,1fr) auto}
.product-dialog,.account-portal,.gift-share-dialog,.order-confirmation,.listing-dialog{padding-top:12px;scroll-padding-top:60px}.product-dialog>.close-button,.account-portal>.close-button,.gift-share-dialog>.close-button,.order-confirmation>.close-button,.listing-dialog>.close-button{position:sticky;top:0;right:auto;display:flex;align-items:center;justify-content:center;margin:0 0 8px auto;z-index:4;background:var(--porcelain);border:0;box-shadow:none;flex:none}.account-heading h2{font-size:32px}.product-dialog>img{margin-top:0}.product-detail-copy>p{overflow-wrap:anywhere}.checkout-content h2{font-size:34px}
button:focus:not(:focus-visible),summary:focus:not(:focus-visible){outline:none}
#checkout-title:focus,#product-detail-title:focus,#account-title:focus,#cart-title:focus{outline:none}
}
@media(max-width:360px){.cart-feedback{grid-template-columns:25px minmax(0,1fr)}.cart-feedback button{grid-column:2;justify-self:start}.cart-feedback.feedback-limit{grid-template-columns:1fr}}
