@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap";:root{--ink:#19332d;--muted:#6c7770;--paper:#f5f3ed;--sand:#e3ddcf;--line:#d8d6ce;--accent:#d66c4e;--white:#fffdf8}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:14px/1.5 DM Sans,sans-serif}button,input,select{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}.header{background:var(--paper);border-bottom:1px solid var(--line);z-index:5;position:sticky;top:0}.header-inner{align-items:center;gap:42px;max-width:1280px;height:76px;margin:auto;padding:0 28px;display:flex}.brand{letter-spacing:.16em;white-space:nowrap;font-size:18px;font-weight:700}.brand span{color:var(--accent);margin-left:4px}.nav{flex:1;gap:26px;display:flex}.nav button,.filters button{color:var(--muted);font-size:13px}.nav button:hover,.filters button.active{color:var(--ink)}.header-actions{align-items:center;gap:15px;margin-left:auto;display:flex}.search{border-bottom:1px solid var(--ink);align-items:center;gap:8px;width:130px;padding:7px 0;display:flex}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.icon-btn{place-items:center;padding:7px;display:grid}.bag-btn{align-items:center;gap:5px;display:flex}.bag-btn span{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:11px;display:grid}.mobile-only{display:none}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:50px;max-width:1280px;margin:auto;padding:110px 28px 100px;display:grid}.eyebrow{letter-spacing:.18em;color:var(--muted);margin:0 0 18px;font-size:10px}.hero h1,.note h2,.checkout h1,.policy-page h1,.admin-card h1{letter-spacing:-.05em;margin:0 0 28px;font-size:clamp(50px,7vw,92px);font-weight:600;line-height:.94}.hero h1 em,.note h2 em,.checkout h1 em,.policy-page h1 em,.admin-card h1 em{font-family:Playfair Display,serif;font-weight:500}.hero-copy{max-width:320px;color:var(--muted);margin:0 0 30px;font-size:16px}.button{justify-content:center;align-items:center;gap:11px;padding:14px 20px;font-weight:600;display:inline-flex}.button.dark{background:var(--ink);color:var(--white)}.button.dark:hover{background:#2c5147}.full{width:100%}.hero-art{background:var(--sand);height:510px;position:relative;overflow:hidden}.hero-shape{position:absolute}.hero-shape.one{background:#935548;border-radius:42% 42% 15% 15%;width:270px;height:340px;top:17%;left:22%;transform:rotate(-14deg)}.hero-shape.one:after{content:"";border:18px solid #935548;border-bottom:0;border-radius:80px 80px 0 0;width:130px;height:160px;position:absolute;top:-115px;left:70px}.hero-shape.two{background:#233f37;border-radius:55% 55% 20% 20%;width:150px;height:230px;bottom:5%;right:18%;transform:rotate(14deg)}.hero-stamp{text-align:right;letter-spacing:.1em;font-size:22px;font-weight:700;line-height:1.1;position:absolute;top:28px;right:28px}.hero-stamp small{letter-spacing:.1em;font-size:9px;font-weight:400}.promise{background:var(--ink);color:var(--white);justify-content:center;gap:80px;padding:22px;display:flex}.promise div{align-items:center;gap:10px;font-size:12px;display:flex}.catalog{max-width:1280px;margin:auto;padding:115px 28px}.section-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px;display:flex}.section-head h2{letter-spacing:-.04em;margin:0;font-size:44px;line-height:1}.filters{flex-wrap:wrap;justify-content:flex-end;gap:18px;display:flex}.filters button{border-bottom:1px solid #0000;padding-bottom:6px}.filters button.active{border-color:var(--ink)}.product-grid{grid-template-columns:repeat(4,1fr);gap:40px 18px;display:grid}.image-wrap{background:var(--sand);aspect-ratio:3/4;position:relative;overflow:hidden}.image-wrap img{object-fit:cover;width:100%;height:100%;display:block}.heart{background:var(--white);border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:12px;right:12px}.tag{background:var(--white);letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;font-size:10px;position:absolute;bottom:12px;left:12px}.card-copy{justify-content:space-between;gap:12px;padding:14px 0 8px;display:flex}.card-copy h3{margin:0;font-size:14px;font-weight:600}.card-copy p{color:var(--muted);margin:3px 0 0;font-size:12px}.card-copy strong{font-size:14px}.card-actions{gap:8px;display:flex}.card-actions button{color:var(--muted);border-bottom:1px solid var(--line);padding:3px 0;font-size:12px}.card-actions .buy{color:var(--ink);font-weight:600}.note{background:#d9cfc0;grid-template-columns:1fr 1fr;gap:20px;max-width:1280px;margin:0 auto 120px;padding:90px 10%;display:grid}.note h2{font-size:64px}.note p:last-child{color:#59645c;align-self:end;max-width:320px}.overlay{z-index:10;background:#19332d4d;position:fixed;inset:0}.cart-drawer{background:var(--white);flex-direction:column;width:min(440px,100%);padding:28px;display:flex;position:absolute;top:0;bottom:0;right:0}.drawer-head{justify-content:space-between;align-items:start;display:flex}.drawer-head h2{margin:0;font-size:28px}.cart-items{flex:1;padding:30px 0;overflow:auto}.cart-item{border-bottom:1px solid var(--line);gap:14px;padding:16px 0;display:flex}.cart-item img,.summary-item img{object-fit:cover;background:var(--sand);width:76px;height:92px}.cart-item h3{margin:5px 0;font-size:14px}.cart-item p{color:var(--muted);margin:0}.cart-item button{color:var(--accent);margin-top:12px;font-size:11px}.drawer-total,.summary-total{border-top:1px solid var(--line);justify-content:space-between;margin-top:auto;padding:18px 0;display:flex}.empty{color:var(--muted);margin-top:50px}.checkout-page,.admin-page{min-height:100vh}.checkout{grid-template-columns:1.2fr .8fr;gap:90px;max-width:1100px;margin:auto;padding:70px 28px;display:grid}.back{color:var(--muted);margin-bottom:70px;font-size:12px}.checkout h1{font-size:70px}.checkout h2{margin-top:45px;font-size:20px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:50px;display:grid}.form-grid label,.admin-card label{color:var(--muted);flex-direction:column;gap:8px;font-size:12px;display:flex}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.admin-card input{border:1px solid var(--line);background:var(--white);outline:0;padding:13px}.payment-options{gap:10px;display:grid}.payment-options button{border:1px solid var(--line);background:var(--white);text-align:left;align-items:center;gap:10px;padding:14px;display:flex}.payment-options span:last-child{margin-left:auto;font-size:11px;font-weight:700}.paypal{color:#1473e6;font-size:22px;font-weight:700}.demo-note{color:var(--muted);font-size:12px}.order-summary{background:var(--white);align-self:start;padding:30px}.summary-item{border-bottom:1px solid var(--line);gap:12px;padding:14px 0;display:flex}.summary-item div{flex-direction:column;gap:4px;display:flex}.summary-item span{color:var(--muted);font-size:12px}.policy-page{max-width:850px;margin:auto;padding:100px 28px}.policy-page h1{font-size:74px}.policy-body{color:#58635c;max-width:650px;font-size:17px}.policy-body p{margin:0 0 22px}.policy-contact{border-top:1px solid var(--line);color:var(--muted);gap:4px;margin-top:60px;padding-top:20px;font-size:12px;display:grid}.policy-contact strong{color:var(--ink)}footer{background:var(--ink);color:var(--white);padding:70px 28px 28px}.footer-top{justify-content:space-between;gap:50px;max-width:1280px;margin:auto;display:flex}.footer-brand{display:inline-block}.footer-top p{color:#b9c2b8;margin-top:24px}.footer-cols{gap:100px;display:flex}.footer-cols div{align-content:start;gap:8px;display:grid}.footer-cols h4{margin:0 0 10px;font-size:12px}.footer-cols button{color:#b9c2b8;text-align:left;font-size:12px}.footer-legal{color:#9eaaa0;border-top:1px solid #466056;justify-content:space-between;gap:15px;max-width:1280px;margin:70px auto 0;padding-top:18px;font-size:10px;display:flex}.admin-card{max-width:650px;margin:auto;padding:100px 28px}.admin-card h1{font-size:76px}.admin-card form{gap:18px;max-width:360px;display:grid}.error{color:var(--accent);font-size:12px}.admin-dashboard{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.admin-stat{background:var(--white);gap:10px;padding:20px;display:grid}.admin-stat span{color:var(--muted);font-size:12px}.admin-stat strong{font-size:28px}.admin-dashboard p{color:var(--muted);grid-column:1/-1;font-size:12px}@media (width<=850px){.header-inner{gap:12px;padding:0 18px}.mobile-only{display:grid}.nav{background:var(--paper);flex-direction:column;padding:20px;display:none;position:absolute;top:76px;left:0;right:0}.nav.open{display:flex}.search{width:100px}.hero{grid-template-columns:1fr;padding:70px 18px}.hero-art{height:360px}.promise{justify-content:space-around;gap:14px}.promise span{display:none}.catalog{padding:80px 18px}.section-head{display:block}.filters{justify-content:flex-start;margin-top:25px}.product-grid{grid-template-columns:repeat(2,1fr);gap:30px 12px}.note{margin:0 18px 80px;padding:55px 30px;display:block}.note h2{font-size:48px}.note p:last-child{margin-top:35px}.checkout{grid-template-columns:1fr;gap:40px}.order-summary{order:-1}.footer-top,.footer-legal{display:block}.footer-cols{gap:35px;margin-top:40px}.footer-legal span{margin-top:8px;display:block}.policy-page,.admin-card{padding:70px 18px}.policy-page h1{font-size:54px}.admin-dashboard{grid-template-columns:1fr}.admin-dashboard p{grid-column:auto}}footer .footer-top{grid-template-columns:1.1fr 1fr 1.2fr;align-items:start;gap:60px;display:grid}footer .footer-company,footer .footer-contact{border-top:1px solid #466056;gap:6px;margin-top:28px;padding-top:16px;display:grid}footer .footer-company h4,footer .footer-contact h4{letter-spacing:.08em;color:#d8e0d6;margin:0 0 7px;font-size:11px}footer .footer-company strong{color:#fffdf8;font-size:16px;line-height:1.35}footer .footer-company span,footer .footer-contact a,footer .footer-contact p{color:#d0d8cf;margin:0;font-size:14px;line-height:1.65}footer .footer-contact a{text-decoration:none}footer .footer-contact a:hover{color:#fffdf8;text-decoration:underline}footer .footer-legal{color:#c2ccc1;font-size:12px;line-height:1.5}@media (width<=850px){footer .footer-top{display:block}footer .footer-contact,footer .footer-company{margin-top:30px}footer .footer-legal{display:block}footer .footer-legal span{margin-top:8px;display:block}}.hero-art{background:var(--sand) url(/products/bags-1.webp) center/cover no-repeat}.hero-art .hero-shape{display:none}.hero-stamp{background:#f5f3edcc;padding:8px 10px}
