﻿/* ============================================================
   IVERY Site Tweaks — header (logo mark / search / nav / locale)
   and homepage hero carousel. Design Skin variables reused.
   ============================================================ */

:root{
  --iv-paper:#F8F5F0; --iv-white:#FFFFFF; --iv-ink:#2A2A2A; --iv-ink2:#2A2A2A;
  --iv-muted:#6E6A62; --iv-line:#E2DCD2; --iv-accent:#5A6B59; --iv-accent-deep:#5A6B59;
  --iv-accent-tint:#E8EBE4;
  --iv-f-display:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --iv-f-sans:'Jost','Helvetica Neue',Arial,sans-serif;
  --iv-f-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
/* Keep transformed carousel / wide sections from creating page-level scroll.
   overflow-x:clip (not hidden) so position:sticky in the header keeps working. */
html, body{overflow-x:clip}

/* --- logo mark before the wordmark --- */
.site-branding .site-title .ivery-logo-mark{
	display:inline-block;
	height:30px;
	width:auto;
	max-width:160px;
	vertical-align:-7px;
	margin-right:.55rem;
	object-fit:contain;
}

/* ============================================================
   Header: two-row layout
   ============================================================ */
#site-header.ivery-hdr{
	display:block;
	position:sticky;                 /* freeze header (brand + search + menu) on scroll */
	top:0;
	z-index:9000;
	background:#F8F5F0 !important;
	border-bottom:1px solid var(--iv-line);
	box-shadow:0 2px 14px rgba(26,24,19,.05);
	padding:0 !important;
}
body.admin-bar #site-header.ivery-hdr{top:32px}
@media (max-width:782px){ body.admin-bar #site-header.ivery-hdr{top:46px} }
#site-header.ivery-hdr .ivery-hdr-inner{
	width:100%;
	max-width:none;
	margin:0 auto;
	padding:.7rem clamp(1rem, 2.6vw, 2.6rem) .5rem;
	box-sizing:border-box;
}
#site-header.ivery-hdr .ivery-hdr-row-top{
	display:flex;
	align-items:center;
	gap:1.2rem;
}
#site-header.ivery-hdr .site-branding{flex:none;margin:0}
#site-header.ivery-hdr .site-title{margin:0}
#site-header.ivery-hdr .site-title a{
	display:inline-flex;align-items:center;white-space:nowrap;
}

/* --- search --- */
#site-header .ivery-search{position:relative;flex:1 1 auto;min-width:0;max-width:640px}
#site-header .ivery-search-form{
	display:flex;align-items:stretch;
	border:1px solid var(--iv-line);border-radius:999px;
	background:var(--iv-white);overflow:hidden;
	box-shadow:0 1px 2px rgba(26,24,19,.04);
}
#site-header .ivery-search-form:focus-within{border-color:var(--iv-accent)}
#site-header .ivery-search-form input[type="search"]{
	flex:1 1 auto;min-width:0;border:none;background:transparent;
	padding:.6rem 1rem;font:inherit;font-size:.92rem;color:var(--iv-ink);
	outline:none;
}
#site-header .ivery-search-form input[type="search"]::placeholder{color:var(--iv-muted)}
#site-header .ivery-search-btn{
	border:none;background:var(--iv-accent-deep);color:#fff;cursor:pointer;
	font-family:var(--iv-f-sans);font-weight:500;font-size:.72rem;
	letter-spacing:.14em;text-transform:uppercase;
	padding:0 1.15rem;
	transition:background .18s ease;
}
#site-header .ivery-search-btn:hover{background:#4F5E4E}
#site-header .ivery-search-results{
	position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:3000;
	background:var(--iv-white);border:1px solid var(--iv-line);border-radius:4px;
	box-shadow:0 10px 30px rgba(26,24,19,.12);
	overflow:hidden;max-height:420px;overflow-y:auto;
}
#site-header .ivery-search-results ul{list-style:none;margin:0;padding:.35rem 0}
#site-header .ivery-search-results a{
	display:flex;align-items:center;gap:.75rem;padding:.5rem .9rem;
	color:var(--iv-ink);font-size:.88rem;text-decoration:none;
}
#site-header .ivery-search-results a:hover{background:var(--iv-paper)}
#site-header .ivery-search-results img{width:38px;height:38px;object-fit:cover;border-radius:2px;flex:none}
#site-header .ivery-search-results .r-name{flex:1;min-width:0}
#site-header .ivery-search-results .r-price{color:var(--iv-accent-deep);font-weight:600;white-space:nowrap}
#site-header .ivery-search-results .r-none{padding:.7rem .9rem;color:var(--iv-muted);font-size:.85rem}

