:root{--ink:#111;--accent:#b97940;--brown:#c48a55;--cream:#f5f2ed;--line:#e5e2dc;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;min-height:100%}body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-shell{width:100%;background:#fff}.content-wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.site-header{height:82px;background:#fff;border-top:3px solid #222;border-bottom:1px solid #e6e2dc;position:relative;z-index:50}.header-inner{height:100%;width:min(1040px,calc(100% - 40px));margin:0 auto;display:flex;align-items:center;justify-content:center;gap:42px}.brand{width:72px;height:76px;display:flex;align-items:center;justify-content:center;flex:0 0 72px}.brand-logo{width:68px;height:68px;object-fit:contain}.nav-links{height:100%;display:flex;align-items:center;gap:28px;font-size:13px;line-height:1;font-weight:800;white-space:nowrap}.nav-links>a:not(.cart-link){height:100%;display:flex;align-items:center;position:relative}.nav-links>a.active{color:var(--accent)}.nav-links>a.active:after{content:"";position:absolute;left:0;right:0;bottom:15px;height:2px;background:var(--accent)}.cart-link{width:28px;height:28px;display:grid;place-items:center;margin-left:0}.cart-link svg{width:20px;height:20px;fill:none;stroke:#111;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.menu-btn{display:none;border:1px solid #aaa;border-radius:4px;background:#fff;font-size:22px;padding:4px 7px}.flash{padding:10px;text-align:center}.success{background:#e9f7eb;color:#176527}
.catalog-section{padding:34px 0 32px}.section-head{text-align:center}.section-head h2{font-size:25px;line-height:1;margin:0;font-weight:900}.section-head p{font-size:10px;margin:5px 0 0;font-weight:800}.home-filters{margin:25px 0 16px;display:grid;grid-template-columns:1.75fr .55fr .65fr .52fr;gap:12px;align-items:end}.search-wrap{position:relative}.search-wrap input,.filter-field select{width:100%;height:35px;border:1px solid #d8d7d2;background:#f4f4f1;border-radius:3px;padding:7px 10px;font:inherit;font-size:11px;color:#333}.search-wrap span{position:absolute;right:11px;top:8px;font-size:14px;color:#555}.filter-field{font-size:10px;font-weight:900}.filter-field>span{display:block;margin-bottom:6px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 12px}.product-card{min-width:0}.product-image{display:block;width:100%;aspect-ratio:1.16/1;overflow:hidden;border-radius:5px;background:#eee}.product-image img{width:100%;height:100%;object-fit:cover}.product-card h3{font-size:11px;line-height:1.15;margin:7px 0 3px;min-height:25px;font-weight:800}.price{font-size:11px;font-weight:900}.price del{font-weight:500;color:#777}.stars{font-size:9px;color:#d89414;letter-spacing:.4px;margin:2px 0 5px}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.card-actions button,.card-actions a{height:28px;display:grid;place-items:center;border:1px solid #c69262;border-radius:3px;font-size:8px;font-weight:800;background:#fff;color:#222;padding:0 3px}.card-actions a{background:var(--brown);color:#fff;border-color:var(--brown)}
.custom-cta{padding:22px 0;background:linear-gradient(90deg,#f0ede8,#faf9f6,#f0ede8)}.cta-inner{width:min(660px,calc(100% - 40px));margin:auto;display:flex;align-items:center;justify-content:center;gap:35px}.mat-mini{width:152px;height:82px;border:4px double #795335;background:#cda16e;box-shadow:inset 0 0 0 3px #e8cda8;display:flex;flex-direction:column;align-items:center;justify-content:center}.mat-mini span{font-size:10px}.mat-mini strong{font-size:18px}.cta-copy h2{font-size:25px;line-height:1;margin:0;font-weight:900}.cta-copy p{font-size:9px;margin:7px 0 10px;font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:3px;background:var(--brown);color:#fff;font-weight:900;padding:9px 14px;font-size:9px}
.site-footer{background:#f7f5f0;border-top:1px solid var(--line);padding-top:28px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1.45fr;gap:60px;font-size:9px}.footer-grid strong{font-size:9px}.footer-grid p{line-height:1.7;margin:8px 0}.social-icons{letter-spacing:3px}.subscribe{display:flex;margin-top:9px}.subscribe input{flex:1;min-width:0;height:31px;border:1px solid #d8d7d2;padding:7px 10px;font-size:9px}.subscribe button{border:0;background:var(--brown);color:#fff;font-size:8px;padding:0 15px}.copyright{border-top:1px solid var(--line);margin-top:24px;padding:13px 0;font-size:8px}
@media(max-width:1000px){.header-inner{gap:25px}.nav-links{gap:18px;font-size:11px}.content-wrap{width:min(920px,calc(100% - 36px))}.product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.site-header{height:70px}.header-inner{width:100%;padding:0 16px;justify-content:space-between}.brand{width:58px;height:64px}.brand-logo{width:56px;height:56px}.menu-btn{display:block}.nav-links{display:none;position:absolute;top:67px;left:0;right:0;height:auto;background:#fff;padding:8px 20px 16px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #ddd;box-shadow:0 8px 18px rgba(0,0,0,.08)}.nav-links.open{display:flex}.nav-links>a:not(.cart-link){height:auto;padding:13px 0;font-size:12px}.nav-links>a.active:after{bottom:5px}.home-filters{grid-template-columns:1fr 1fr}.search-wrap{grid-column:1/-1}.product-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;gap:18px}.cta-inner{gap:18px}.mat-mini{width:125px;height:70px}.cta-copy h2{font-size:21px}}
@media(max-width:460px){.content-wrap{width:calc(100% - 24px)}.catalog-section{padding-top:25px}.section-head h2{font-size:21px}.home-filters{grid-template-columns:1fr}.search-wrap{grid-column:auto}.product-grid{gap:16px 8px}.product-card h3{font-size:9px}.card-actions button,.card-actions a{font-size:7px}.cta-inner{flex-direction:column;text-align:center}.footer-grid{font-size:10px}}

/* =========================================================
   HOMEPAGE PRODUCT COLLECTION V15 — JAMROOTS BRAND PALETTE
   ========================================================= */
:root{
  --jr-green:#0f7a3b;
  --jr-green-dark:#075c2b;
  --jr-yellow:#f3c515;
  --jr-red:#d91f2a;
  --jr-red-dark:#b51620;
  --jr-soft:#f7f8f4;
}

.catalog-section{
  padding:38px 0 34px;
  background:#fff;
}
.catalog-section .content-wrap{
  width:min(1060px,calc(100% - 48px));
}
.section-head h2{
  font-family:"Arial Black",Arial,Helvetica,sans-serif;
  font-size:24px;
  line-height:1;
  letter-spacing:-.025em;
}
.section-head p{
  margin-top:5px;
  font-size:10px;
  letter-spacing:.02em;
}
.home-filters{
  margin:24px 0 18px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:end;
}
.filter-field{
  color:#111;
  font-size:11px;
  font-weight:800;
}
.filter-field>span{
  margin-bottom:7px;
}
.filter-field select{
  height:38px;
  border:1px solid #dedfd9;
  border-radius:4px;
  background:#f2f3ef;
  padding:0 12px;
  font-size:11px;
  color:#444;
  outline:none;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.filter-field select:focus{
  border-color:var(--jr-green);
  box-shadow:0 0 0 3px rgba(15,122,59,.10);
}
.product-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:16px;
  row-gap:22px;
}
.product-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  font-family:Arial,Helvetica,sans-serif;
}
.product-image{
  aspect-ratio:1.36/1;
  border-radius:6px;
  overflow:hidden;
  background:#eceee9;
  box-shadow:0 1px 0 rgba(0,0,0,.05);
}
.product-image img{
  transition:transform .3s ease;
}
.product-card:hover .product-image img{
  transform:scale(1.025);
}
.product-card h3{
  min-height:0;
  margin:8px 0 4px;
  font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size:12px;
  line-height:1.18;
  font-weight:800;
  letter-spacing:-.015em;
  color:var(--jr-green-dark);
}
.product-card h3 a:hover{
  color:var(--jr-red);
}
.price{
  display:flex;
  align-items:baseline;
  gap:6px;
  min-height:18px;
  font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:900;
}
.price del{
  color:#8b8b83;
  font-size:10px;
  font-weight:600;
}
.current-price{
  color:var(--jr-red);
}
.rating-row{
  display:flex;
  align-items:center;
  gap:5px;
  margin:1px 0 7px;
  min-height:13px;
}
.stars{
  margin:0;
  color:var(--jr-yellow);
  font-size:10px;
  line-height:1;
  letter-spacing:.6px;
  text-shadow:0 .4px 0 rgba(0,0,0,.25);
}
.rating-count{
  color:#6f726c;
  font-size:8px;
  font-weight:700;
}
.card-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  margin-top:auto;
}
.card-actions button,
.card-actions a{
  height:29px;
  border-radius:4px;
  font-size:8px;
  font-weight:900;
  letter-spacing:.01em;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.add-cart-btn{
  background:#fff!important;
  color:var(--jr-green-dark)!important;
  border-color:var(--jr-green)!important;
}
.add-cart-btn:hover{
  background:var(--jr-green)!important;
  color:#fff!important;
  transform:translateY(-1px);
}
.details-btn{
  background:var(--jr-red)!important;
  border-color:var(--jr-red)!important;
  color:#fff!important;
}
.details-btn:hover{
  background:var(--jr-red-dark)!important;
  border-color:var(--jr-red-dark)!important;
  transform:translateY(-1px);
}
.custom-cta{
  margin-top:2px;
}
.custom-cta .btn{
  background:var(--jr-green);
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.12);
}
.custom-cta .btn:hover{
  background:var(--jr-green-dark);
}

@media(max-width:900px){
  .catalog-section .content-wrap{width:min(820px,calc(100% - 36px))}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}
  .product-card h3{font-size:11px}
}
@media(max-width:700px){
  .home-filters{grid-template-columns:1fr 1fr 1fr;gap:9px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}
}
@media(max-width:460px){
  .catalog-section .content-wrap{width:calc(100% - 24px)}
  .home-filters{grid-template-columns:1fr}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px}
  .product-card h3{font-size:9.5px}
  .current-price{font-size:11px}
  .card-actions button,.card-actions a{height:27px;font-size:7px}
}

/* =========================================================
   HOMEPAGE PRODUCTS V16 — SQUARE 1000×1000 IMAGE READY
   ========================================================= */
.catalog-section .content-wrap{
  width:min(1080px,calc(100% - 48px));
}

.product-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:18px;
  row-gap:24px;
}

.product-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:0;
  background:#fff;
}

/* Keeps every current and future product photo perfectly square.
   Recommended upload size: 1000 × 1000 px. */
.product-image{
  display:block;
  width:100%;
  aspect-ratio:1 / 1;
  overflow:hidden;
  border-radius:9px;
  background:#f1f2ee;
  box-shadow:0 1px 5px rgba(0,0,0,.07);
}

.product-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  transition:transform .3s ease;
}

