style-sOtZaEm7.css

.site-header{position:sticky;top:0;z-index:50;background:var(--color-bg-primary);border-bottom:var(--border-width) solid var(--color-border-subtle)}.header-content{max-width:var(--container-max);margin:0 auto;padding:var(--space-4) var(--container-padding);display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-5)}.site-logo{text-decoration:none}.logo-text{font-family:var(--font-display);font-size:26px;line-height:1;font-weight:400;letter-spacing:var(--track-snug);color:var(--color-text-primary)}.site-nav{display:flex;gap:var(--space-6);align-items:baseline}.nav-link{font-family:var(--font-body);font-size:var(--type-label-size);font-weight:600;letter-spacing:var(--track-wider);text-transform:uppercase;color:var(--color-text-primary);text-decoration:none;transition:color var(--duration-base) var(--ease-standard)}.nav-link:hover{color:var(--color-text-secondary)}.cart-link{display:inline-flex;align-items:baseline;gap:4px}.cart-link .cart-count{color:var(--color-text-secondary);letter-spacing:var(--track-normal)}@media(max-width:640px){.header-content{padding:var(--space-3) var(--container-padding)}.site-nav{gap:var(--space-4)}.logo-text{font-size:22px}}.site-footer{margin-top:var(--space-9);background:var(--color-bg-subtle);border-top:var(--border-width) solid var(--color-border-subtle)}.footer-content{max-width:var(--container-max);margin:0 auto;padding:var(--space-8) var(--container-padding);display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--space-7);align-items:start}.footer-brand .footer-logo{font-family:var(--font-display);font-size:28px;line-height:1;color:var(--color-text-primary);text-decoration:none;display:inline-block;margin-bottom:var(--space-3)}.footer-brand .footer-tagline{font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-lh);color:var(--color-text-secondary);max-width:28ch}.footer-column h4{font-family:var(--font-body);font-size:var(--type-eyebrow-size);font-weight:600;letter-spacing:var(--track-widest);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-4)}.footer-column nav{display:flex;flex-direction:column;gap:var(--space-3)}.footer-column a{font-size:var(--type-body-sm-size);color:var(--color-text-primary);text-decoration:none}.footer-column a:hover{color:var(--color-text-secondary);text-decoration:underline;text-underline-offset:3px}.footer-bottom{border-top:var(--border-width) solid var(--color-border-subtle);margin:0 auto;max-width:var(--container-max);padding:var(--space-4) var(--container-padding);display:flex;justify-content:space-between;font-size:var(--type-caption-size);color:var(--color-text-secondary)}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:var(--space-6);padding:var(--space-7) var(--container-padding)}.footer-bottom{flex-direction:column;gap:var(--space-2);text-align:center}}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-primary)}.main-content{flex:1;width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--space-7) var(--container-padding)}@media(max-width:640px){.main-content{padding:var(--space-5) var(--container-padding)}}.page-loading{min-height:50vh}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--type-body-size)}.spinner{width:32px;height:32px;border:var(--border-width) solid var(--color-border-subtle);border-top-color:var(--color-text-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:var(--color-bg-subtle);border-left:2px solid var(--color-error);color:var(--color-error);padding:var(--space-3) var(--space-4);font-size:var(--type-body-sm-size);margin-bottom:var(--space-5)}.collection-title{text-align:center;padding:var(--space-7) 0 var(--space-5)}.collection-title .eyebrow{font-size:var(--type-eyebrow-size);font-weight:600;letter-spacing:var(--track-widest);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-3);display:block}.collection-title h1{font-size:var(--type-display-size);line-height:var(--type-display-lh);letter-spacing:var(--track-tight)}.title-divider{width:32px;height:1px;background:var(--color-border-strong);margin:var(--space-5) auto 0}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:var(--type-label-size);font-weight:600;letter-spacing:var(--track-wider);text-transform:uppercase;padding:14px 28px;border-radius:var(--radius-none);border:var(--border-width) solid transparent;text-decoration:none;cursor:pointer;transition:background-color var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard);min-width:160px}.btn-primary{background:var(--color-text-primary);color:var(--color-text-inverse)}.btn-primary:hover{background:#1a1612d9}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--color-text-primary);border-color:var(--color-border-strong)}.btn-secondary:hover{background:var(--color-text-primary);color:var(--color-text-inverse)}.btn-ghost{background:transparent;color:var(--color-text-primary);text-decoration:underline;text-underline-offset:4px;padding:0;min-width:0}:root{--color-bg-primary: #FBF8F3;--color-bg-elevated: #FFFFFF;--color-bg-subtle: #F4EFE7;--color-bg-inverse: #1A1612;--color-text-primary: #1A1612;--color-text-secondary: #6B635A;--color-text-muted: #9A9088;--color-text-inverse: #FBF8F3;--color-text-link: #1A1612;--color-accent: #5F6F52;--color-accent-hover: #4C5A41;--color-accent-subtle: #E8EBE2;--color-border-subtle: #E8E2D8;--color-border-strong: #1A1612;--color-sale: #A65D4F;--color-success: #5C6B4F;--color-warning: #B8924A;--color-error: #8B3A2F;--font-display: "EB Garamond", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--type-display-size: 48px;--type-display-lh: 52px;--type-h1-size: 36px;--type-h1-lh: 42px;--type-h2-size: 28px;--type-h2-lh: 36px;--type-h3-size: 22px;--type-h3-lh: 30px;--type-h4-size: 18px;--type-h4-lh: 26px;--type-body-lg-size: 17px;--type-body-lg-lh: 28px;--type-body-size: 15px;--type-body-lh: 24px;--type-body-sm-size: 13px;--type-body-sm-lh: 20px;--type-eyebrow-size: 11px;--type-eyebrow-lh: 16px;--type-label-size: 12px;--type-label-lh: 16px;--type-caption-size: 11px;--type-caption-lh: 16px;--track-tight: -.02em;--track-snug: -.01em;--track-normal: 0;--track-wide: .04em;--track-wider: .12em;--track-widest: .16em;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--container-max: 1280px;--container-narrow: 720px;--container-padding: 24px;--grid-gutter: 24px;--grid-min-card: 280px;--radius-none: 0;--radius-sm: 2px;--radius-pill: 999px;--border-width: 1px;--shadow-none: none;--shadow-overlay: 0 8px 24px rgba(26, 22, 18, .08);--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-decelerate: cubic-bezier(0, 0, .2, 1);--ease-accelerate: cubic-bezier(.4, 0, 1, 1);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s}@media(max-width:640px){:root{--container-padding: 16px;--type-display-size: 36px;--type-display-lh: 42px;--type-h1-size: 28px;--type-h1-lh: 36px;--type-h2-size: 22px;--type-h2-lh: 30px}}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms}*,*:before,*:after{transition-duration:0ms!important;animation-duration:0ms!important}}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--type-body-size);line-height:var(--type-body-lh);color:var(--color-text-primary);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;color:var(--color-text-primary);margin:0}h1{font-size:var(--type-h1-size);line-height:var(--type-h1-lh);letter-spacing:var(--track-snug)}h2{font-size:var(--type-h2-size);line-height:var(--type-h2-lh);letter-spacing:var(--track-snug)}h3{font-size:var(--type-h3-size);line-height:var(--type-h3-lh);font-weight:500}h4{font-family:var(--font-body);font-size:var(--type-h4-size);line-height:var(--type-h4-lh);font-weight:500}p{margin:0}p+p{margin-top:var(--space-4)}a{color:var(--color-text-link);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}.t-display{font-family:var(--font-display);font-size:var(--type-display-size);line-height:var(--type-display-lh);font-weight:400;letter-spacing:var(--track-tight)}.t-body-lg{font-size:var(--type-body-lg-size);line-height:var(--type-body-lg-lh)}.t-body-sm{font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-lh)}.t-eyebrow{font-family:var(--font-body);font-size:var(--type-eyebrow-size);line-height:var(--type-eyebrow-lh);font-weight:600;letter-spacing:var(--track-widest);text-transform:uppercase;color:var(--color-text-secondary)}.t-label{font-family:var(--font-body);font-size:var(--type-label-size);line-height:var(--type-label-lh);font-weight:600;letter-spacing:var(--track-wider);text-transform:uppercase}.t-caption{font-size:var(--type-caption-size);line-height:var(--type-caption-lh);letter-spacing:var(--track-wide);color:var(--color-text-secondary)}.t-secondary{color:var(--color-text-secondary)}.t-muted{color:var(--color-text-muted)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}img,video{display:block;max-width:100%;height:auto}button{font-family:inherit;cursor:pointer;background:none;border:0;padding:0;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}::selection{background:var(--color-text-primary);color:var(--color-text-inverse)}.product-card{display:flex;flex-direction:column;text-decoration:none;color:var(--color-text-primary);transition:opacity var(--duration-base) var(--ease-standard)}.product-card:hover{opacity:.85}.product-image-wrapper{width:100%;aspect-ratio:4 / 5;background:var(--color-bg-subtle);overflow:hidden}.product-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-standard)}.product-card:hover .product-image-wrapper img{transform:scale(1.03)}.product-info{padding:var(--space-4) 0 var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.product-name{font-family:var(--font-display);font-size:var(--type-h4-size);line-height:var(--type-h4-lh);font-weight:400;color:var(--color-text-primary)}.product-price{font-family:var(--font-body);font-size:var(--type-body-sm-size);color:var(--color-text-secondary);letter-spacing:var(--track-wide)}.product-list-container{width:100%}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--grid-min-card),1fr));gap:var(--grid-gutter) var(--space-5);padding:var(--space-3) 0}@media(max-width:640px){.product-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5) var(--space-3)}}.product-detail-page{max-width:var(--container-max);margin:0 auto}.back-link{background:none;border:0;font-family:var(--font-body);font-size:var(--type-eyebrow-size);font-weight:600;letter-spacing:var(--track-widest);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-5);cursor:pointer}.back-link:hover{color:var(--color-text-primary)}.product-detail-container{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-7);align-items:start}.product-image-section{display:flex;flex-direction:column;gap:var(--space-3)}.main-image-wrapper{width:100%;aspect-ratio:4 / 5;background:var(--color-bg-subtle);overflow:hidden}.main-product-image{width:100%;height:100%;object-fit:cover}.thumbnail-gallery{display:flex;gap:var(--space-2);flex-wrap:wrap}.thumbnail{width:64px;height:80px;background:var(--color-bg-subtle);border:var(--border-width) solid transparent;overflow:hidden;cursor:pointer;padding:0}.thumbnail.active{border-color:var(--color-border-strong)}.thumbnail img{width:100%;height:100%;object-fit:cover}.product-info-section{position:sticky;top:calc(var(--space-7) + 60px)}.product-header{margin-bottom:var(--space-5)}.product-title{font-family:var(--font-display);font-size:var(--type-h1-size);line-height:var(--type-h1-lh);font-weight:400;letter-spacing:var(--track-snug);margin-bottom:var(--space-3)}.product-price-detail{font-size:var(--type-h3-size);color:var(--color-text-primary);font-weight:500}.product-divider{width:32px;height:1px;background:var(--color-border-strong);margin-bottom:var(--space-5)}.product-description{font-size:var(--type-body-size);line-height:var(--type-body-lh);color:var(--color-text-primary);margin-bottom:var(--space-5)}.product-description h3{font-family:var(--font-body);font-size:var(--type-eyebrow-size);font-weight:600;letter-spacing:var(--track-widest);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.product-description p{margin-bottom:var(--space-3)}.quantity-selector{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-5) 0}.quantity-selector label{font-family:var(--font-body);font-size:var(--type-eyebrow-size);font-weight:600;letter-spacing:var(--track-widest);text-transform:uppercase;color:var(--color-text-secondary)}.action-buttons{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-5) 0}.add-to-bag-btn,.buy-now-btn{display:block;width:100%;padding:14px 0;font-family:var(--font-body);font-size:var(--type-label-size);font-weight:600;letter-spacing:var(--track-wider);text-transform:uppercase;text-align:center;border-radius:var(--radius-none);cursor:pointer;transition:background-color var(--duration-base),color var(--duration-base)}.add-to-bag-btn{background:var(--color-text-primary);color:var(--color-text-inverse);border:0}.add-to-bag-btn:hover{background:#1a1612d9}.add-to-bag-btn:disabled{opacity:.4;cursor:not-allowed}.buy-now-btn{background:transparent;color:var(--color-text-primary);border:var(--border-width) solid var(--color-border-strong)}.buy-now-btn:hover{background:var(--color-text-primary);color:var(--color-text-inverse)}.product-meta{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-5);border-top:var(--border-width) solid var(--color-border-subtle);font-size:var(--type-body-sm-size)}.meta-item{display:flex;justify-content:space-between}.meta-label{color:var(--color-text-secondary);letter-spacing:var(--track-wide);text-transform:uppercase;font-size:var(--type-caption-size)}@media(max-width:768px){.product-detail-container{grid-template-columns:1fr;gap:var(--space-6)}.product-info-section{position:static}}.cart-page{max-width:var(--container-max);margin:0 auto}.cart-header{text-align:center;margin-bottom:var(--space-7)}.cart-header h1{font-family:var(--font-display);font-weight:400;font-size:var(--type-h1-size);line-height:var(--type-h1-lh)}.cart-header .cart-count{font-size:var(--type-body-sm-size);color:var(--color-text-secondary);letter-spacing:var(--track-wide);margin-top:var(--space-3)}.empty-cart{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-8) 0;color:var(--color-text-secondary)}.cart-container{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:var(--space-7);align-items:start}.cart-items-section{display:flex;flex-direction:column}.cart-item{display:grid;grid-template-columns:96px 1fr auto;gap:var(--space-5);align-items:start;padding:var(--space-5) 0;border-bottom:var(--border-width) solid var(--color-border-subtle)}.cart-item:first-child{border-top:var(--border-width) solid var(--color-border-subtle)}.cart-item-image{width:96px;height:120px;background:var(--color-bg-subtle);overflow:hidden}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-name{font-family:var(--font-display);font-size:var(--type-h4-size);font-weight:400;margin-bottom:var(--space-1)}.cart-item-price{font-size:var(--type-body-sm-size);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.cart-item-quantity{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.cart-item-quantity label{font-size:var(--type-eyebrow-size);font-weight:600;letter-spacing:var(--track-widest);text-transform:uppercase;color:var(--color-text-secondary)}.quantity-controls{display:inline-flex;align-items:stretch;border:var(--border-width) solid var(--color-border-subtle);width:fit-content}.qty-btn{width:32px;height:32px;font-size:16px;background:var(--color-bg-elevated);color:var(--color-text-primary);border-right:var(--border-width) solid var(--color-border-subtle)}.qty-btn:last-child{border-right:0;border-left:var(--border-width) solid var(--color-border-subtle)}.qty-btn:disabled{color:var(--color-text-muted);cursor:not-allowed}.qty-value{width:40px;text-align:center;display:inline-flex;align-items:center;justify-content:center;font-size:var(--type-body-sm-size)}.remove-btn{font-size:var(--type-eyebrow-size);font-weight:600;letter-spacing:var(--track-widest);text-transform:uppercase;color:var(--color-text-secondary);text-decoration:underline;text-underline-offset:3px;background:none}.remove-btn:hover{color:var(--color-text-primary)}.cart-item-total p{font-size:var(--type-body-size);font-weight:500}.cart-summary{background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border-subtle);padding:var(--space-6);position:sticky;top:calc(var(--space-7) + 60px)}.cart-summary h2{font-family:var(--font-display);font-size:var(--type-h3-size);font-weight:400;margin-bottom:var(--space-5)}.summary-line{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--type-body-size);color:var(--color-text-secondary)}.summary-divider{height:1px;background:var(--color-border-subtle);margin:var(--space-3) 0}.summary-line.total{font-size:var(--type-body-lg-size);color:var(--color-text-primary);font-weight:500}.checkout-btn,.continue-shopping-btn,.clear-cart-btn{display:block;width:100%;margin-top:var(--space-3);padding:14px 0;font-family:var(--font-body);font-size:var(--type-label-size);font-weight:600;letter-spacing:var(--track-wider);text-transform:uppercase;text-align:center;border-radius:var(--radius-none);cursor:pointer;transition:background-color var(--duration-base),color var(--duration-base)}.checkout-btn{background:var(--color-text-primary);color:var(--color-text-inverse);border:0;margin-top:var(--space-5)}.checkout-btn:hover{background:#1a1612d9}.checkout-btn:disabled{opacity:.4;cursor:not-allowed}.continue-shopping-btn{background:transparent;color:var(--color-text-primary);border:var(--border-width) solid var(--color-border-strong)}.continue-shopping-btn:hover{background:var(--color-text-primary);color:var(--color-text-inverse)}.clear-cart-btn{background:transparent;color:var(--color-text-secondary);border:0;text-decoration:underline;text-underline-offset:3px;font-size:var(--type-body-sm-size)}.clear-cart-btn:hover{color:var(--color-text-primary)}@media(max-width:768px){.cart-container{grid-template-columns:1fr;gap:var(--space-6)}.cart-summary{position:static}.cart-item{grid-template-columns:80px 1fr}.cart-item-total{grid-column:1 / -1;text-align:right}}.checkout-page{max-width:var(--container-max);margin:0 auto}.checkout-header{text-align:center;margin-bottom:var(--space-7)}.checkout-header h1{font-family:var(--font-display);font-weight:400;font-size:var(--type-h1-size)}.checkout-container{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:var(--space-7);align-items:start}.checkout-section{margin-bottom:var(--space-7)}.checkout-section h2{font-family:var(--font-body);font-size:var(--type-eyebrow-size);font-weight:600;letter-spacing:var(--track-widest);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:var(--border-width) solid var(--color-border-subtle)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.form-field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.form-field label{font-family:var(--font-body);font-size:var(--type-eyebrow-size);font-weight:600;letter-spacing:var(--track-widest);text-transform:uppercase;color:var(--color-text-secondary)}.form-field input,.form-field select,.form-field textarea{background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:12px 14px;font-size:var(--type-body-size);color:var(--color-text-primary);transition:border-color var(--duration-fast) var(--ease-standard)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:0;border-color:var(--color-border-strong)}.form-field input.error{border-color:var(--color-error)}.field-error{font-size:var(--type-caption-size);color:var(--color-error);letter-spacing:var(--track-wide)}.ship-different-toggle{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--type-body-sm-size);color:var(--color-text-primary);cursor:pointer;margin-bottom:var(--space-4)}.order-summary{background:var(--color-bg-elevated);border:var(--border-width) solid var(--color-border-subtle);padding:var(--space-6);position:sticky;top:calc(var(--space-7) + 60px)}.order-summary h2{font-family:var(--font-display);font-weight:400;font-size:var(--type-h3-size);margin-bottom:var(--space-5)}.order-items{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:var(--border-width) solid var(--color-border-subtle)}.order-item{display:flex;justify-content:space-between;font-size:var(--type-body-sm-size)}.item-details{display:flex;flex-direction:column}.item-name{color:var(--color-text-primary)}.item-qty{color:var(--color-text-secondary);font-size:var(--type-caption-size)}.order-totals{padding:var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-2)}.total-line{display:flex;justify-content:space-between;font-size:var(--type-body-size);color:var(--color-text-secondary)}.total-line.grand-total{font-size:var(--type-body-lg-size);color:var(--color-text-primary);font-weight:500;padding-top:var(--space-3);border-top:var(--border-width) solid var(--color-border-subtle);margin-top:var(--space-2)}.payment-methods{margin:var(--space-5) 0;padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border-subtle)}.payment-methods h3{font-family:var(--font-body);font-size:var(--type-eyebrow-size);font-weight:600;letter-spacing:var(--track-widest);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.payment-empty{font-size:var(--type-body-sm-size);color:var(--color-text-secondary)}.payment-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--type-body-size);cursor:pointer}.place-order-btn{display:block;width:100%;background:var(--color-text-primary);color:var(--color-text-inverse);font-family:var(--font-body);font-size:var(--type-label-size);font-weight:600;letter-spacing:var(--track-wider);text-transform:uppercase;padding:14px 0;border:0;border-radius:var(--radius-none);cursor:pointer;margin-top:var(--space-5);transition:background-color var(--duration-base)}.place-order-btn:hover{background:#1a1612d9}.place-order-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.checkout-container{grid-template-columns:1fr;gap:var(--space-6)}.order-summary{position:static}.form-row{grid-template-columns:1fr}}.order-confirmation-page{max-width:var(--container-narrow);margin:0 auto}.confirmation-header{text-align:center;margin-bottom:var(--space-7)}.confirmation-header h1{font-family:var(--font-display);font-weight:400;font-size:var(--type-h1-size)}.confirmation-header .order-number{font-size:var(--type-body-sm-size);color:var(--color-text-secondary);letter-spacing:var(--track-wide);margin-top:var(--space-3)}.confirmation-message{text-align:center;font-size:var(--type-body-lg-size);color:var(--color-text-secondary);max-width:56ch;margin:0 auto var(--space-7)}.order-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);padding:var(--space-6) 0;border-top:var(--border-width) solid var(--color-border-subtle);border-bottom:var(--border-width) solid var(--color-border-subtle)}.detail-section h3{font-family:var(--font-body);font-size:var(--type-eyebrow-size);font-weight:600;letter-spacing:var(--track-widest);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.detail-item{display:flex;justify-content:space-between;padding:var(--space-1) 0;font-size:var(--type-body-sm-size)}.detail-item .label{color:var(--color-text-secondary)}.detail-item .value{color:var(--color-text-primary)}.address{font-size:var(--type-body-sm-size);color:var(--color-text-primary);display:flex;flex-direction:column;gap:2px}.address .contact-info{color:var(--color-text-secondary);margin-top:var(--space-2)}.order-items-section{padding:var(--space-6) 0}.order-items-section h3{font-family:var(--font-body);font-size:var(--type-eyebrow-size);font-weight:600;letter-spacing:var(--track-widest);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-4)}.order-items-table{border-top:var(--border-width) solid var(--color-border-subtle)}.table-header,.table-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-3);padding:var(--space-3) 0;font-size:var(--type-body-sm-size);border-bottom:var(--border-width) solid var(--color-border-subtle)}.table-header{font-weight:600;color:var(--color-text-secondary);letter-spacing:var(--track-wide);text-transform:uppercase;font-size:var(--type-eyebrow-size)}.confirmation-actions{text-align:center;margin-top:var(--space-7)}.continue-btn,.back-btn{display:inline-flex;background:transparent;color:var(--color-text-primary);border:var(--border-width) solid var(--color-border-strong);font-family:var(--font-body);font-size:var(--type-label-size);font-weight:600;letter-spacing:var(--track-wider);text-transform:uppercase;padding:14px 28px;cursor:pointer;border-radius:var(--radius-none);transition:background-color var(--duration-base),color var(--duration-base)}.continue-btn:hover,.back-btn:hover{background:var(--color-text-primary);color:var(--color-text-inverse)}@media(max-width:768px){.order-details-grid{grid-template-columns:1fr;gap:var(--space-5)}}