@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600&family=DM+Sans:wght@300;400;500&display=swap');
*{box-sizing:border-box;margin:0;padding:0}
:root{--clay:#A07850;--clay-light:#D4B898;--clay-dark:#6B4928;--stone:#1C1208;--stone-light:#6B5040;--white:#FFFFFF;--off:#FAF5EE;--warm:#F0E6D4;--accent:#A07850;--accent-light:#E8D4BC}
body{font-family:'DM Sans',sans-serif;background:var(--off);color:var(--stone);overflow-x:hidden}

nav{background:#fff;padding:0 3rem;display:flex;align-items:center;justify-content:space-between;height:72px;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(155,116,89,.12);box-shadow:0 2px 16px rgba(28,18,8,.05)}
.nav-logo{cursor:pointer;display:flex;align-items:center;line-height:0}
.nav-links{display:flex;gap:2rem;list-style:none}
.nav-links a{color:rgba(107,80,64,.55);font-size:11px;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:var(--clay)}
.nav-phone{color:var(--clay);font-size:14px;font-weight:500;letter-spacing:.3px}

.page-tabs{display:flex;background:#fff;padding:0 3rem;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid rgba(0,0,0,.07)}
.page-tabs::-webkit-scrollbar{display:none}
.tab{padding:13px 16px;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;font-weight:500;cursor:pointer;color:rgba(107,80,64,.4);border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap}
.tab.active{color:var(--clay);border-bottom-color:var(--clay)}
.tab:hover{color:var(--clay)}
.page-section{display:none}.page-section.active{display:block}

.hero{background:linear-gradient(140deg,#F0E6D4 0%,#E2CDB0 100%);padding:80px 3rem;display:flex;align-items:center;gap:4rem;min-height:440px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;right:-80px;top:-80px;width:500px;height:500px;background:var(--clay);opacity:.06;border-radius:50%}
.hero-text{flex:1;z-index:1}
.hero-eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--clay);margin-bottom:1rem;font-weight:500}
.hero-title{font-family:'Cormorant Garamond',serif;font-size:56px;font-weight:600;color:var(--stone);line-height:1.06;margin-bottom:1.25rem}
.hero-title span{color:var(--clay)}
.hero-sub{color:var(--stone-light);font-size:15px;line-height:1.7;max-width:400px;margin-bottom:1.75rem}
.hero-btns{display:flex;gap:1rem;flex-wrap:wrap}
.btn-primary{background:var(--clay);color:#fff;border:none;padding:14px 32px;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;cursor:pointer;letter-spacing:.5px;transition:all .2s;border-radius:2px}
.btn-primary:hover{background:var(--clay-dark);transform:translateY(-1px);box-shadow:0 4px 16px rgba(155,116,89,.3)}
.btn-outline{background:transparent;color:var(--clay);border:1.5px solid var(--clay);padding:13px 32px;font-family:'DM Sans',sans-serif;font-size:14px;cursor:pointer;transition:all .2s;border-radius:2px}
.btn-outline:hover{background:var(--clay);color:#fff}
.hero-stats{display:flex;gap:2.5rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(155,116,89,.2);flex-wrap:wrap}
.stat-num{font-family:'Cormorant Garamond',serif;font-size:34px;font-weight:600;color:var(--clay)}
.stat-label{font-size:11px;color:var(--stone-light);letter-spacing:.5px;margin-top:2px}
.hero-visual{flex:0 0 320px;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hero-tile{border-radius:4px;height:130px;background:#fff;border:1px solid rgba(155,116,89,.15);box-shadow:0 2px 12px rgba(28,18,8,.06)}
.hero-tile:first-child{grid-column:span 2;height:85px;background:var(--clay);opacity:.85}
.tile-label{padding:12px;font-size:10px;font-weight:500;color:var(--stone-light);letter-spacing:1px;text-transform:uppercase}

.search-bar{background:#fff;padding:1.1rem 1.5rem;display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 1px 4px rgba(28,18,8,.03)}
.search-input{flex:1;min-width:200px;border:1px solid rgba(155,116,89,.2);background:var(--off);padding:11px 14px;font-family:'DM Sans',sans-serif;font-size:14px;color:var(--stone);outline:none;border-radius:2px}
.search-input:focus{border-color:var(--clay);background:#fff;box-shadow:0 0 0 3px rgba(155,116,89,.08)}
.search-btn{background:var(--clay);color:#fff;border:none;padding:11px 28px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;letter-spacing:.5px;border-radius:2px}
.search-btn:hover{background:var(--clay-dark)}

.main-layout{display:flex;min-height:500px}
.sidebar{width:224px;flex-shrink:0;background:#fff;padding:1.5rem;border-right:1px solid rgba(0,0,0,.06)}
.filter-title{font-size:10px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--clay);margin-bottom:1.1rem;padding-bottom:.6rem;border-bottom:1px solid rgba(155,116,89,.15)}
.filter-group{margin-bottom:1.4rem}
.filter-group-label{font-size:10px;font-weight:600;color:var(--stone);letter-spacing:1px;text-transform:uppercase;margin-bottom:.6rem}
.filter-option{display:flex;align-items:center;gap:7px;padding:4px 0;cursor:pointer;font-size:13px;color:var(--stone-light)}
.filter-option input{accent-color:var(--clay);width:13px;height:13px}
.filter-option:hover{color:var(--stone)}
.apply-filter{width:100%;background:var(--clay);color:#fff;border:none;padding:10px;font-size:12px;font-family:'DM Sans',sans-serif;cursor:pointer;margin-top:.75rem;font-weight:500;transition:all .2s;border-radius:2px;letter-spacing:.5px}
.apply-filter:hover{background:var(--clay-dark)}
.products-section{flex:1;padding:1.5rem;background:var(--off)}
.products-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:.5rem}
.products-count{font-size:13px;color:var(--stone-light)}
.sort-select{border:1px solid rgba(155,116,89,.2);background:#fff;padding:7px 10px;font-size:13px;font-family:'DM Sans',sans-serif;color:var(--stone);outline:none;cursor:pointer;border-radius:2px}
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:1rem}

.product-card{background:#fff;border:1px solid rgba(0,0,0,.06);transition:all .25s;position:relative;overflow:hidden;border-radius:4px}
.product-card:hover{border-color:var(--clay);transform:translateY(-3px);box-shadow:0 8px 24px rgba(155,116,89,.15)}
.product-img{height:148px;position:relative;overflow:hidden}
.product-img-pattern{width:100%;height:100%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);gap:2px;padding:6px}
.tile-cell{border-radius:1px}
.product-badge{position:absolute;top:8px;left:8px;background:var(--clay);color:#fff;font-size:10px;font-weight:500;padding:2px 8px;letter-spacing:.5px;text-transform:uppercase;border-radius:2px}
.product-info{padding:12px}
.product-brand{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--clay);font-weight:500;margin-bottom:3px}
.product-name{font-size:13px;font-weight:500;color:var(--stone);margin-bottom:4px;line-height:1.3}
.product-meta{font-size:11px;color:var(--stone-light);margin-bottom:8px}
.product-price{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;color:var(--stone)}
.product-price span{font-size:12px;font-family:'DM Sans',sans-serif;color:var(--stone-light);font-weight:400;margin-left:2px}
.btn-order{width:100%;background:var(--clay);color:#fff;border:none;padding:9px;font-size:12px;font-family:'DM Sans',sans-serif;cursor:pointer;font-weight:500;margin-top:9px;transition:all .2s;letter-spacing:.3px;border-radius:2px}
.btn-order:hover{background:var(--clay-dark)}

.cats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:1rem}
.cat-card{padding:1.5rem 1rem;background:#fff;text-align:center;cursor:pointer;border:1px solid rgba(0,0,0,.06);transition:all .25s;border-radius:4px}
.cat-card:hover{border-color:var(--clay);transform:translateY(-2px);box-shadow:0 6px 20px rgba(155,116,89,.12)}
.cat-icon{font-size:28px;margin-bottom:.75rem;display:block}
.cat-name{font-size:13px;font-weight:500;color:var(--stone)}
.cat-count{font-size:11px;color:var(--stone-light);margin-top:3px}

.news-section{padding:1.5rem}
.news-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}
.news-filter-btn{background:#fff;border:1px solid rgba(0,0,0,.08);color:var(--stone-light);padding:6px 14px;font-size:12px;font-family:'DM Sans',sans-serif;cursor:pointer;transition:all .2s;border-radius:2px}
.news-filter-btn.active{background:var(--clay);color:#fff;border-color:var(--clay)}
.news-filter-btn:hover:not(.active){border-color:var(--clay);color:var(--clay)}
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.1rem}
.news-card{background:#fff;border:1px solid rgba(0,0,0,.06);overflow:hidden;transition:all .25s;cursor:pointer;border-radius:4px}
.news-card:hover{border-color:var(--clay);transform:translateY(-2px);box-shadow:0 6px 20px rgba(155,116,89,.12)}
.news-card-img{height:168px;position:relative}
.news-tag{position:absolute;top:10px;left:10px;padding:3px 10px;font-size:10px;font-weight:500;letter-spacing:1px;text-transform:uppercase;border-radius:2px}
.tag-sale{background:var(--clay);color:#fff}.tag-new{background:#3D5A3D;color:#fff}.tag-news{background:var(--stone);color:var(--clay-light)}
.news-card-body{padding:.9rem 1.1rem}
.news-date{font-size:11px;color:var(--stone-light);margin-bottom:5px}
.news-headline{font-family:'Cormorant Garamond',serif;font-size:19px;font-weight:600;color:var(--stone);line-height:1.25;margin-bottom:6px}
.news-excerpt{font-size:13px;color:var(--stone-light);line-height:1.55}
.news-footer{padding:.6rem 1.1rem;border-top:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between}
.news-read-more{font-size:11px;font-weight:500;color:var(--clay);letter-spacing:.5px;text-transform:uppercase}

/* GALLERY */
.gallery-section{padding:1.5rem}
.gallery-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}
.gallery-card{position:relative;overflow:hidden;cursor:pointer;border:1px solid rgba(0,0,0,.06);transition:all .25s;border-radius:4px}
.gallery-card:hover{border-color:var(--clay);transform:translateY(-2px);box-shadow:0 6px 20px rgba(155,116,89,.12)}
.gallery-card:hover .gallery-overlay{opacity:1}
.gallery-img{height:200px;position:relative;overflow:hidden}
.gallery-img-inner{width:100%;height:100%;display:grid;gap:2px;padding:0}
.gallery-overlay{position:absolute;inset:0;background:rgba(28,18,8,.75);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;opacity:0;transition:opacity .25s}
.gallery-overlay-title{font-size:14px;font-weight:500;color:var(--clay-light);text-align:center;padding:0 1rem}
.gallery-overlay-sub{font-size:11px;color:rgba(232,212,188,.6);text-align:center}
.gallery-card-info{padding:10px 12px;background:#fff}
.gallery-card-title{font-size:13px;font-weight:500;color:var(--stone);margin-bottom:2px}
.gallery-card-meta{font-size:11px;color:var(--stone-light)}
.gallery-tag{display:inline-block;margin-top:5px;padding:2px 8px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;border-radius:2px}
.gallery-tag-client{background:var(--clay-light);color:var(--clay-dark)}
.gallery-tag-brand{background:var(--off);color:var(--stone-light)}

/* ABOUT */
.about-hero{background:linear-gradient(140deg,#F0E6D4 0%,#E2CDB0 100%);padding:60px 2rem;text-align:center;position:relative;overflow:hidden}
.about-hero::before{content:'';position:absolute;left:50%;top:-80px;transform:translateX(-50%);width:400px;height:400px;background:var(--clay);opacity:.07;border-radius:50%}
.about-hero-eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--clay);margin-bottom:.75rem;font-weight:500}
.about-hero-title{font-family:'Cormorant Garamond',serif;font-size:48px;font-weight:600;color:var(--stone);margin-bottom:1rem;position:relative}
.about-hero-sub{color:var(--stone-light);font-size:16px;line-height:1.7;max-width:560px;margin:0 auto}
.about-content{padding:3rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1100px;margin:0 auto;align-items:center}
.about-text p{font-size:15px;color:var(--stone-light);line-height:1.75;margin-bottom:1rem}
.about-text p:last-child{margin-bottom:0}
.about-visual{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.about-tile{padding:1.25rem;background:#fff;border-left:3px solid var(--clay);border:1px solid rgba(155,116,89,.12);border-left:3px solid var(--clay)}
.about-tile-num{font-family:'Cormorant Garamond',serif;font-size:34px;font-weight:600;color:var(--stone)}
.about-tile-label{font-size:12px;color:var(--stone-light);margin-top:3px;line-height:1.4}
.about-values{background:var(--warm);padding:2.5rem 2rem}
.values-title{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:600;color:var(--stone);text-align:center;margin-bottom:2rem}
.values-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.1rem;max-width:1100px;margin:0 auto}
.value-card{background:#fff;padding:1.5rem;border:1px solid rgba(0,0,0,.06);border-radius:4px}
.value-icon{font-size:28px;margin-bottom:.75rem}
.value-title{font-size:14px;font-weight:500;color:var(--stone);margin-bottom:.4rem;letter-spacing:.3px}
.value-text{font-size:13px;color:var(--stone-light);line-height:1.6}
.about-team{padding:2.5rem 2rem;max-width:1100px;margin:0 auto}
.team-title{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:600;color:var(--stone);margin-bottom:2rem}
.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.1rem}
.team-card{background:var(--off);padding:1.5rem;text-align:center;border:1px solid rgba(0,0,0,.06);border-radius:4px}
.team-avatar{width:64px;height:64px;border-radius:50%;background:var(--clay-light);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;color:var(--clay-dark);margin:0 auto 1rem}
.team-name{font-size:14px;font-weight:500;color:var(--stone);margin-bottom:3px}
.team-role{font-size:12px;color:var(--stone-light)}
.about-contacts{background:var(--stone);padding:3rem 2rem;text-align:center}
.about-contacts h3{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:600;color:var(--clay-light);margin-bottom:1.25rem}
.contacts-row{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}
.contact-chip{background:rgba(232,212,188,.1);border:1px solid rgba(232,212,188,.2);color:var(--clay-light);padding:.6rem 1.25rem;font-size:13px;border-radius:2px}

/* ORDER MODAL */
.modal-bg{position:fixed;inset:0;background:rgba(28,18,8,.45);z-index:300;display:flex;align-items:center;justify-content:center;padding:1rem;backdrop-filter:blur(2px)}
.modal{background:#fff;width:100%;max-width:430px;overflow:hidden;border-radius:6px;box-shadow:0 20px 60px rgba(28,18,8,.2)}
.modal-header{background:var(--stone);padding:1.1rem 1.4rem;display:flex;align-items:center;justify-content:space-between}
.modal-title{font-family:'Cormorant Garamond',serif;font-size:21px;font-weight:600;color:var(--clay-light)}
.modal-x{background:none;border:none;color:rgba(232,212,188,.5);font-size:20px;cursor:pointer;line-height:1}
.modal-x:hover{color:var(--clay-light)}
.modal-body{padding:1.4rem}
.modal-product-name{font-size:14px;font-weight:500;color:var(--stone);margin-bottom:3px}
.modal-product-price{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;color:var(--stone)}
.m-divider{height:1px;background:rgba(0,0,0,.06);margin:1rem 0}
.qty-row{display:flex;align-items:center;gap:12px;margin-bottom:.5rem}
.qty-label{font-size:12px;color:var(--stone-light);text-transform:uppercase;letter-spacing:.5px}
.qty-ctrl{display:flex;align-items:center;gap:6px}
.qty-btn{width:30px;height:30px;background:var(--off);border:1px solid rgba(0,0,0,.1);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;color:var(--stone);transition:all .2s;border-radius:2px}
.qty-btn:hover{background:var(--clay-light);border-color:var(--clay)}
.qty-num{font-size:15px;font-weight:500;min-width:28px;text-align:center}
.qty-total{font-size:14px;font-weight:500;color:var(--stone);margin-left:auto}
.f-group{margin-bottom:.75rem}
.f-label{font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;color:var(--stone-light);display:block;margin-bottom:5px}
.f-input{width:100%;border:1px solid rgba(0,0,0,.1);background:var(--off);padding:9px 12px;font-size:14px;font-family:'DM Sans',sans-serif;color:var(--stone);outline:none;transition:all .2s;border-radius:2px}
.f-input:focus{border-color:var(--clay);background:#fff;box-shadow:0 0 0 3px rgba(155,116,89,.08)}
.tg-preview{background:var(--off);border:1px solid rgba(155,116,89,.15);border-radius:4px;padding:.9rem;margin:1rem 0;font-size:12px;color:var(--stone-light);line-height:1.6;display:none}
.tg-preview.visible{display:block}
.tg-preview-title{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--clay);margin-bottom:.4rem}
.btn-send{width:100%;background:var(--clay);color:#fff;border:none;padding:13px;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;letter-spacing:.5px;border-radius:2px}
.btn-send:hover{background:var(--clay-dark)}
.order-success{text-align:center;padding:2rem;display:none}
.order-success-icon{font-size:44px;margin-bottom:1rem}
.order-success-title{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;color:var(--stone);margin-bottom:.5rem}
.order-success-sub{font-size:13px;color:var(--stone-light);line-height:1.6}
.modal-note{font-size:12px;color:var(--stone-light);text-align:center;margin-top:.75rem;line-height:1.5}

/* ADMIN */
.admin-page{background:var(--off);min-height:600px}
.admin-login-wrap{display:flex;align-items:center;justify-content:center;min-height:600px;padding:2rem}
.admin-login-box{background:#fff;padding:2.5rem;width:100%;max-width:340px;border:1px solid rgba(0,0,0,.08);border-radius:6px;box-shadow:0 4px 20px rgba(28,18,8,.06)}
.admin-login-title{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;color:var(--stone);margin-bottom:.3rem}
.admin-login-sub{font-size:13px;color:var(--stone-light);margin-bottom:1.75rem}
.login-err{color:var(--clay);font-size:13px;margin-top:.4rem;display:none}
.admin-nav{background:var(--stone);padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:56px}
.admin-nav-title{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:600;color:var(--clay-light);letter-spacing:1px}
.btn-logout{background:transparent;border:1px solid rgba(232,212,188,.25);color:var(--clay-light);padding:6px 14px;font-size:12px;font-family:'DM Sans',sans-serif;cursor:pointer;transition:all .2s;border-radius:2px}
.btn-logout:hover{border-color:var(--clay-light)}
.admin-wrap{padding:1.5rem;max-width:1000px;margin:0 auto}
.admin-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.9rem;margin-bottom:1.75rem}
.a-stat{background:#fff;padding:1rem;border-left:3px solid var(--clay);border:1px solid rgba(0,0,0,.06);border-left:3px solid var(--clay);border-radius:2px}
.a-stat-num{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:600;color:var(--stone)}
.a-stat-label{font-size:11px;color:var(--stone-light);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}
.a-tabs{display:flex;border-bottom:1px solid rgba(0,0,0,.08);margin-bottom:1.4rem;overflow-x:auto}
.a-tab{padding:9px 18px;font-size:11px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;color:var(--stone-light);border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap}
.a-tab.active{color:var(--stone);border-bottom-color:var(--clay)}
.a-section{display:none}.a-section.active{display:block}
.a-form{background:#fff;padding:1.25rem;margin-bottom:1.5rem;border:1px solid rgba(0,0,0,.06);border-radius:4px}
.a-form-title{font-size:13px;font-weight:500;color:var(--stone);margin-bottom:1rem;letter-spacing:.5px;text-transform:uppercase}
.a-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.a-select{width:100%;border:1px solid rgba(0,0,0,.1);background:var(--off);padding:9px 12px;font-size:13px;font-family:'DM Sans',sans-serif;color:var(--stone);outline:none;border-radius:2px}
.a-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid rgba(0,0,0,.06);font-size:13px;border-radius:4px;overflow:hidden}
.a-table th{background:var(--stone);color:var(--clay-light);padding:8px 12px;text-align:left;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:400}
.a-table td{padding:8px 12px;border-bottom:1px solid rgba(0,0,0,.05)}
.a-table tr:hover td{background:var(--off)}
.tbl-del{background:none;border:1px solid rgba(0,0,0,.1);color:var(--stone-light);padding:2px 9px;font-size:11px;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .2s;border-radius:2px}
.tbl-del:hover{border-color:#c0392b;color:#c0392b}
.tbl-edit{background:none;border:1px solid rgba(0,0,0,.1);color:var(--stone-light);padding:2px 9px;font-size:11px;cursor:pointer;font-family:'DM Sans',sans-serif;transition:all .2s;border-radius:2px}
.tbl-edit:hover{border-color:var(--clay);color:var(--clay)}
.pbadge{display:inline-block;background:var(--clay-light);color:var(--clay-dark);font-size:10px;font-weight:500;padding:1px 6px;letter-spacing:.5px;text-transform:uppercase;border-radius:2px}

.notify{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--stone);color:var(--clay-light);padding:10px 20px;font-size:13px;font-weight:500;z-index:400;opacity:0;transition:opacity .3s;pointer-events:none;white-space:nowrap;max-width:90vw;text-align:center;border-radius:4px;box-shadow:0 4px 20px rgba(28,18,8,.2)}
.notify.show{opacity:1}
.contact-section{display:grid;grid-template-columns:1fr 1fr;min-height:400px}
.contact-info{background:var(--stone);padding:2.5rem 2rem}
.contact-info h2{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:600;color:var(--clay-light);margin-bottom:1.5rem}
.contact-detail{display:flex;gap:11px;margin-bottom:1rem;align-items:flex-start}
.contact-icon{color:var(--clay);font-size:15px;margin-top:2px}
.contact-text{font-size:14px;color:rgba(232,212,188,.6);line-height:1.5}
.contact-form-area{padding:2.5rem 2rem;background:var(--warm)}

/* ── HAMBURGER & FILTER TOGGLE ── */
.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:6px 4px;color:var(--stone);font-size:24px;line-height:1;flex-shrink:0}
.filter-toggle{display:none;width:100%;background:#fff;border:none;border-bottom:1px solid rgba(0,0,0,.07);padding:.9rem 1rem;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;color:var(--clay);cursor:pointer;align-items:center;justify-content:space-between;gap:.5rem}
.filter-toggle-icon{transition:transform .25s;font-style:normal}
.filter-toggle.active .filter-toggle-icon{transform:rotate(180deg)}

/* ── TABLET (≤ 900px) ── */
@media(max-width:900px){
  nav{padding:0 1.5rem}
  .page-tabs{padding:0 1.5rem}
  .hero{padding:60px 1.5rem;gap:2rem}
  .hero-title{font-size:44px}
  .hero-visual{flex:0 0 260px}
  .main-layout{flex-direction:column}
  .sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(0,0,0,.06);padding:1rem 1.5rem}
  .sidebar .filter-group{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem}
  .sidebar .filter-group-label{grid-column:1/-1}
  .sidebar .apply-filter{grid-column:1/-1;margin-top:.5rem}
  .products-section{padding:1rem 1.5rem}
  .products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
  .contact-section{grid-template-columns:1fr}
  .about-content{grid-template-columns:1fr;gap:2rem}
}

/* ── MOBILE (≤ 640px) ── */
@media(max-width:640px){
  /* NAV */
  nav{padding:0 1rem;height:60px}
  .nav-links{
    display:none;position:fixed;top:60px;left:0;right:0;bottom:0;
    flex-direction:column;background:#fff;
    padding:.5rem 0 2rem;
    box-shadow:0 8px 32px rgba(28,18,8,.15);
    z-index:200;overflow-y:auto;
    border-top:1px solid rgba(155,116,89,.12)
  }
  .nav-links.mob-open{display:flex}
  .nav-links li a{display:block;padding:14px 1.5rem;font-size:14px;letter-spacing:.5px;border-bottom:1px solid rgba(0,0,0,.05);color:var(--stone)}
  .nav-links li:last-child a{border-bottom:none}
  .nav-phone{display:none}
  .nav-burger{display:flex;align-items:center}
  .nav-logo svg{width:170px;height:32px}

  /* PAGE TABS */
  .page-tabs{padding:0 .5rem}
  .tab{padding:11px 10px;font-size:10px;letter-spacing:.8px}

  /* HERO */
  .hero{flex-direction:column;padding:36px 1rem 32px;min-height:auto;gap:0}
  .hero-visual{display:none}
  .hero-eyebrow{font-size:10px;margin-bottom:.75rem}
  .hero-title{font-size:34px;margin-bottom:1rem}
  .hero-sub{font-size:13px;line-height:1.6;margin-bottom:1.25rem}
  .hero-btns{flex-direction:column;gap:.625rem}
  .btn-primary,.btn-outline{width:100%;text-align:center;padding:13px}
  .hero-stats{gap:1.25rem;margin-top:1.5rem;padding-top:1.5rem}
  .stat-num{font-size:26px}
  .stat-label{font-size:11px}

  /* SEARCH */
  .search-bar{padding:.75rem 1rem;gap:.5rem}
  .search-input{min-width:0;font-size:14px}
  .search-btn{padding:11px 16px;font-size:12px}

  /* FILTER TOGGLE */
  .filter-toggle{display:flex}

  /* SIDEBAR */
  .main-layout{flex-direction:column}
  .sidebar{
    display:none;width:100%;border-right:none;
    border-bottom:1px solid rgba(0,0,0,.06);
    padding:1rem
  }
  .sidebar.mob-open{display:block}
  .sidebar .filter-group{display:grid;grid-template-columns:1fr 1fr;gap:.15rem}
  .sidebar .filter-group-label{grid-column:1/-1;margin-top:.25rem}
  .sidebar .apply-filter{grid-column:1/-1}

  /* PRODUCTS */
  .products-section{padding:.875rem 1rem;background:var(--off)}
  .products-grid{grid-template-columns:repeat(2,1fr);gap:.625rem}
  .product-img{height:120px}
  .product-info{padding:9px}
  .product-brand{font-size:9px}
  .product-name{font-size:12px}
  .product-meta{font-size:10px}
  .product-price{font-size:18px}
  .btn-order{padding:8px;font-size:11px}
  .products-header{margin-bottom:1rem}

  /* CATEGORIES */
  .cats-grid{grid-template-columns:repeat(2,1fr);gap:.625rem}
  .cat-card{padding:1.1rem .75rem}
  .cat-icon{font-size:22px}

  /* NEWS */
  .news-section{padding:1rem}
  .news-filters{gap:.375rem}
  .news-filter-btn{padding:5px 10px;font-size:11px}
  .news-grid{grid-template-columns:1fr;gap:.875rem}

  /* GALLERY */
  .gallery-section{padding:1rem}
  .gallery-grid{grid-template-columns:repeat(2,1fr);gap:.625rem}
  .gallery-img{height:150px}

  /* ABOUT */
  .about-hero{padding:36px 1rem}
  .about-hero-title{font-size:32px}
  .about-hero-sub{font-size:14px}
  .about-content{grid-template-columns:1fr;padding:1.75rem 1rem;gap:1.5rem}
  .about-visual{grid-template-columns:1fr 1fr}
  .about-tile-num{font-size:26px}
  .about-values{padding:1.75rem 1rem}
  .values-title{font-size:26px}
  .values-grid{grid-template-columns:1fr}
  .about-contacts{padding:1.75rem 1rem}
  .about-contacts h3{font-size:22px}
  .contacts-row{flex-direction:column;gap:.625rem;align-items:stretch}
  .contact-chip{text-align:center}

  /* CONTACT */
  .contact-section{grid-template-columns:1fr}
  .contact-info{padding:1.75rem 1rem}
  .contact-info h2{font-size:24px}
  .contact-form-area{padding:1.75rem 1rem}

  /* MODAL */
  .modal-bg{padding:0;align-items:flex-end}
  .modal{max-width:100%;border-radius:8px 8px 0 0;max-height:92vh;overflow-y:auto}

  /* ADMIN */
  .admin-wrap{padding:1rem}
  .a-form-grid{grid-template-columns:1fr}
  .admin-stats{grid-template-columns:1fr 1fr}
  .admin-nav{padding:0 1rem}

  /* NOTIFY */
  .notify{bottom:16px;font-size:12px;padding:9px 16px}
}

@media(max-width:380px){
  .hero-title{font-size:28px}
  .products-grid{grid-template-columns:repeat(2,1fr)}
  .gallery-grid{grid-template-columns:1fr}
  .nav-logo svg{width:150px;height:30px}
}

/* ── TOOLS ─────────────────────────────────────────────────── */
.tools-section{padding:2.5rem 3rem}
.tools-hero{margin-bottom:2.5rem}
.tools-hero-title{font-family:'Cormorant Garamond',serif;font-size:36px;font-weight:600;color:var(--stone);margin-bottom:.5rem}
.tools-hero-sub{font-size:14px;color:var(--stone-light);max-width:560px;line-height:1.7}
.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}
.calc-card{background:#fff;border:1px solid rgba(155,116,89,.12);border-radius:6px;padding:1.75rem;box-shadow:0 2px 12px rgba(28,18,8,.04);transition:box-shadow .2s}
.calc-card:hover{box-shadow:0 6px 24px rgba(28,18,8,.08)}
.calc-card-icon{font-size:28px;margin-bottom:.75rem}
.calc-card-title{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;color:var(--stone);margin-bottom:.3rem}
.calc-card-desc{font-size:12px;color:var(--stone-light);margin-bottom:1.25rem;line-height:1.6}
.calc-row{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}
.calc-label{font-size:11px;font-weight:500;color:var(--stone-light);letter-spacing:.5px;text-transform:uppercase}
.calc-input{border:1px solid rgba(155,116,89,.22);background:var(--off);padding:9px 12px;font-family:'DM Sans',sans-serif;font-size:14px;color:var(--stone);outline:none;border-radius:3px;width:100%;transition:border-color .2s}
.calc-input:focus{border-color:var(--clay)}
.calc-select{border:1px solid rgba(155,116,89,.22);background:var(--off);padding:9px 12px;font-family:'DM Sans',sans-serif;font-size:14px;color:var(--stone);outline:none;border-radius:3px;width:100%;cursor:pointer}
.calc-input-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.calc-btn{width:100%;background:var(--clay);color:#fff;border:none;padding:11px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;cursor:pointer;border-radius:3px;margin-top:.75rem;letter-spacing:.3px;transition:background .2s}
.calc-btn:hover{background:var(--clay-dark)}
.calc-result{display:none;margin-top:1rem;padding:1rem 1.25rem;background:var(--warm);border-radius:4px;border-left:3px solid var(--clay)}
.calc-result.show{display:block}
.calc-result-main{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;color:var(--clay)}
.calc-result-label{font-size:11px;color:var(--stone-light);margin-top:2px;letter-spacing:.3px}
.calc-result-detail{font-size:12px;color:var(--stone-light);margin-top:.5rem;line-height:1.7;border-top:1px solid rgba(155,116,89,.15);padding-top:.5rem}
.calc-note{font-size:11px;color:var(--stone-light);margin-top:.5rem;font-style:italic;line-height:1.6}
@media(max-width:900px){.tools-section{padding:2rem 1.5rem}.tools-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.tools-section{padding:1.5rem 1rem}.tools-grid{grid-template-columns:1fr}}

/* ── NEWS ARTICLE ────────────────────────────────────────────── */
.news-article{padding:0}
.news-article-hero{height:220px;background:linear-gradient(135deg,#5A6070,#808898);display:flex;align-items:flex-end;padding:1.5rem 3rem;position:relative}
.news-article-back{position:absolute;top:1rem;left:3rem;background:rgba(255,255,255,.15);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25);color:#fff;padding:6px 14px;font-family:'DM Sans',sans-serif;font-size:12px;cursor:pointer;border-radius:2px;letter-spacing:.5px;transition:background .2s}
.news-article-back:hover{background:rgba(255,255,255,.25)}
.news-article-meta{color:rgba(255,255,255,.75);font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-bottom:.5rem}
.news-article-h1{font-family:'Cormorant Garamond',serif;font-size:30px;font-weight:600;color:#fff;max-width:700px;line-height:1.2}
.news-article-body{max-width:760px;margin:0 auto;padding:2.5rem 3rem}
.news-article-body p{font-size:15px;line-height:1.85;color:var(--stone);margin-bottom:1.25rem}
.news-article-body h3{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:600;color:var(--stone);margin:2rem 0 .75rem}
.news-article-body ul{margin:0 0 1.25rem 1.25rem}
.news-article-body li{font-size:14px;line-height:1.8;color:var(--stone)}
.news-article-cta{margin-top:2rem;padding:1.5rem;background:var(--warm);border-radius:6px;text-align:center}
.news-article-cta p{font-size:14px;color:var(--stone-light);margin-bottom:1rem}
@media(max-width:640px){
  .news-article-hero{padding:1rem;height:190px}
  .news-article-back{top:.75rem;left:1rem}
  .news-article-h1{font-size:22px}
  .news-article-body{padding:1.5rem 1rem}
}