.product-card:hover .product-image img{
  transform:scale(1.025);
}

.product-card h3{
  min-height:38px;
  margin:9px 0 4px;
  font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size:14px;
  line-height:1.28;
  font-weight:800;
  letter-spacing:-.01em;
  color:#20251f;
}

.product-card h3 a:hover{
  color:var(--jr-green-dark);
}

.price{
  min-height:23px;
  gap:7px;
  font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.2;
  font-weight:900;
}

.price del{
  color:#8b8b83;
  font-size:11px;
}

.current-price{
  color:#c88d16;
}

.rating-row{
  min-height:17px;
  margin:2px 0 9px;
  gap:6px;
}

.stars{
  color:var(--jr-yellow);
  font-size:12px;
  letter-spacing:1px;
  text-shadow:0 .5px 0 rgba(0,0,0,.20);
}

.rating-count{
  color:#777b74;
  font-size:9px;
}

.card-actions{
  gap:7px;
}

.card-actions button,
.card-actions a{
  height:36px;
  border-radius:6px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:9px;
  font-weight:900;
}

.add-cart-btn{
  background:#fff!important;
  color:var(--jr-green-dark)!important;
  border:1.5px solid var(--jr-green)!important;
}

.add-cart-btn:hover{
  background:var(--jr-green)!important;
  color:#fff!important;
}

.details-btn{
  background:var(--jr-red)!important;
  border-color:var(--jr-red)!important;
  color:#fff!important;
}

.details-btn:hover{
  background:var(--jr-red-dark)!important;
  border-color:var(--jr-red-dark)!important;
}

@media(max-width:900px){
  .catalog-section .content-wrap{width:min(840px,calc(100% - 36px))}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}
  .product-card h3{font-size:12px;min-height:34px}
  .price{font-size:14px}
}

@media(max-width:700px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}
  .product-card h3{min-height:34px}
}

@media(max-width:460px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px}
  .product-card h3{font-size:10px;min-height:30px;margin-top:7px}
  .price{font-size:12px;min-height:18px}
  .stars{font-size:10px;letter-spacing:.5px}
  .card-actions button,.card-actions a{height:30px;font-size:7px}
}

/* V17 Slider admin */
.slider-admin-thumb{width:180px;height:72px;object-fit:cover;border-radius:8px;display:block}
.slider-form-preview{width:min(100%,720px);aspect-ratio:3/1;object-fit:cover;border-radius:10px;border:1px solid #ddd}
.admin-heading p{margin:4px 0 0;color:#6b7280}
@media(max-width:760px){.slider-admin-thumb{width:120px;height:55px}}