/* --- main nav row --- */
#site-header .ivery-nav{
	margin-top:.45rem;border-top:1px solid var(--iv-line);
	display:flex;align-items:center;gap:1rem;
}
#site-header .ivery-nav-list{
	list-style:none;margin:0;padding:.15rem 0;
	display:flex;align-items:center;gap:.15rem;flex-wrap:wrap;margin-right:auto;
}
#site-header .ivery-nav-item{position:relative}
#site-header .ivery-nav-link{
	display:inline-block;padding:.5rem .85rem;
	font-family:var(--iv-f-sans);font-weight:500;font-size:.78rem;
	letter-spacing:.14em;text-transform:uppercase;color:var(--iv-ink);
	transition:color .18s ease;
}
#site-header .ivery-nav-item > a:hover,#site-header .ivery-nav-item.ivery-has-sub:hover > a{color:var(--iv-accent-deep)}
#site-header .ivery-nav-caret{
	position:absolute;right:.55rem;top:50%;width:6px;height:6px;
	border-right:1px solid currentColor;border-bottom:1px solid currentColor;
	transform:translateY(-70%) rotate(45deg);pointer-events:none;color:var(--iv-muted);
}
#site-header .ivery-nav-item.ivery-has-sub > a{padding-right:1.7rem}
#site-header .ivery-submenu{
	position:absolute;left:0;top:100%;z-index:2999;min-width:230px;
	background:var(--iv-white);border:1px solid var(--iv-line);border-radius:4px;
	box-shadow:0 10px 30px rgba(26,24,19,.12);
	list-style:none;margin:0;padding:.45rem 0;
	display:none;
}
#site-header .ivery-nav-item.ivery-has-sub.open .ivery-submenu{display:flex}
#site-header .ivery-nav-item.ivery-has-sub.open > a{color:#5A6B59}
#site-header .ivery-nav-item.ivery-has-sub.open .ivery-nav-caret{transform:translateY(-30%) rotate(225deg)}
#site-header .ivery-submenu a{
	display:block;padding:.45rem 1rem;color:var(--iv-ink2);
	font-size:.88rem;text-decoration:none;
}
#site-header .ivery-submenu a:hover{color:var(--iv-accent-deep);background:var(--iv-paper)}

/* --- right-side locale bar --- */
.ivery-locale{
	display:flex;align-items:center;gap:.4rem;margin-left:auto;flex:none;
}
.ivery-locale select{
	font:inherit;font-size:.8rem;color:var(--iv-ink);
	background:var(--iv-white);border:1px solid var(--iv-line);
	border-radius:3px;padding:.32rem .6rem .32rem .35rem;max-width:170px;cursor:pointer;
}
.ivery-locale select:focus{outline:none;border-color:var(--iv-accent)}

@media (max-width:1024px){
	.ivery-locale{display:none}
	#site-header .ivery-hdr-row-top{flex-wrap:wrap;gap:.6rem}
	#site-header .ivery-search{order:3;flex-basis:100%;max-width:none}
	#site-header .ivery-nav-list{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.2rem}
	#site-header .ivery-nav-link{white-space:nowrap}
	#site-header .ivery-submenu{position:static;display:none;min-width:0;box-shadow:none;border:none;padding:0 0 .2rem 1rem}
	#site-header .ivery-nav-item.ivery-has-sub.open .ivery-submenu{display:block}
}

