:root{--edirne:#9c1e24;--ivory:#faf8f3;--champagne:#e7d8c9;--dark:#222;--muted:#777;--font-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;--container:1100px}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-sans);background:var(--ivory);color:var(--dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.5}.container{width:90%;max-width:var(--container);margin:0 auto}.navbar{z-index:80;background:linear-gradient(#00000005,#0000);border-bottom:1px solid #0000000f;position:sticky;top:0}.navbar .bar{justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.logo{font-family:var(--font-sans);color:var(--edirne);letter-spacing:.6px;font-size:1.4rem}.nav-links{align-items:center;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--dark);padding:.35rem .5rem;font-weight:600;text-decoration:none}.nav-links a:hover{color:var(--edirne)}.navbar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav-links li{position:relative}.nav-links li a:after{content:"";background:0 0;height:2px;transition:background .18s;position:absolute;bottom:-6px;left:0;right:0}.nav-links li:hover a:after{background:var(--edirne)}.navbar{transition:background-color .22s,box-shadow .22s,border-bottom-color .22s}.navbar.scrolled{background-color:#963932d5;border-bottom-color:#00000014;box-shadow:0 6px 20px #00000014}.navbar.scrolled .logo,.navbar.scrolled .nav-links a{transition:color .2s;color:var(--ivory)!important}.navbar.scrolled .nav-links li a:after{background:#ffffff2e}.navbar.scrolled .mobile-toggle .hamburger,.navbar.scrolled .mobile-toggle .hamburger:before,.navbar.scrolled .mobile-toggle .hamburger:after{background:var(--ivory)}.mobile-toggle{display:none}.hero{text-align:center;background:linear-gradient(#9c1e2414,#9c1e240a);justify-content:center;align-items:center;min-height:65vh;padding:4rem 0;display:flex;position:relative;overflow:hidden}.hero-carousel{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-slide{will-change:transform,opacity;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.hero-overlay{z-index:1;pointer-events:none;background:linear-gradient(#9c1e240f,#faf8f359);position:absolute;inset:0}.hero .container{z-index:2;position:relative}.hero h1{font-family:var(--font-sans);color:var(--edirne);margin-bottom:.6rem;font-size:clamp(1.6rem,3.2vw,2.8rem)}.hero p{color:var(--muted);max-width:720px;margin-bottom:1.2rem;font-size:1.05rem}.hero-sub{text-align:center}@media (min-width:900px){.hero-sub{text-align:left;max-width:720px;margin-left:18%}}.section{padding:3rem 0}.grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid{grid-template-columns:1fr}.hero{padding:2.25rem 0}.hero h1{font-size:1.6rem}}.card{cursor:pointer;background:#fff;border-radius:12px;padding:1.5rem;transition:box-shadow .22s;box-shadow:0 8px 28px #0000000f}.card:hover{box-shadow:0 14px 40px #00000014}.card h3{font-family:var(--font-sans);color:var(--edirne);margin:0 0 .5rem;font-size:1.15rem}.card p{color:var(--muted);margin:0}.products-controls .grid-btn{cursor:pointer;color:var(--muted);background:linear-gradient(135deg,#faf8f3e6 0%,#e7d8c94d 100%);border:1.5px solid #9c1e2433;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex}.products-controls .grid-btn:hover{background:linear-gradient(135deg,#faf8f3 0%,#e7d8c980 100%);border-color:#9c1e2466;transform:translateY(-2px);box-shadow:0 4px 12px #9c1e241a}.products-controls .grid-btn.active{border-color:var(--edirne);background:linear-gradient(135deg,var(--edirne)0%,#9c1e24d9 100%);color:var(--ivory);box-shadow:0 4px 16px #9c1e2440}.products-controls .grid-btn.active:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9c1e244d}.products-controls .sort-select{font-family:var(--font-sans);color:var(--dark);cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239C1E24' d='M6 9L1 4h10z'/%3E%3C/svg%3E") right .5rem center no-repeat;border:1.5px solid #9c1e2433;border-radius:6px;padding:.5rem 2rem .5rem .75rem;font-size:.9rem;transition:all .18s cubic-bezier(.4,0,.2,1)}.products-controls .sort-select:hover{background:linear-gradient(135deg,#faf8f3 0%,#e7d8c980 100%);border-color:#9c1e2466;box-shadow:0 4px 12px #9c1e241a}.products-controls .sort-select:focus{border-color:var(--edirne);outline:none;box-shadow:0 0 0 3px #9c1e241a}.products-grid{grid-template-columns:repeat(3,1fr)}.products-grid.grid-2{grid-template-columns:repeat(2,1fr)}.products-grid.grid-3{grid-template-columns:repeat(3,1fr)}.products-grid.grid-4{grid-template-columns:repeat(4,1fr)}.product-card{background:linear-gradient(135deg,#faf8f3f2 0%,#e7d8c926 100%);border:1px solid #9c1e2414;align-items:center;gap:1.25rem;display:flex;position:relative;overflow:hidden}.products-grid.grid-4 .product-card{flex-direction:column;align-items:flex-start}.products-grid.grid-4 .product-card .product-media{align-self:center}.product-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#9c1e2405 0%,#0000 60%);transition:opacity .28s;position:absolute;inset:0}.product-card:hover:before{opacity:1}.product-card.out-of-stock{opacity:.75;background:linear-gradient(135deg,#faf8f3b3 0%,#e7d8c91a 100%);border-color:#9c1e2426}.product-card.out-of-stock:hover{opacity:.85;transform:translateY(-4px)scale(1.005)}.product-media{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.product-media:after{content:"";opacity:0;pointer-events:none;z-index:-1;background:linear-gradient(135deg,#9c1e2414 0%,#e7d8c91f 100%);border-radius:14px;transition:opacity .28s;position:absolute;inset:-2px}.product-card:hover .product-media:after{opacity:1}.product-media img{object-fit:cover;border-radius:12px;width:140px;height:140px;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #9c1e2414}.product-card{transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1),border-color .22s}.product-card:hover{border-color:#9c1e2426;transform:translateY(-8px)scale(1.01);box-shadow:0 20px 60px #9c1e241f,0 0 0 1px #9c1e240d}.product-card:hover .product-media img{transform:scale(1.05);box-shadow:0 8px 24px #9c1e242e}.product-body{flex-direction:column;flex:1;padding:.25rem 0;display:flex}.product-body h3{color:var(--dark);letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.product-body p{color:var(--edirne);margin:0;font-size:1.05rem;font-weight:600}.product-actions{gap:8px;margin-top:auto;padding-top:.75rem;display:flex}.product-actions a,.product-actions button{text-decoration:none}.product-actions .primary.large{padding:.55rem 1.1rem;font-size:.95rem;font-weight:600;text-decoration:none}.story-pair{align-items:center;gap:2rem;margin:1.5rem 0;display:flex}.story-pair:nth-child(2n){flex-direction:row-reverse}.story-pair .story-media{flex:0 0 42%;max-width:42%}.story-pair .story-body{flex:1}.story-media img{object-fit:cover;border-radius:12px;width:100%;height:100%;box-shadow:0 10px 30px #00000014}@media (max-width:900px){.products-grid.grid-2,.products-grid.grid-3{grid-template-columns:repeat(2,1fr)}.products-grid.grid-4{grid-template-columns:repeat(3,1fr)}.product-card{flex-direction:column;align-items:flex-start}.product-media img{width:140px;height:140px;margin:auto}.product-card .product-media{align-self:center}.story-pair,.story-pair:nth-child(2n){flex-direction:column}.story-pair .story-media{max-width:100%}}@media (max-width:640px){.primary.large{text-align:center;width:90%;display:block}.products-grid.grid-2,.products-grid.grid-3,.products-grid.grid-4{grid-template-columns:repeat(2,1fr)}.product-actions .primary.large{padding:.5rem .9rem;font-size:.95rem;display:inline-block;width:auto!important}}.pagination .primary.active{position:relative}.pagination .indicator{background:var(--edirne);opacity:0;border-radius:50%;width:12px;height:12px;transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .16s;position:absolute;bottom:-15px;left:0;transform:translate(0)}.pagination .primary{border-radius:8px;padding:8px 12px}.pagination .primary.active{background:var(--edirne);box-shadow:0 8px 20px #9c1e241f}.footer{color:#fff;text-align:center;background:#111;margin-top:2rem;padding:1.5rem 0;font-size:.95rem}.footer-icons a{color:#ddd;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .18s,color .18s,transform .12s;display:inline-flex}.footer-icons a:hover{color:var(--ivory);background:#ffffff0a;transform:translateY(-2px)}.input,textarea{background:#fff;border:1px solid #e9e6e2;border-radius:10px;width:100%;padding:.85rem;font-size:1rem}button.primary{background:var(--edirne);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.75rem 1.1rem;font-weight:700;transition:transform .14s,box-shadow .14s,background-color .18s,color .18s,border .18s;box-shadow:0 6px 18px #9c1e241f}button.primary:active{transform:translateY(1px)}.primary.buy{background:#c0392b;box-shadow:0 6px 18px #c0392b1f}.primary.buy:hover{background:#a52822}.primary.large{padding:.85rem 1.2rem;font-size:1rem}.primary.large:hover{background:var(--ivory);color:var(--edirne);border:1px solid #0000000f}.primary.large:focus{outline-offset:2px;outline:3px solid #9c1e241f}@media (max-width:640px){.nav-links{display:none}.mobile-toggle{order:2;display:inline-flex}.mobile-toggle .hamburger{background:var(--dark);width:22px;height:2px;transition:background .18s;display:block;position:relative}.mobile-toggle .hamburger:before,.mobile-toggle .hamburger:after{content:"";background:var(--dark);width:100%;height:2px;transition:transform .22s cubic-bezier(.2,.8,.2,1),top .22s;position:absolute;left:0}.mobile-toggle .hamburger:before{top:-7px}.mobile-toggle .hamburger:after{top:7px}.mobile-toggle{cursor:pointer;background:0 0;border:none;align-items:center;padding:8px}.mobile-toggle[aria-expanded=true] .hamburger{background:0 0}.mobile-toggle[aria-expanded=true] .hamburger:before{top:0;transform:rotate(45deg)}.mobile-toggle[aria-expanded=true] .hamburger:after{top:0;transform:rotate(-45deg)}.mobile-menu{background:var(--ivory);z-index:120;border-radius:10px;padding:1rem;position:fixed;top:64px;right:12px;box-shadow:0 12px 40px #0000001f}.mobile-menu ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.footer .container>div{flex-direction:column;align-items:flex-start;gap:8px}.footer-icons{margin-top:6px}}.mobile-menu ul li a{color:#913831;font-weight:600;text-decoration:none}.mobile-menu ul li a:focus,.mobile-menu ul li a:hover{text-decoration:underline}.contact-link{color:#913831;text-decoration:none}.contact-link:focus,.contact-link:hover{text-decoration:underline}.contact-card{background:linear-gradient(135deg,#faf8f3f2 0%,#e7d8c933 100%);border:1px solid #9c1e2414;border-radius:16px;padding:2rem;transition:all .28s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #0000000f}.contact-card:hover{border-color:#9c1e2426;transform:translateY(-4px);box-shadow:0 16px 40px #9c1e241f}.contact-input{width:100%;font-family:var(--font-sans);background:#faf8f380;border:1.5px solid #9c1e2426;border-radius:10px;padding:.875rem 1rem;font-size:1rem;transition:all .18s}.contact-input:focus{border-color:var(--edirne);background:#fff;outline:none;box-shadow:0 0 0 3px #9c1e2414}.contact-input::placeholder{color:var(--muted);opacity:.6}.about-card{background:linear-gradient(135deg,#faf8f3e6 0%,#e7d8c933 100%);border:1px solid #9c1e2414;border-radius:18px;padding:2.5rem;box-shadow:0 8px 32px #0000000d}.value-card{text-align:center;background:linear-gradient(135deg,#faf8f3f2 0%,#e7d8c940 100%);border:1px solid #9c1e2414;border-radius:16px;padding:2rem;transition:all .32s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #0000000f}.value-card:hover{border-color:#9c1e2426;box-shadow:0 16px 48px #9c1e241f}.app-root{flex-direction:column;min-height:100vh;display:flex}.content{flex:1}.container img,.card img{max-width:100%;height:auto;display:block}