:root{--bb-ivory:#f7f3ec;--bb-cream:#fff9f1;--bb-espresso:#382f26;--bb-walnut:#72543d;--bb-taupe:#8c7d70;--bb-clay:#a68b7c;--bb-brass:#c5a880;--bb-linen:#efebe4;--color-primary:var(--bb-walnut);--color-primary-light:var(--bb-clay);--color-accent:var(--bb-brass);--color-accent-light:#dfcbb0;--color-background:var(--bb-ivory);--color-surface:var(--bb-cream);--color-surface-soft:var(--bb-linen);--color-text:var(--bb-espresso);--color-text-light:var(--bb-taupe);--color-border:#e5dfd5;--color-error:#9a3412;--color-success:#1b3b2b;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Montserrat", system-ui, sans-serif;--font-display:"Cinzel", serif;--font-script:"Great Vibes", cursive;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-sm:0 2px 4px #382f260d;--shadow-md:0 8px 16px #382f2614;--shadow-lg:0 16px 32px #382f261f;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--color-primary);font-weight:600;line-height:1.25}a{color:inherit;transition:var(--transition);text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:inherit}.layout-container{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;box-shadow:var(--shadow-sm);position:sticky;top:0}.announcement-bar{background-color:var(--color-primary);color:var(--color-background);text-align:center;letter-spacing:.1em;text-transform:uppercase;padding:8px 16px;font-size:.8rem;font-weight:500}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.logo-link{font-family:var(--font-display);color:var(--color-primary);letter-spacing:.05em;flex-direction:column;align-items:center;font-size:1.6rem;font-weight:700;line-height:1;display:flex}.logo-sub{font-size:.65rem;font-family:var(--font-sans);letter-spacing:.3em;color:var(--color-accent);text-transform:uppercase;margin-top:4px;font-weight:500}.nav-menu{gap:32px;list-style:none;display:flex}.nav-item a{letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-light);padding:8px 0;font-size:.9rem;font-weight:500;position:relative}.nav-item a:after{content:"";background-color:var(--color-accent);width:0;height:2px;transition:var(--transition);position:absolute;bottom:0;left:0}.nav-item a:hover{color:var(--color-primary)}.nav-item a:hover:after,.nav-item.active a:after{width:100%}.nav-actions{align-items:center;gap:20px;display:flex}.nav-action-btn{color:var(--color-text-light);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex;position:relative}.nav-action-btn:hover{color:var(--color-primary);background-color:var(--color-surface-soft)}.cart-badge{background-color:var(--color-accent);color:var(--color-surface);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:600;display:flex;position:absolute;top:-4px;right:-4px}.footer{background-color:var(--color-primary);color:var(--color-surface-soft);border-top:4px solid var(--color-accent);padding:64px 24px 24px}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:48px;max-width:1200px;margin:0 auto 48px;display:grid}.footer-col h3{color:var(--color-background);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;margin-bottom:24px;font-size:1.1rem;font-weight:600}.footer-logo{font-family:var(--font-display);color:var(--color-background);margin-bottom:12px;font-size:1.4rem;font-weight:700}.footer-logo-sub{letter-spacing:.25em;color:var(--color-accent-light);text-transform:uppercase;margin-bottom:16px;font-size:.6rem}.footer-col p{color:#faf8f5cc;margin-bottom:16px;font-size:.9rem}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:#faf8f5cc;font-size:.9rem}.footer-links a:hover{color:var(--color-accent-light);padding-left:4px}.newsletter-form{flex-direction:column;gap:12px;display:flex}.newsletter-input-group{border-radius:var(--radius-sm);display:flex;overflow:hidden}.newsletter-input{color:var(--color-surface);background-color:#ffffff1a;border:none;outline:none;flex:1;padding:12px 16px;font-size:.9rem}.newsletter-input::placeholder{color:#faf8f580}.newsletter-input:focus{background-color:#ffffff26}.newsletter-btn{background-color:var(--color-accent);color:var(--color-primary);cursor:pointer;transition:var(--transition);border:none;padding:0 20px;font-weight:600}.newsletter-btn:hover{background-color:var(--color-accent-light)}.footer-bottom{color:#faf8f599;border-top:1px solid #faf8f51a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding-top:24px;font-size:.8rem;display:flex}.btn{letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-background)}.btn-primary:hover{background-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-accent{background-color:var(--color-accent);color:var(--color-surface)}.btn-accent:hover{background-color:var(--color-accent-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-outline{color:var(--color-primary);border:2px solid var(--color-primary);background-color:#0000}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-background)}.btn-secondary{background-color:var(--color-surface-soft);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-border)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.card{background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:var(--transition);flex-direction:column;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent-light);transform:translateY(-6px)}.card-img-container{background-color:var(--color-surface-soft);width:100%;padding-bottom:100%;position:relative;overflow:hidden}.card-img{object-fit:cover;width:100%;height:100%;transition:var(--transition);position:absolute;top:0;left:0}.card:hover .card-img{transform:scale(1.05)}.card-content{flex-direction:column;flex:1;gap:8px;padding:20px;display:flex}.card-category{text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);font-size:.75rem;font-weight:600}.card-title{font-family:var(--font-serif);color:var(--color-primary);font-size:1.25rem;font-weight:600}.card-price{color:var(--color-text);margin-top:auto;font-size:1.1rem;font-weight:600}.hero{background-color:var(--color-primary);color:var(--color-background);padding:96px 24px;position:relative;overflow:hidden}.hero-overlay{z-index:1;background:radial-gradient(circle at 70% 30%,#c5a88026 0%,#0000 70%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:800px;margin:0 auto;display:flex;position:relative}.hero-tagline{text-transform:uppercase;letter-spacing:.2em;color:var(--color-accent-light);font-size:.85rem;font-weight:600}.hero-title{font-family:var(--font-serif);color:var(--color-background);font-size:3.5rem;line-height:1.15}.hero-desc{color:#faf8f5e6;max-width:600px;font-size:1.15rem;font-weight:300}.usp-section{background-color:var(--color-surface-soft);border-bottom:1px solid var(--color-border);padding:48px 24px}.usp-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:1200px;margin:0 auto;display:grid}.usp-item{align-items:flex-start;gap:16px;display:flex}.usp-icon{color:var(--color-accent);flex-shrink:0}.usp-title{font-family:var(--font-serif);color:var(--color-primary);margin-bottom:6px;font-size:1.1rem}.usp-desc{color:var(--color-text-light);font-size:.85rem}.form-group{flex-direction:column;gap:8px;width:100%;margin-bottom:20px;display:flex}.form-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);font-size:.85rem;font-weight:600}.form-input,.form-textarea,.form-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);width:100%;color:var(--color-text);transition:var(--transition);outline:none;padding:12px 16px}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1b3b2b1a}.form-textarea{resize:vertical;min-height:120px}.engraving-container{grid-template-columns:1fr;gap:32px;max-width:1200px;margin:0 auto;padding:24px;display:grid}@media (min-width:768px){.engraving-container{grid-template-columns:1.2fr 1fr}}.preview-box{background-color:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:relative}.canvas-wrapper{aspect-ratio:1;border-radius:var(--radius-sm);width:100%;max-width:500px;box-shadow:var(--shadow-md);background-color:#eee;position:relative;overflow:hidden}.canvas-element{width:100%;height:100%;display:block}.control-panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;display:grid}.container-width{max-width:1200px;margin:0 auto;padding:48px 24px}.section-title{font-family:var(--font-serif);text-align:center;color:var(--color-primary);margin-bottom:12px;font-size:2.25rem;position:relative}.section-subtitle{text-align:center;color:var(--color-text-light);max-width:600px;margin-bottom:48px;margin-left:auto;margin-right:auto;font-size:.95rem}.alert{border-radius:var(--radius-sm);align-items:center;gap:12px;margin-bottom:24px;padding:16px;font-size:.9rem;display:flex}.alert-success{color:var(--color-success);background-color:#f0fdf4;border:1px solid #bbf7d0}.alert-error{color:var(--color-error);background-color:#fef2f2;border:1px solid #fecaca}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.badge-pending{color:#d97706;background-color:#fef3c7}.badge-shipped{color:#2563eb;background-color:#dbeafe}.badge-completed{color:#16a34a;background-color:#dcfce7}.ribbon-divider{color:var(--color-accent);justify-content:center;align-items:center;gap:16px;margin:48px 0;display:flex}.ribbon-line{background-color:var(--color-border);flex:1;max-width:150px;height:1px}.ribbon-divider svg{width:24px;height:24px;transform:rotate(45deg)}.wizard-steps{justify-content:space-between;margin-bottom:32px;display:flex;position:relative}.wizard-steps:before{content:"";background-color:var(--color-border);z-index:1;height:2px;position:absolute;top:15px;left:0;right:0}.wizard-step{z-index:2;flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.wizard-step-num{background-color:var(--color-surface-soft);border:2px solid var(--color-border);width:32px;height:32px;color:var(--color-text-light);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.wizard-step.active .wizard-step-num{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-background)}.wizard-step.completed .wizard-step-num{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-surface)}.wizard-step-label{color:var(--color-text-light);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.wizard-step.active .wizard-step-label{color:var(--color-primary)}.category-browser{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.category-tab{border:1px solid var(--color-border);background-color:var(--color-surface);cursor:pointer;transition:var(--transition);border-radius:30px;padding:10px 20px;font-size:.9rem;font-weight:500}.category-tab:hover,.category-tab.active{background-color:var(--color-primary);color:var(--color-background);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.story-block{grid-template-columns:1fr;align-items:center;gap:48px;display:grid}@media (min-width:768px){.story-block{grid-template-columns:1fr 1.2fr}}.story-img-frame{border:8px solid var(--color-surface);box-shadow:var(--shadow-md);border-radius:var(--radius-sm);background-color:var(--color-surface-soft);aspect-ratio:4/5;position:relative;overflow:hidden}.story-img-frame:after{content:"";border:1px solid var(--color-accent-light);pointer-events:none;position:absolute;inset:12px}.story-text h2{margin-bottom:20px;font-size:2.25rem}.story-text p{color:var(--color-text-light);margin-bottom:20px;font-family:Cormorant Garamond,Georgia,serif;font-size:1.25rem;line-height:1.7}.story-quote{font-family:var(--font-serif);color:var(--color-accent);border-left:3px solid var(--color-accent);margin:24px 0;padding-left:20px;font-size:1.4rem;font-style:italic}.chart-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);padding:24px}.chart-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light);margin-bottom:16px;font-size:1rem;font-weight:600}.menu-toggle{display:none}@media (max-width:768px){.nav-menu{display:none}.menu-toggle{cursor:pointer;color:var(--color-primary);background:0 0;border:none;display:block}}