/* ============================================================
   Homepage hero carousel (5 slides)
   ============================================================ */
.ivery-hero{
	position:relative;
	width:min(100vw, 1600px);        /* full-bleed up to the 1600px canvas, then centered */
	margin-left:calc(50% - min(50vw, 800px));
	overflow:hidden;
	background:var(--iv-ink);
}
.ivery-hero-track{
	display:flex;
	transition:transform .65s cubic-bezier(.22,.61,.36,1);
}
.ivery-hero-slide{
	position:relative;
	flex:0 0 100%;
	aspect-ratio:2.5 / 1;            /* 1600x640 canvas ratio */
	min-height:0;
	max-height:640px;
	background-size:cover;
	background-position:center;
	display:block;
	color:#fff;
	text-decoration:none;
}
.ivery-hero-scrim{
	position:absolute;inset:0;
	background:linear-gradient(100deg, rgba(15,14,11,.78) 0%, rgba(15,14,11,.35) 55%, rgba(15,14,11,.12) 100%);
}
.ivery-hero-copy{
	position:relative;z-index:2;
	max-width:1400px;margin:0 auto;padding:3.2rem 6rem 3.2rem 4rem;
	height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
	box-sizing:border-box;
}
.ivery-hero-kicker{
	font-family:var(--iv-f-sans);font-size:.74rem;font-weight:500;
	letter-spacing:.28em;text-transform:uppercase;
	color:var(--iv-accent-tint);margin-bottom:.9rem;opacity:.95;
}
.ivery-hero-copy h1,.ivery-hero-copy h2{
	font-family:var(--iv-f-display);font-weight:500;line-height:1.04;
	color:#fff;margin:0 0 .6rem;font-size:clamp(2rem,4.4vw,3.4rem);
	text-shadow:0 2px 18px rgba(0,0,0,.25);
}
.ivery-hero-copy p{color:rgba(255,255,255,.88);max-width:520px;margin:0 0 1.5rem;font-size:1rem;line-height:1.6}
.ivery-hero-cta{
	display:inline-block;
	font-family:var(--iv-f-sans);font-weight:500;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;
	color:#fff;background:var(--iv-accent-deep);border:1px solid var(--iv-accent-deep);
	border-radius:3px;padding:.8rem 1.9rem;
	transition:background .18s ease,color .18s ease;
}
.ivery-hero-slide:hover .ivery-hero-cta{background:#fff;color:var(--iv-ink)}
.ivery-hero-arrow{
	position:absolute;top:50%;transform:translateY(-50%);z-index:5;
	width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.5);
	background:rgba(0,0,0,.25);color:#fff;font-size:1.3rem;line-height:1;
	cursor:pointer;display:flex;align-items:center;justify-content:center;
	backdrop-filter:blur(2px);
	transition:background .18s ease;
}
.ivery-hero-arrow:hover{background:rgba(0,0,0,.55)}
.ivery-hero-arrow.prev{left:14px}
.ivery-hero-arrow.next{right:14px}
.ivery-hero-dots{
	position:absolute;left:0;right:0;bottom:16px;z-index:5;
	display:flex;justify-content:center;gap:.5rem;
}
.ivery-hero-dots button{
	width:9px;height:9px;border-radius:50%;border:none;cursor:pointer;
	background:rgba(255,255,255,.45);padding:0;transition:all .2s ease;
}
.ivery-hero-dots button.is-active{background:#fff;transform:scale(1.25)}
@media (max-width:920px){
	.ivery-hero-slide{aspect-ratio:auto;min-height:360px} /* avoid ratio inflating width on small screens */
}
@media (max-width:768px){
	.ivery-hero-slide{min-height:340px}
	.ivery-hero-copy{padding:2.2rem 1.3rem}
	.ivery-hero-arrow{width:34px;height:34px;font-size:1rem}
	.ivery-hero-arrow.prev{left:6px}.ivery-hero-arrow.next{right:6px}
}

/* ============================================================
   Video poster section (1200x640 canvas)
   ============================================================ */
.ivery-video-poster{
	position:relative;
	width:100%;
	max-width:1200px;
	margin:2.2rem auto 0;
	aspect-ratio:16 / 9;
	background:#141414;
	border-radius:4px;
	overflow:hidden;
}
.ivery-video-poster .ivery-video{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	border:none;
}
.ivery-video-ph{
	position:absolute;inset:0;
	display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;
	color:#fff;text-align:center;cursor:pointer;
	background:rgba(20,20,20,.35);
	pointer-events:none; /* placeholder overlay only */
}
.ivery-video-poster.has-video .ivery-video-ph{display:none}
.ivery-video-ph-ic{
	width:64px;height:64px;border-radius:50%;
	background:rgba(255,255,255,.16);
	border:1px solid rgba(255,255,255,.55);
	display:flex;align-items:center;justify-content:center;
	font-size:1.5rem;color:#fff;
	padding-left:5px; /* optical centering */
}
.ivery-video-ph-t{
	font-family:var(--iv-f-sans);font-weight:500;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;
}
.ivery-video-ph-s{font-size:.78rem;color:rgba(255,255,255,.75)}
@media (max-width:768px){
	.ivery-video-poster{margin-top:1.4rem}
}

/* ============================================================
   New arrival banner: 1500px wide, 3.8:1, rounded, 80px vertical padding
   ============================================================ */
.ivery-newbanner{
	position:relative;
	width:min(100vw,1500px);
	margin-left:calc(50% - min(50vw,750px));
	margin-top:1.6rem;
	aspect-ratio:1500 / 300;   /* 5:1 canvas */
	background:#EDE9E0;
	border-radius:22px;
	overflow:hidden;
	box-sizing:border-box;
	display:flex;
	align-items:center;
}
.ivery-newbanner .nb-img-link{position:absolute;inset:0;display:none}
.ivery-newbanner-in{
	width:100%;
	display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
	padding:80px clamp(1.4rem,4vw,4rem);
	box-sizing:border-box;
}
.nb-copy{display:flex;flex-direction:column;gap:.25rem}
.nb-kicker{
	font-family:var(--iv-f-sans);font-size:12px;font-weight:500;
	letter-spacing:.22em;text-transform:uppercase;color:#5A6B59;
}
.nb-title{
	font-family:var(--iv-f-display);
	font-size:clamp(1.6rem,3.4vw,2.7rem);font-weight:500;color:#2A2A2A;line-height:1.1;
}
.nb-btn{
	flex:none;
	font-family:var(--iv-f-sans);font-weight:500;font-size:.8rem;
	letter-spacing:.16em;text-transform:uppercase;color:#fff;
	background:#5A6B59;border:1px solid #5A6B59;border-radius:3px;
	padding:.95rem 2.1rem;
	text-decoration:none !important;
	transition:background .18s ease,color .18s ease;
}
.nb-btn:hover{background:#fff;color:#2A2A2A;border-color:#fff}
@media (max-width:781px){
	.ivery-newbanner{aspect-ratio:auto;min-height:190px;height:auto}
	.ivery-newbanner-in{flex-wrap:wrap;justify-content:center;text-align:center;row-gap:.8rem;padding:1.1rem 1.2rem}
	.nb-copy{align-items:center}
}

/* ============================================================
   New arrivals product showcase (below the New Arrival banner)
   ============================================================ */
.ivery-showcase{
	margin-top:2rem;
}
.ivery-showcase-head{
	display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
	margin-bottom:1.1rem;
}
.ivery-showcase-title{
	font-family:var(--iv-f-display);
	font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:500;color:#2A2A2A;margin:0;
}
.ivery-showcase-more{
	font-family:var(--iv-f-sans);font-size:.78rem;font-weight:500;
	letter-spacing:.14em;text-transform:uppercase;color:#5A6B59;
	text-decoration:none !important;white-space:nowrap;
}
.ivery-showcase-more:hover{color:#2A2A2A}
.ivery-showcase-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
	gap:1.1rem;
}
.ivery-card{
	background:var(--iv-white);
	border:1px solid var(--iv-line);
	border-radius:10px;
	overflow:hidden;
	display:flex;flex-direction:column;
	transition:box-shadow .18s ease,transform .18s ease;
}
.ivery-card:hover{box-shadow:0 8px 22px rgba(26,24,19,.08);transform:translateY(-2px)}
.ivery-card-media{
	display:block;width:100%;aspect-ratio:3 / 4;overflow:hidden;
	background:#EFECE5;
}
.ivery-card-media img{
	width:100%;height:100%;object-fit:cover;display:block;
	transition:transform .35s ease;
}
.ivery-card:hover .ivery-card-media img{transform:scale(1.04)}
.ivery-card-title{
	display:block;
	padding:.75rem .9rem 0;
	font-size:16px;font-weight:500;color:#2A2A2A;line-height:1.35;
	text-decoration:none !important;
	overflow:hidden;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.ivery-card-title:hover{color:#5A6B59}
.ivery-card-price{
	padding:.35rem .9rem 1rem;
	font-size:16px;font-weight:600;
}
.ivery-card-price .woocommerce-Price-amount{font-size:16px;font-weight:600}
@media (max-width:1024px){
	.ivery-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
	.ivery-showcase-grid{gap:.7rem}
}

/* ============================================================
   Collection sections (Women Wear / Men Wear / Accessories)
   ============================================================ */
.ivery-collection{margin-top:2.2rem}
.collection-banner{
	display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
	width:100%;box-sizing:border-box;
	padding:1.1rem clamp(1.2rem,3vw,2.4rem);
	background:linear-gradient(105deg,#F2EFE8 0%,#E8EBE3 55%,#DDE5DA 100%);
	border-radius:16px;
	margin-bottom:1.1rem;
}
.collection-copy{display:flex;flex-direction:column;gap:.1rem}
.collection-kicker{
	font-family:var(--iv-f-sans);font-size:11px;font-weight:500;
	letter-spacing:.24em;text-transform:uppercase;color:#5A6B59;
}
.collection-title{
	font-family:var(--iv-f-display);
	font-size:clamp(1.4rem,2.6vw,2.2rem);font-weight:500;color:#2A2A2A;line-height:1.1;
}
.collection-btn{
	flex:none;
	font-family:var(--iv-f-sans);font-weight:500;font-size:.78rem;
	letter-spacing:.16em;text-transform:uppercase;color:#fff;
	background:#5A6B59;border:1px solid #5A6B59;border-radius:999px;
	padding:.8rem 1.7rem;
	text-decoration:none !important;
	transition:background .18s ease,color .18s ease;
}
.collection-btn:hover{background:#fff;color:#2A2A2A;border-color:#fff}
.collection-empty{
	margin:0;padding:.9rem 1rem;
	background:var(--iv-white);border:1px dashed var(--iv-line);border-radius:12px;
	color:var(--iv-muted);font-size:.9rem;text-align:center;
}
@media (max-width:781px){
	.collection-banner{flex-wrap:wrap;justify-content:center;text-align:center;row-gap:.7rem}
	.collection-copy{align-items:center}
}

/* ============================================================
   About section: image left, text right
   ============================================================ */
.ivery-about{
	display:grid;
	grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
	gap:clamp(1.5rem,3vw,3rem);
	align-items:center;
	margin-top:2.6rem;
	padding:clamp(1.2rem,2.5vw,2.4rem);
	background:var(--iv-white);
	border:1px solid var(--iv-line);
	border-radius:18px;
	box-sizing:border-box;
}
.about-media{overflow:hidden;border-radius:12px}
.about-media img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}
.about-kicker{
	font-family:var(--iv-f-sans);font-size:12px;font-weight:500;
	letter-spacing:.24em;text-transform:uppercase;color:#5A6B59;
}
.about-title{
	font-family:var(--iv-f-display);
	font-size:clamp(1.7rem,3vw,2.5rem);font-weight:500;color:#2A2A2A;
	margin:.3rem 0 .8rem;line-height:1.12;
}
.about-text{font-size:16px;line-height:1.65;color:#444444;margin:0 0 1em}
.about-btn{
	display:inline-block;
	font-family:var(--iv-f-sans);font-weight:500;font-size:.8rem;
	letter-spacing:.16em;text-transform:uppercase;color:#fff;
	background:#5A6B59;border:1px solid #5A6B59;border-radius:999px;
	padding:.85rem 1.9rem;
	text-decoration:none !important;
	margin-top:.3rem;
	transition:background .18s ease,color .18s ease;
}
.about-btn:hover{background:#fff;color:#2A2A2A;border-color:#fff}
@media (max-width:900px){
	.ivery-about{grid-template-columns:1fr}
	.about-media img{max-height:340px}
}

/* ============================================================
   Customer reviews carousel
   ============================================================ */
.ivery-reviews{
	margin-top:2.6rem;
	padding:clamp(1.4rem,3vw,2.6rem);
	background:var(--iv-white);
	border:1px solid var(--iv-line);
	border-radius:18px;
	box-sizing:border-box;
	text-align:center;
}
.reviews-head{margin-bottom:1.4rem}
.reviews-kicker{
	font-family:var(--iv-f-sans);font-size:12px;font-weight:500;
	letter-spacing:.24em;text-transform:uppercase;color:#5A6B59;
}
.reviews-title{
	font-family:var(--iv-f-display);
	font-size:clamp(1.6rem,2.8vw,2.3rem);font-weight:500;color:#2A2A2A;
	margin:.2rem 0 0;line-height:1.12;
}
.reviews-viewport{overflow:hidden}
.reviews-track{
	display:flex;
	transition:transform .6s cubic-bezier(.22,.61,.36,1);
}
.review-slide{
	flex:0 0 100%;
	box-sizing:border-box;
	padding:0 clamp(1rem,6vw,6rem);
}
.review-stars{color:#E8A33D;font-size:1.25rem;letter-spacing:3px}
.review-quote{
	font-family:var(--iv-f-display);
	font-size:clamp(1.2rem,2vw,1.6rem);line-height:1.45;color:#2A2A2A;
	margin:.7rem auto 1rem;max-width:760px;font-weight:500;
}
.review-who{font-family:var(--iv-f-sans);font-size:.82rem;letter-spacing:.1em;color:#444444;text-transform:uppercase}
.reviews-controls{
	display:flex;align-items:center;justify-content:center;gap:1.4rem;
	margin-top:1.3rem;
}
.review-arrow{
	width:38px;height:38px;border-radius:50%;
	border:1px solid var(--iv-line);background:var(--iv-white);color:#2A2A2A;
	font-size:1.2rem;line-height:1;cursor:pointer;
	display:flex;align-items:center;justify-content:center;
	transition:all .18s ease;
}
.review-arrow:hover{border-color:#5A6B59;color:#5A6B59}
.reviews-dots{display:flex;gap:.5rem}
.reviews-dots button{
	width:8px;height:8px;border-radius:50%;border:none;padding:0;cursor:pointer;
	background:rgba(42,42,42,.25);transition:all .2s ease;
}
.reviews-dots button.is-active{background:#5A6B59;transform:scale(1.2)}

/* ============================================================
   Blog showcase
   ============================================================ */
.ivery-blog{margin-top:2.6rem}
.blog-head{
	display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
	margin-bottom:1.1rem;
}
.blog-heading{display:flex;flex-direction:column;gap:.15rem}
.blog-kicker{
	font-family:var(--iv-f-sans);font-size:12px;font-weight:500;
	letter-spacing:.24em;text-transform:uppercase;color:#5A6B59;
}
.blog-title{
	font-family:var(--iv-f-display);
	font-size:clamp(1.6rem,2.8vw,2.3rem);font-weight:500;color:#2A2A2A;margin:0;line-height:1.12;
}
.blog-more{
	font-family:var(--iv-f-sans);font-size:.78rem;font-weight:500;
	letter-spacing:.14em;text-transform:uppercase;color:#5A6B59;
	text-decoration:none !important;white-space:nowrap;
}
.blog-more:hover{color:#2A2A2A}
.blog-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:1.1rem;
}
.blog-card{
	background:var(--iv-white);border:1px solid var(--iv-line);border-radius:14px;
	overflow:hidden;display:flex;flex-direction:column;
	transition:box-shadow .18s ease,transform .18s ease;
}
.blog-card:hover{box-shadow:0 8px 22px rgba(26,24,19,.08);transform:translateY(-2px)}
.blog-card-media{display:block;aspect-ratio:16/10;overflow:hidden;background:#EFECE5}
.blog-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.blog-card-body{padding:1rem 1.05rem 1.2rem;display:flex;flex-direction:column;gap:.45rem;flex:1}
.blog-card-title{
	font-size:16px;font-weight:500;color:#2A2A2A;line-height:1.35;
	text-decoration:none !important;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.blog-card-title:hover{color:#5A6B59}
.blog-card-excerpt{
	margin:0;font-size:.9rem;line-height:1.55;color:#444444;
	display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.blog-card-more{
	font-family:var(--iv-f-sans);font-size:.74rem;font-weight:500;letter-spacing:.12em;
	text-transform:uppercase;color:#5A6B59;text-decoration:none !important;margin-top:auto;padding-top:.3rem;
}
.blog-card-more:hover{color:#2A2A2A}
@media (max-width:900px){
	.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
	.blog-grid{grid-template-columns:1fr}
}

/* ============================================================
   Site canvas: 1500px content width, centered
   ============================================================ */
main#content,
.site-main{
	max-width:1500px !important;
	width:100% !important;
	box-sizing:border-box !important;
	padding-left:clamp(1rem, 2vw, 2rem) !important;
	padding-right:clamp(1rem, 2vw, 2rem) !important;
	margin-left:auto !important;
	margin-right:auto !important;
}
#primary,
.content-area,
.page-content{
	max-width:none !important;
	width:auto !important;
	margin:0 auto !important;
	padding:0 !important;
}
/* keep wide blocks inside the 1500px canvas (no full-bleed negative margins) */
.wp-block-columns.alignwide,
.wp-block-group.alignwide,
.alignwide{
	margin-left:0 !important;
	margin-right:0 !important;
	width:100% !important;
}
/* keep WP block columns stacking inside the now full-width canvas on small screens */
@media (max-width:781px){
	.wp-block-columns.alignwide{margin-left:0 !important;margin-right:0 !important;width:100% !important}
	.wp-block-columns{flex-wrap:wrap !important}
	.wp-block-column{flex-basis:100% !important;margin-left:0 !important;max-width:100% !important}
}

/* ============================================================
   IVERY color skin v2 (global): bg #F8F5F0 · text #2A2A2A · button #5A6B59
   ============================================================ */
body{background:#F8F5F0;color:#2A2A2A}
.page-content,.entry-content{color:#2A2A2A}

/* quote console shares the same skin */
#iqc-console.iqc-wrap{
	--iqc-paper:#F8F5F0;
	--iqc-white:#FFFFFF;
	--iqc-ink:#2A2A2A;
	--iqc-ink2:#2A2A2A;
	--iqc-muted:#6E6A62;
	--iqc-line:#E2DCD2;
	--iqc-accent:#5A6B59;
	--iqc-accent-deep:#5A6B59;
	--iqc-accent-tint:#E8EBE4;
}
#site-header.ivery-hdr{background:#F8F5F0 !important;border-bottom-color:#E2DCD2}

/* primary buttons -> #5A6B59 */
a.wp-block-button__link{
	background:#5A6B59 !important;border-color:#5A6B59 !important;color:#fff !important;
}
a.wp-block-button__link:hover{background:#4F5E4E !important;border-color:#4F5E4E !important;color:#fff !important}
.ivery-search-btn,.ivery-hero-cta,.iqc-btn-primary{background-color:#5A6B59;border-color:#5A6B59}
.ivery-hero-cta:hover{background:#fff;color:#2A2A2A;border-color:#fff}

/* ============================================================
   SHOP BY COLLECTION: horizontal mega menu (4 groups side by side)
   ============================================================ */
#site-header .ivery-submenu{
	left:0;right:auto;
	flex-direction:row;align-items:flex-start;gap:1.1rem;
	min-width:0;max-width:min(1200px,96vw);
	padding:.8rem 1rem 1.1rem;
	max-height:min(620px,74vh);
	overflow-y:auto;
}
#site-header .ivery-nav-item.ivery-has-sub.open .ivery-submenu{display:flex}
#site-header .sub-group{
	flex:1 1 0;min-width:0;
	padding:.1rem .3rem .2rem 1.05rem;
	border-bottom:none;
	border-left:1px dashed var(--iv-line);
}
#site-header .sub-group:first-child{border-left:none;padding-left:.2rem}
#site-header .sub-group-head{
	display:inline-block;padding:.2rem .4rem .35rem;
	font-family:var(--iv-f-sans);font-size:.72rem;font-weight:600;
	letter-spacing:.14em;text-transform:uppercase;color:#2A2A2A;
}
#site-header .sub-group-head:hover{color:#5A6B59}
#site-header .sub-group-list{
	list-style:none;margin:.15rem 0 0;padding:0;
	display:block; /* vertical list inside each horizontal group column */
}
#site-header .sub-group-list a{
	display:block;padding:.3rem .4rem;color:#2A2A2A;font-size:.88rem;white-space:nowrap;
}
#site-header .sub-group-list a:hover{color:#5A6B59;background:transparent}
@media (max-width:1024px){
	#site-header .ivery-submenu{
		left:0;right:auto;flex-direction:column;gap:.3rem;
		min-width:0;width:100%;max-width:none;max-height:none;overflow:visible;
	}
	#site-header .ivery-nav-item.ivery-has-sub.open .ivery-submenu{display:block}
	#site-header .sub-group{border-left:none;padding:.1rem 0 .3rem .8rem}
}

/* ============================================================
   Nav bar icons (login + cart) — far right of the menu bar
   ============================================================ */
#site-header .ivery-nav-icons{
	display:flex;align-items:center;gap:.35rem;
	margin-left:auto;flex:none;padding-left:1rem;
}
#site-header .ivery-nav-ic{
	position:relative;display:inline-flex;align-items:center;gap:.45rem;
	padding:.42rem .7rem;border:1px solid var(--iv-line);border-radius:999px;
	background:var(--iv-white);color:#2A2A2A;
	font-family:var(--iv-f-sans);font-size:.74rem;font-weight:500;
	letter-spacing:.08em;text-transform:uppercase;
	transition:border-color .18s ease,color .18s ease;
}
#site-header .ivery-nav-ic:hover{color:#5A6B59;border-color:#5A6B59}
#site-header .ivery-nav-ic svg{flex:none}
#site-header .ivery-cart-count{
	position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;
	border-radius:9px;background:#5A6B59;color:#fff;
	font-size:11px;line-height:18px;text-align:center;padding:0 4px;
	font-weight:600;font-family:var(--iv-f-body);
}
@media (max-width:1200px){
	#site-header .ivery-nav-ic-label{display:none}
	#site-header .ivery-nav-ic{padding:.45rem}
}
@media (max-width:1024px){
	#site-header .ivery-nav{flex-wrap:wrap}
	#site-header .ivery-nav-list{flex:1 1 auto;overflow-x:auto;white-space:nowrap;padding-bottom:.2rem}
	#site-header .ivery-nav-icons{margin-left:0}
	#site-header .ivery-nav-ic-label{display:none}
	#site-header .ivery-nav-ic{padding:.45rem}
}
