:root {
  --ivory: #f6f3eb;
  --paper: #fcfaf5;
  --beige: #ddd4c4;
  --forest: #183129;
  --forest-soft: #29443a;
  --charcoal: #262823;
  --muted: #77776e;
  --gold: #bd9a5f;
  --line: rgba(38, 40, 35, .18);
  --white: #fff;
  --serif: "Cormorant Garamond", Georgia, serif;
  --sans: "Montserrat", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--charcoal); background: var(--paper); font-family: var(--sans); font-size: 15px; line-height: 1.6; font-weight: 300; }
body, a, button, input { letter-spacing: 0; }
div, ul, h1, h2, h3, h4, h5, li, p, img, form, input, textarea {margin:0;padding:0;}
img { display: block; max-width: 100%; height: auto;border:none;}
a { color: inherit; text-decoration: none; }
li {list-style:none;}
button, input { font: inherit; }
button { cursor: pointer; }
.forMob,.forTab{ display:none;}

/********************************/
/********************************/
.age-pop-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0
}
.pop-up-bg {
	    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    margin: 0px;
    padding: 0px;
    z-index: 9999600;
    border: 0px;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(10px);
}
.pop-up-bg-in {
    position: fixed;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(10px);
    transition: left 1s ease 0s;
    z-index: 10000010;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}
.pop-up-left {
	width: 100% ;
	height: 100% ;
	position: fixed ;
	left: 0px ;
	top: 0px ;
	border: 0px;
	background-color: rgb(0, 0, 0) ;
	display: none ;
	opacity: 0.8 ;
	z-index: 10000001 ;
}
.pop-up-left-txt {
    font-size: clamp(14px, 3vw, 16px);
    box-sizing: initial;
    overflow-wrap: break-word;
    transition: left 1s ease 0s;
    display: grid;
    grid-template-columns: 1fr;
    text-align: center;
    padding: clamp(20px, 3vw, 50px);
    line-height: 24px;
    color: #fff;
    float: left;
    width: 100%;
    justify-content: stretch;
    align-items: center;
    max-width: 1000px;
    justify-items: center;
    gap: 10px;
}
.pop-innr {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    text-align: center;
}
.pop-btn {
    display: inline-block;
    vertical-align: middle;
    width: 200px;
}
.pop-up-left-txt span{
	font-weight: 700;
    font-size: 24px;
    margin-bottom: 15px;
    display: block;
	}
.pop-up-left-txt a{ text-decoration:underline;     display: inline-block; color: #fff}
.yes-btn, .no-btn {
    cursor: pointer;
    margin-top: 10px;
    height: 40px;
    color: var(--white);
    font-size: 12px;
    text-align: center;
    outline: none;
    box-shadow: none;
    background: var(--gold);
    appearance: none;
    transition: left 1s ease 0s;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    padding: 10px 20px;
    line-height: 16px;
    border: none;
    letter-spacing: 0.05em;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}
.no-btn {
    background: var(--muted);
}
.yes-btn {
	
}
/*********************************/

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.section { padding: 120px max(5vw, 40px); }
.eyebrow { margin: 0 0 clamp(10px,2vw, 18px); color: var(--gold); font-size: 10px; font-weight: 600; letter-spacing: .24em; text-transform: uppercase; }
.eyebrow.light { color: var(--beige); }
h1, h2 { margin: 0; font-family: var(--serif); font-weight: 400; line-height: .99; }
h2 { color: var(--forest); font-size: clamp(34px, 4.5vw, 56px); text-transform: capitalize;line-height: clamp(40px, 5vw, 62px);}
.button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 0 30px; border: 1px solid transparent; font-size: 10px; font-weight: 600; letter-spacing: .17em; text-transform: uppercase; transition: background .3s, color .3s, border-color .3s, transform .3s; }
.button:hover { transform: translateY(-2px); }
.button-light { background: var(--ivory); color: var(--forest); }
.button-light:hover { background: var(--gold); color: var(--white); }
.button-dark { background: var(--forest); color: var(--white); }
.button-dark:hover { background: var(--gold); }
.button-gold { background: var(--gold); color: var(--forest); }
.button-gold:hover { background: var(--ivory); }
.text-link { display: inline-flex; align-items: center; gap: 18px; padding-bottom: 7px; border-bottom: 1px solid var(--charcoal); font-size: 10px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; transition: color .3s, gap .3s; }
.text-link:hover { color: var(--gold); gap: 24px; }
.light-link { color: var(--white); border-color: rgba(255,255,255,.55); }

/*MOBILE MENU CSS*/
.mob-mnu-ic{
    cursor: pointer;
	z-index:16;
	height:30px;
	}
.mob-mnu-ic button{
	outline: none;
    -webkit-appearance: none;
	background: none;
	padding:0;
    cursor: pointer;
	border: none;
	margin:0;
	}
.mob-mnu-ic span{
	color:#fff;
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	margin-top:4px;
	margin-right:5px;
	}
.bar1, .bar2, .bar3 {
	width: 30px;
	height: 4px;
	background-color: var(--beige);
	transition: 0.4s;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	}
.bar2{margin: 6px 0;}

.dl-active .bar1 {
	-webkit-transform: rotate(-45deg) translate(-7px, 6px);
	transform: rotate(-45deg) translate(-7px, 6px);
	background:var(--beige);
	}
.dl-active .bar2 {opacity: 0;}
.dl-active .bar3 {
	-webkit-transform: rotate(45deg) translate(-8px, -7px);
	transform: rotate(45deg) translate(-8px, -7px);
	background:var(--beige);
	}
	
.mobilemenu{
	left: 0;
    position: fixed;
    top: 50px;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(10px);
    z-index: 99999;
    right: 0;
    bottom: 0;
    overflow: scroll;
    display: none;
    margin: 0;
	}
.mobilemenu li{
	float:left;
	width:100%;
	text-align:left;
	border-bottom:1px solid #CCC;
	}
.mobilemenu li a{
	float:left;
	width:100%;
	padding:17px 20px;
	font-size: .76em;
    color: var(--white);
    text-transform: uppercase;
	}


.top-fix-bar {margin-bottom:clamp(50px, 6.5vw, 80px);}

.fixed-nav .site-header{
	position: fixed;
	top: 0;
	-webkit-transition: margin .3s ease-out;
    transition: margin .3s ease-out;
	margin-top:0;	
	-webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.1);
	box-shadow: 0 3px 4px 0 rgba(0,0,0,0.1);
	}

.site-header { position: relative; z-index: 20; top: clamp(50px, 6.5vw, 80px); left: 0; width: 100%; height: clamp(50px, 6.5vw, 80px);margin-top: clamp(-80px, -6.5vw, -50px); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 5vw; color: var(--white); background: rgba(0, 0, 0, 0.35); -webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}
.wordmark { display: inline-flex;align-items: center;width: clamp(140px, 15vw, 200px); }
.mark { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid currentColor; font-family: var(--serif); font-size: 11px; letter-spacing: 0; transform: rotate(45deg); }
.mark::first-line { transform: rotate(-45deg); }
.wordmark .mark { line-height: 34px; text-align: center; }
.main-nav { display: flex; gap: 40px; }
.main-nav a, .utility-nav a { font-size: 10px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; transition: opacity .25s; }
.main-nav a:hover, .utility-nav a:hover { opacity: .6; }
.utility-nav { justify-self: end; display: flex; align-items: center; gap: 21px; }
.utility-nav svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.4; }
.bag { display: flex; align-items: center; gap: 5px; }
.bag span { font-size: 9px; }

.hero { position: relative; min-height: 760px; height: 100svh; color: var(--white); overflow: hidden; }
.hero > img { position: absolute; inset: 0; height: 100%; object-fit: cover; object-position: center bottom; animation: reveal 1.4s ease both; }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,18,14,.55) 0%, rgba(8,18,14,.1) 60%, rgba(8,18,14,.04)), linear-gradient(0deg, rgba(8,18,14,.34), transparent 45%); }
.hero-content { position: absolute; z-index: 2; left: max(8vw, 70px); top: 51%; transform: translateY(-45%); animation: rise 1s .25s ease both; }
.hero h1 { max-width: 760px; text-transform: capitalize;font-size: clamp(55px, 7.1vw, 112px);line-height: clamp(65px, 8.1vw, 122px);}
.hero-copy { margin: 30px 0 36px; font-size: clamp(14px,3vw, 16px); line-height: 1.7; color: rgba(255,255,255,.85); }
.hero-actions { display: flex; align-items: center; gap: 35px; }
.scroll-cue { position: absolute; z-index: 2; left: 5vw; bottom: 35px; display: flex; align-items: center; gap: 14px; font-size: 9px; letter-spacing: .18em; text-transform: uppercase; transform: rotate(-90deg); transform-origin: left center; }
.scroll-cue span { display: block; width: 45px; height: 1px; background: currentColor; }

.section-heading { max-width: 700px; margin: 0 auto 64px; text-align: center; }
.section-heading > p:last-child { max-width: 590px; margin: clamp(12px,3vw, 25px) auto 0; color: var(--muted); }
.category-grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: 330px; gap: 18px; }
.category-card { position: relative; grid-column: span 4; overflow: hidden; color: var(--white); }
.category-card.tall { grid-row: span 2; }
.category-card.wide { grid-column: span 8; }
.category-card img { height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.category-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(9,18,14,.75), transparent 110%); transition: background .4s; }
.category-card:hover img { transform: scale(1.035); }
.category-card span { position: absolute; z-index: 2; left: 30px; bottom: 27px; }
.category-card b { display: block; font-family: var(--serif); font-size: 31px; font-weight: 400; }
.category-card small { display: block; margin-top: 5px; font-size: 9px; letter-spacing: .18em; text-transform: uppercase; opacity: 0; transform: translateY(8px); transition: opacity .35s, transform .35s; }
.category-card:hover small { opacity: 1; transform: none; }

/* shop toolbar */
.toolbar {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    align-items: end;
    padding: 24px 0;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    margin-bottom: clamp(25px, 3vw, 46px);
    justify-content: end;
    justify-items: end;
}

.field {
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid var(--line);
    padding: 9px 14px;
    background: transparent;
    font-size: 11px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
	justify-content: space-between;
}
.field select, .field input {
	border: 0;
	background: none;
	outline: none;
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	border-left: 1px solid var(--line);
	padding-left: 20px;
}

.view-toggle { display: flex; gap: 0; border: 1px solid var(--line); }
.view-toggle button { padding: 9px 14px; background: none; border: 0; font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase; }
.view-toggle button.is-active { background: var(--charcoal); color: var(--ivory); }

.result-count { font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--muted); margin-bottom: 22px; }

.products-section { background: var(--ivory); }
.title-row { display: flex; align-items: end; justify-content: space-between; margin-bottom: 55px; }
.product-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 24px; }
.product-image { position: relative; aspect-ratio: .92; overflow: hidden; background: var(--white);display: flex;justify-content: center;align-items: center;}
.product-image img, .mini-product img { margin: 0px auto; transition: transform .7s ease; width: calc(100% - 60px);}
.product-card:hover .product-image img, .mini-product:hover img { transform: scale(1.025); }
.tag { position: absolute; z-index: 2; top: 16px; left: 16px; padding: 7px 10px; background: var(--ivory); color: var(--forest); font-size: 8px; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }
.heart { position: absolute; z-index: 3; top: 15px; right: 15px; width: 34px; height: 34px; border: 0; border-radius: 50%; background: rgba(252,250,245,.9); color: var(--forest); font-size: 20px; line-height: 1; transition: color .25s, transform .25s; display:none;}
.heart:hover { color: var(--gold); transform: scale(1.08); }
.quick-add { position: absolute; z-index: 3; left: 14px; right: 14px; bottom: 14px; height: 44px; border: 0; background: rgba(24,49,41,.94); color: var(--white); font-size: 9px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; transform: translateY(65px); transition: transform .35s, background .25s; }
.quick-add:hover { background: var(--gold); }
.product-card:hover .quick-add, .product-card:focus-within .quick-add { transform: none; }
.product-info { display: flex; justify-content: space-between; gap: 12px; margin-top: 20px; padding: 0 5px; flex-wrap: wrap;}
.product-info div {display: flex;justify-content: space-between;width: 100%;}
.product-info h3, .mini-product h3 { margin: 0 0 3px; color: var(--forest); font-family: var(--serif); font-size: 22px; font-weight: 400; }
.product-info p, .mini-product p { margin: 0; color: var(--muted); font-size: 11px;   font-weight: 400; letter-spacing: 0.02em}
.mini-product p{font-size: 14px;    font-weight: 700;}
.product-info strong { color: var(--forest); font-size: 14px; font-weight: 700; white-space: nowrap; }
.rating { margin: 9px 0 0; color: var(--gold); font-size: 9px; letter-spacing: .08em; }
.rating span { margin-left: 6px; color: var(--muted); letter-spacing: 0; }

.featured { display: grid; grid-template-columns: 57% 43%; min-height: 790px; background: var(--beige); }
.featured-image { min-height: 680px; overflow: hidden; }
.featured-image img { height: 100%; object-fit: cover; }
.featured-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 9vw 5vw; }
.featured-copy > p:not(.eyebrow) { max-width: 500px; margin: clamp(15px, 4vw, 30px) 0 clamp(15px, 4vw, 35px);color: var(--charcoal);font-size: clamp(14px, 3vw, 16px); }
.details { display: grid; width: 100%; grid-template-columns: repeat(3,1fr); gap: 15px; margin: 0 0 42px; padding: clamp(15px, 3vw, 26px) 0; border-top: 1px solid rgba(38,40,35,.18); border-bottom: 1px solid rgba(38,40,35,.18); }
.details div { display: flex; gap: 10px; }
.details dt { color: var(--gold); font-size: 9px; }
.details dd { margin: 0; font-size: 12px; line-height: 1.45; letter-spacing: .08em; text-transform: uppercase; }

.arrival-layout { display: grid; grid-template-columns: 1fr; gap: 50px; }
.arrival-story { position: relative; min-height: 760px; color: var(--white); overflow: hidden; }
.arrival-story::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(10,20,16,.67),transparent 55%); }
.arrival-story img { height: 100%; object-fit: cover; }
.arrival-story > span { position: absolute; z-index: 2; left: 45px; bottom: 42px; }
.arrival-story small, .arrival-story em { display: block; font-size: 9px; font-style: normal; letter-spacing: .16em; text-transform: uppercase; }
.arrival-story b { display: block; margin: 9px 0 18px; font-family: var(--serif); font-size: 43px; font-weight: 400; }
.arrival-products { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 38px 22px; align-content: start; }
.mini-product > div { position: relative; aspect-ratio: .84; overflow: hidden; background: var(--ivory); display: flex;    justify-content: center;    align-items: center;}
.mini-product h3 { margin-top: 14px; }

.experience { background: var(--forest); color: var(--white); }
.experience-image { position: relative; height: min(74vw, 790px); min-height: 570px; overflow: hidden; }
.experience-image > img { height: 100%; object-fit: cover; }
.experience-image::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,17,13,.68),rgba(7,17,13,.05) 65%); }
.experience-image > div { position: absolute; z-index: 2; left: 8vw; top: 50%; transform: translateY(-50%); }
.experience h2 { color: var(--white); font-size: clamp(45px, 6vw, 92px);line-height: clamp(52px, 6vw, 97px); }
.experience .text-link { margin-top: 35px; }
.benefits { display: grid; grid-template-columns: repeat(4,1fr); padding: 70px 6vw 78px; }
.benefits > div { position: relative; padding: 0 3.5vw; border-right: 1px solid rgba(255,255,255,.15); }
.benefits > div:last-child { border: 0; }
.benefits > div > span { position: absolute; top: 0; right: 25px; color: var(--gold); font-size: 9px; }
.benefits svg { width: 42px; height: 42px; margin-bottom: clamp(10px, 2vw, 25px); fill: none; stroke: var(--gold); stroke-width: 1; }
.benefits h3 { margin: 0 0 13px; font-family: var(--serif); font-size: 23px; font-weight: 400; }
.benefits p { margin: 0; color: rgba(255,255,255,.62); font-size: 14px; line-height: 1.7; }

.final-cta { padding: 130px 25px; background: var(--beige); text-align: center; }
.final-cta h2 { /*font-size: clamp(52px, 7vw, 102px);*/ }
.final-cta > p:not(.eyebrow) { margin: 23px 0 34px; color: var(--muted); }

/* ================= PAYMENT & ASSURANCE ================= */
  .payment-card{
    background: var(--white);
    border-radius: 30px;
    padding: clamp(20px, 4vw, 56px);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(15px, 3vw, 36px) 50px;
    align-items: center;
    -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
    max-width: 120ch;
    margin: clamp(25px, 4vw, 60px) auto;
    text-align: left;
  }
  .payment-secure{display:flex;gap:20px;align-items:flex-start;}
  .payment-secure h3{font-size:20px;margin-bottom:8px;color:var(--charcoal);}
  .payment-secure p{font-size:14px;color:var(--text-soft);line-height:1.6;max-width:360px;}
  .payment-methods{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;}
  .pay-chip{
    padding:12px clamp(10px, 2vw,20px);
    border:1px solid var(--beige);
    border-radius:10px;
    font-size:clamp(10px, 2vw, 12.5px);
    letter-spacing:0.6px;
    font-weight:500;
    color:var(--charcoal);
    background:var(--ivory);
    display:flex;align-items:center;gap:9px;
    transition:var(--transition);
  }
  .pay-chip:hover{border-color:var(--nude);transform:translateY(-2px);}
  .pay-chip svg{width:18px;height:18px;stroke:var(--charcoal);fill:none;stroke-width:1.4;flex-shrink:0;}
  .assurance-row{
    grid-column: 1 / -1;
    display: flex;
    justify-content: center;
    gap: clamp(10px, 2vw, 64px);
    margin-top: 14px;
    padding-top: clamp(20px, 4vw, 38px);
    border-top: 1px solid var(--beige);
    flex-wrap: wrap;
  }
.trust-icon {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: var(--beige);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.trust-icon svg {
    width: 23px;
    height: 23px;
    stroke: var(--charcoal);
    fill: none;
    stroke-width: 1.4;
}
  .assurance-item{display:flex;align-items:center;gap:11px;}
  .assurance-item svg{width:19px;height:19px;stroke:var(--charcoal);fill:none;stroke-width:1.4;flex-shrink:0;}
  .assurance-item span{font-size:clamp(10px, 2vw, 12.5px);letter-spacing:1.3px;text-transform:uppercase;color:var(--charcoal);font-weight:500;}
  .payment-sub{color:var(--text-soft);font-size:15px;margin-top:-18px;margin-bottom:6px;}


footer { padding: clamp(45px,5.5vw, 75px) 6vw 25px; background: #101d18; color: var(--white); }
.footer-main { display: grid; grid-template-columns: 1.7fr repeat(3, .7fr) 1.35fr; gap: clamp(20px, 3vw, 45px);
    padding-bottom: clamp(30px, 5vw, 65px); }
.footer-brand p, .newsletter p { margin-top: clamp(15px, 3vw, 30px); color: rgba(255,255,255,.52); font-size: 12px; line-height: 1.7; }
.footer-main h3 { margin: 0 0 22px; color: var(--gold); font-size: 9px; font-weight: 600; letter-spacing: .17em; text-transform: uppercase; }
.footer-main > div:not(.footer-brand):not(.newsletter) a { display: block; width: max-content; margin-bottom: 11px; color: rgba(255,255,255,.68); font-size: 11px; transition: color .25s; }
.footer-main a:hover { color: var(--gold); }
.newsletter form { display: flex; margin-top: 24px; border-bottom: 1px solid rgba(255,255,255,.35); }
.newsletter input { width: 100%; padding: 12px 0; border: 0; outline: 0; background: transparent; color: var(--white); font-size: 11px; }
.newsletter input::placeholder { color: rgba(255,255,255,.45); }
.newsletter button { border: 0; background: none; color: var(--gold); font-size: 20px; }
.footer-bottom { display: flex; justify-content: space-between; padding-top: 23px; border-top: 1px solid rgba(255,255,255,.13); color: rgba(255,255,255,.4); font-size: 9px; letter-spacing: .08em; text-transform: uppercase; }
.footer-bottom p { margin: 0; }
.footer-bottom div { display: flex; gap: 25px; }

/* ---------- Page banner ---------- */
.pbanner{position: relative; margin-top: 0; padding-bottom:clamp(35px, 6vw, 70px); overflow: hidden; color: #fff; display: inline-block; width: 100%;vertical-align: middle;}
.container{padding:clamp(35px, 4vw, 60px) max(5vw, 40px) 0;position: relative;}
.pbanner .container { text-align: right;padding: clamp(35px, 4vw, 60px) max(5vw, 20px) 0;}
.pbanner img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position: center 80%;transform: scaleX(-1);}
.pbanner::after{content:"";position:absolute;inset:0;background:linear-gradient(130deg, rgb(189 154 95 / 40%), rgb(63 49 25 / 10%));}
.pbanner .wrap{position:relative;z-index:2;}
.pbanner p{color:rgba(255,255,255,.78);margin-top:16px; z-index: 1; position: relative;max-width: 50ch;float: right; font-size: clamp(14px, 3vw, 16px);}
.pbanner h1{z-index: 1; position: relative;text-transform: capitalize;}
.crumbs{ font-size: clamp(11px, 2vw, 14px); color: rgba(255, 255, 255, .6); margin-bottom: 16px; z-index: 1; position: relative;}

.crumbs a:hover{color:#fff;}

/*===========================================
PRODUCT DETAILS PAGE
==============================================*/
.prdcts-details-s1{
	display: inline-block;
    width: 100%;
    padding: clamp(45px, 6vw, 80px) 0;
    background: var(--paper);
    vertical-align: top;
}
.prdcts-details-s1 .container {
    padding: 0 max(3.5vw, clamp(20px, 3vw, 40px));
}


.prdcts-mid{
	float: left;
    width: 100%;
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: clamp(34px, 5vw, 66px);
    align-items: center;
	}
.prodSlider-Left{
	float: left;
	background: #fff;
	padding: 20px 20px;
}
.prodDetls-Rght{
	float: right;
    text-align: left;
    background: var(--ivory);
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: clamp(20px, 3vw, 34px);
}
.prodDetls-Rght .title-row {
    margin-bottom: 0;
}
.prod-nameHdng{
	float: left;
	width: 100%;
	font-weight: 600;
	line-height: clamp(28px, 3.2vw, 40px);
	font-size: clamp(28px, 3.2vw, 40px);
	margin: 10px 0 12px;
	}
.prod-nameHdng span {
	display: block;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: var(--orange);
	margin-bottom: 10px;
}
.prd-p3 {
    float: left;
    width: 100%;
    font-size: 24px;
    line-height: 30px;
    margin: 10px 0 0;
}
.prd-p1 {
	float: left;
    width: 100%;
    color: #404040;
    font-size: 16px;
	vertical-align:middle;
	margin-top:5px;
	padding-bottom:15px;
	border-bottom:1px solid #ebebeb;
	}
.prd-p1 img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
	}
.prd-p1 a{ vertical-align:middle;}
.prd-txt1{
	float: left;
    width: 100%;
    font-size: 22px;
    line-height: 30px;
    color: #161d25;
    font-weight: bold;
    margin-top: 10px;
	}
.prd-txt1 span{ color:#00bd04;}	
.prd-p2{
	color: var(--muted);
    font-size: clamp(14px, 1vw, 17px);
    line-height: clamp(26px, 2vw, 28px);
    max-width: 100%;
    margin: 10px 0 20px;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
	}
p.prd-txt1 {
    font-size: clamp(20px, 2.5vw, 24px);
    line-height: clamp(28px, 3vw, 30px);
    font-weight: 500;
    float: left;
    width: 100%;
}
.prd-strength-row{
	float: left;
	width: 100%;
	padding: 0px 0 0px;
	border-top: 1px solid #ebebeb;
	margin-bottom: 30px;
}
.prd-strength-p1{
	display:inline-block;
	vertical-align:middle;
    font-size: 24px;
    line-height: 28px;
    color: #24334a;
	font-weight:500;
	letter-spacing:-0.5px;
}	
.option-field1{
	float: left;
    width: 100%;
    margin-top: 20px;
}

.option-field1 li.option {
	z-index: 1;
    padding: 15px 30px 15px 20px;
    display: none;
    float: left;
    width: 100%;
    height: 50px;
    background-color: var(--ivory);
    box-shadow: 0px 1px 0 #DEDEDE, 0px -1px 0 #DEDEDE;
    -webkit-box-shadow: 0px 1px 0 #DEDEDE, 0px -1px 0 #DEDEDE;
    -moz-box-shadow: 0px 1px 0 #DEDEDE, 0px -1px 0 #DEDEDE;
    font-size: 13px;
    line-height: 20px;
    cursor: pointer;
    font-weight: 600;
    position: relative;
}
.option-field1 li:first-child:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    background: url(../images/s2-prc-arw.png) no-repeat center right;
    width: 24px;
    height: 15px;
    filter: brightness(0.5);
    background-size: 15px;
    transform: translateY(-50%);
}

.option-field1 li.option span {
    float: right;
}
.option-field1 li.option:hover {
  background-color: var(--gold);
}

.option-field1 li:first-child {
  display: block;
}	
.prd-list{
	float: left;
	width: 100%;
	padding: 0 0px;
	margin-bottom: 20px;	
}
.prd-list li{
	    float: left;
    width: 100%;
    position: relative;
    text-align: left;
    padding-left: 20px;
    font-size: 16px;
    line-height: 26px;
    color: var(--charcoal);
    padding: 13px 0;
    border-bottom: 1px dashed var(--line);
    display: flex;
    justify-content: space-between;
	}
.prd-list li strong {
    float: left;
    width: 32%;
}
.prd-list li span {
    float: left;
    margin-right: 10px;
}
		
ul.dtlsec-list {
    float: left;
    width: 100%;
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 10px;
}
ul.dtlsec-list li {
    float: left;
    width: 31%;
    font-size: 17px;
    line-height: 24px;
    color: #2d2d2d;
    position: relative;
    text-transform: capitalize;
}
ul.dtlsec-list li img{
	max-width: 30px;
    display: block;
    margin-bottom: 5px;
	}
.size-guide-box {
    float: left;
    width: 100%;
    font-weight: 400;
    margin: 40px 0 20px;
}
.size-guide-box i {
    font-size: 28px;
    display: inline-block;
    vertical-align: top;
    color: #f00;
    margin-top: 1px;
    margin-right: 4px;
}
.size-guide-box a {
    color: #ff0000;
    font-size: 20px;
    font-weight: 400;
}

.catagory-select {
    float: left;
    width: 100%;
}
.select-size {
    margin: 0px 0 10px;
    display: inline-block;
    vertical-align: top;
}
.catagory-select h3 {
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 15px;
}
.select-size a {
    padding: 10px 20px;
    border: 1px solid #eaeaea;
    color: #333;
    line-height: normal;
    min-width: 28px;
    text-align: center;
    float: left;
    margin-right: 10px;
    font-size: 18px;
    font-weight: 400;
    transition: all 0.3s ease 0s;
}
.select-size a.active {
    background-color: #333333;
    color: #fff;
}
.prod-prc-row{
	float:left;
	width:100%;
}
.prod-prc-row .button {
    width: 220px;
}
.prd-prc-txt{
	float: left;
    font-size:28px;
    line-height:35px;
	font-weight:600;
	color:#000;
	position:relative;
	width: 100%;
	}
.prc-dscnt{
	float:left;
	width:100%;
	vertical-align:middle;
	margin-bottom:10px;
	}
.book-prc{ width:auto; margin:5px 0 0 0;}
.prd-prc-txt2{ 
	font-size: clamp(26px, 3.2vw, 32px);
    line-height: clamp(26px, 3.2vw, 32px);
    margin: 20px 0;
	}
.prd-prc-txt img{
	position:absolute;
	left:0;
	top:3px;
	width:100%;
	}
.qty-div {
    float: left;
    padding: 0 25px 0 0;
    text-align: center;
	}
.sub2, .add2 {
    float: left;
    width:40px;
    border: 1px solid #ced4da;
    height: 46px;
    padding: 2px 0px 0;
    text-align: center;
	background:#fff;
    outline: none;
    cursor: pointer;
	}
.qty-div input {
    float: left;
	border:none;
	border-top: 1px solid #ced4da;
	border-bottom: 1px solid #ced4da;
    background: none;
    width:70px;
    text-align: center;
    height:46px;
    padding: 1px 0px 0;
    font-size: 21px;
    color: #2d2d2d;
	font-weight:300;
	font-family: inherit;
	outline:none;
	-webkit-appearance:none;
	border-radius:0;
	}
.slct-size-row{
	float:left;
	width:100%;
	margin:0 0 20px;
	}
.slctHdng{
	font-size:18px;
	line-height:20px;
	margin-bottom:10px;
	color:#444444;
	font-weight:500;
	}
.slct-clr{
	float:left;
	max-width:220px;
	width:100%;
	}
.slct-clr select{
	float:left;
	width:100%;
	height:46px;
	border:1px solid #ced4da;
	outline:none;
	font-size:18px;
	color:#000;
	padding:5px 10px;
	-webkit-appearance:none;
	font-family: inherit;
	background:url(../images/dtls-slct-ico.png) no-repeat 96% center;
	}
.slct-size{
	display:inline-block;
	vertical-align:middle;
	}
.slct-size ul{
	display:inline-block;
	vertical-align:middle;
	}
.slct-size ul li{
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
	min-width:40px;
	text-align:center;
	}

.prd_quantity {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin-bottom: 20px;
    padding: 10px;
}

.prd_quantity p {
    font-size: 20px;
    line-height: 30px;
    float: left;
    font-weight: 700;
}
a.add-to-btn{
    width: 65%;
    font-size: 20px;
    font-weight: 500;
    border-radius: 50px;
    margin-top: 20px;
	}
.secure-logo{
	display: inline-block;
    vertical-align: middle;
    margin: 0px 0 0 5px;
    max-width: 100%;
	}
.buyOpt-row{
	float:left;
	width:100%;
	padding:0 5px;
	cursor:pointer;
	position:relative;
	border:1px solid #808080;
	border-radius:5px;
	}
.buyOpt-row.active{
	background:#444444;
	color:#fff;
	}
.buyOpt-row.active .packageOpt p{ color:#fff;}
.packageOpt{
	float:left;
	width:100%;
	text-align:left;
	position:relative;
	}
.packageOpt input[type=radio]{
	position:absolute;
	opacity:0;
	}
.packageOpt p{
	float:left;
	width:100%;
	color:#282828;
	font-size:16px;
	line-height:40px;
	font-weight:500;
	text-align:center;
	}

/*============prdcts-details-s2==========*/
.prod-sec2{background: var(--beige);}
.prod-sec2 .container {padding: 0;}
.tabs-body{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(20px,3vw,38px);}
.tick{  
	display: flex;
    gap: 10px;
    align-items: center;
    font-size: clamp(13px, 3vw, 16px);
    padding: 5px 0;
    color: var(--charcoal);
}
.tick img{max-width:14px;color:var(--forest);flex-shrink:0;margin-top:3px;}
.review{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;}
.rev-head{display:flex;align-items:center;gap:13px;margin-bottom:12px;}
.avatar{width:44px;height:44px;border-radius:var(--r-pill);background:var(--grad-forest);color:#fff;
  display:grid;place-items:center;font-weight:600;font-size:.92rem;flex-shrink:0;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media(max-width:820px){.grid-3{grid-template-columns:1fr;}}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
@media(max-width:760px){.grid-2{grid-template-columns:1fr;}}

.show-desk{
	display:block;
}
.show-mob{
	display:none;
}

/*====================
CONTACT_SECTION
==========================*/
.contact-sec {
	background:#fff;
	
	}
.contact-sec .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding: clamp(35px, 5vw, 60px) max(4vw, clamp(18px, 3vw, 40px));
}
.cont-image{

    border-radius: 10px;
	}	
ul.contact-list{
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 0;
    row-gap:25px;
    column-gap: 10px;
	}
ul.contact-list li{
	float: left;
    width: 100%;
    text-align: left;
    padding: 0 0 0 45px;
	position:relative;
	}
ul.contact-list li:last-child{ border:none;}	
ul.contact-list li img{
	    position: absolute;
    left: 0;
    top: 6px;
    filter: hue-rotate(131deg);
	}
ul.contact-list li p{
	float:left;
	width:100%;
	font-size:16px;
	line-height:22px;
	color:#4b4d4a;
	font-weight:300;
	}				
ul.contact-list li p span{
	float: left;
    width: 100%;
    font-size: 22px;
    line-height: 32px;
    color: #000000;
    font-weight: 600;
    margin: 0px 0 5px;
    font-family: var(--serif);
	}


/*****************************/
/*TERMS- PRIVACY*/

.tems_bg {
	padding: 40px 0;
}
.trm-bx {
	text-align: left;
}
.trm-bx h1 {
	line-height: 30px;
    color: #000000;
    margin: 0;
    padding: 0px 0 10px;
    font-size: 22px;
    
    width: 100%;
    margin-top: 0px;
    margin-bottom: 20px;
    font-weight: 700;
    border-bottom: 5px solid #000000;
}
.trm-bx h3 {
	line-height: 28px;
	text-align: left;
	font-size: 24px;
	
	width: 100%;
	margin: 0px 0 15px;
	color: #000;
	font-weight: 600;
}
.trm-bx li {
	font-size: 16px;
    line-height: 24px;
    list-style: decimal;
    width:100%
}
.trm-bx ol li {
    list-style: lower-roman;
}
.trm-bx li ol li {
    list-style: lower-alpha;
}
.trm-bx strong {
	text-transform: capitalize;
}
.trm-bx span {
	text-transform: capitalize;
    display: block;
    font-weight: 700;
    margin-bottom: 5px;
}
.trm-bx p {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 10px;
	font-weight: 400;
}
.trm-bx h4, .trm-bx h5 {
	    font-size: 22px;
    
    margin: 0px 0 10px;
    font-weight: 500;
    line-height: 30px;
}
.ingr-lst h4 {
    text-align: center;
}
.ingr-lst img {
    display: block;
    margin: 0 auto 20px;
    max-width: 530px;
    width: 100%;
}
.trm-bx h5 {
	font-size: 20px;
	font-weight: 500;
}
.privacy-list {
	padding: 0 0 0 30px
}
.privacy-list li {
	font-weight: bold;
}
.privacy-list li p {
	font-weight: normal;
	margin-top: 10px;
}
.mrg-tp {
	margin: 15px 0 !important;
	float: left;
	width: 100%
}
.trm-txt {
	float: left;
	width: 100%;
	background: #fff;
	padding: 20px 20px
}
.disclr-bx {
	border: 2px solid #000;
	padding: 10px;
	font-weight: 500;
	float: left;
	width: 100%;
	margin: 0;
}
.disclr-bx p {
	margin-bottom: 0;
	font-weight: bold;
}
.trm-bx ol, .trm-bx ul {
	margin-bottom: 20px;
    float: left;
    width: 100%;
    font-weight: 400;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
}
.trm-bx .disclmr {
	width: 100% !important;
}
.trm-bx table {
    float: left;
    width: 100%;
    border-collapse: collapse;
}
.trm-bx table td, .trm-bx table th {
    padding: 14px;
    border: 1px solid #ccc;
}
.s2txt{
	display: inline-block;
    width: 100%;
    font-weight: 700;
    font-size: 26px;
    line-height: 37px;
	}
.error-sec{
	
	text-align:center;
	}
.error-hed {
	color: red;
	font-size: 44px;
}
.card-error {
    max-width: 250px;
    margin: 0px auto 20px;
}	


@keyframes reveal { from { opacity: 0; transform: scale(1.03); } to { opacity: 1; transform: scale(1); } }
@keyframes rise { from { opacity: 0; transform: translateY(-35%); } to { opacity: 1; transform: translateY(-45%); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }

@media (max-width: 1050px) {
  .site-header { grid-template-columns: 1fr auto; }
  .main-nav { display: none; }
  .product-grid { grid-template-columns: repeat(2,1fr); row-gap: 55px; }
  .featured { grid-template-columns: 1fr 1fr; }
  .featured-copy { padding: 70px 5vw; }
  .details { grid-template-columns: 1fr; }
  .footer-main { grid-template-columns: 1.5fr repeat(3,1fr); }
  .newsletter { grid-column: 1 / -1; max-width: 500px; }
}

@media (max-width: 760px) {

  .section { padding: 45px 20px; }
  .site-header {padding: 0 15px; }
  .wordmark { }
  .mark { width: 28px; height: 28px; line-height: 28px; }
  .utility-nav { gap: 13px; }
  .utility-nav a:first-child {}
  .hero {min-height: 520px;height: 100%; }
  .hero > img { object-position: 62% center; }
  .hero-content { left: 22px; right: 22px; top: 50%; }
  
  
  .hero-copy br { display: none; }
  .hero-actions { align-items: flex-start; flex-direction: column; gap: 25px; }
  .scroll-cue { display: none; }
  .section-heading { margin-bottom: 38px; text-align: left; }

  .category-grid { grid-template-columns: 1fr; grid-auto-rows: 280px; gap: 10px; }
  .category-card, .category-card.wide { grid-column: span 1; }
  .category-card.tall { grid-row: span 1; }
  .category-card span { left: 17px; bottom: 15px; }
  .category-card b { font-size: 24px; }
  .category-card small { display: none; }
  .title-row { align-items: flex-start; flex-direction: column; gap: 25px; margin-bottom: 40px; }
  .product-grid { grid-template-columns: 1fr; gap: 35px 12px; }
  .product-info { display: block; margin-top: 12px; }
  .product-info h3 { font-size: 18px; }
  .product-info strong { display: block; margin-top: 5px; }
  .quick-add { transform: none; height: 38px; }
  .featured { display: block; }
  .featured-image { min-height: auto; }
  .featured-copy { padding: 45px 22px; }
  .details { grid-template-columns: repeat(3,1fr); }
  .details div { display: block; }
  .details dt { margin-bottom: 7px; }
  .arrival-layout { grid-template-columns: 1fr; gap: 35px; }
  .arrival-story { min-height: 530px; }
  .arrival-story > span { left: 23px; bottom: 25px; }
  .arrival-story b { font-size: 34px; }
  .arrival-products { gap: 32px 12px; grid-template-columns: 1fr;}
  .experience-image { min-height: 410px; }
  .experience-image > img { object-position: 61% center; }
  .experience-image > div { left: 22px; right: 22px; }
  .experience h2 { }
  .field{width:100%}
  .benefits { grid-template-columns: 1fr; gap: clamp(25px, 3vw, 40px) 0;padding: 45px 20px; }
  .benefits > div { padding: 0 0; border: none;}
  .benefits > div:nth-child(2) { border: 0; }
  .final-cta { padding: 45px 22px; }
  .payment-card{grid-template-columns: 1fr;}
  .payment-secure{flex-wrap: wrap;text-align: center;justify-content: center;}
    
  .footer-main { grid-template-columns: 1fr; }
  .footer-brand, .newsletter { grid-column: 1 / -1; }
  .footer-main > div:nth-child(4) {  }
  .footer-bottom { align-items: center;flex-direction: column; gap: 16px; }
    
  .pbanner img.bg{object-position: 40px 0;transform: scaleX(-1.7);}
  .hero-cta .button{width:100%;}
  
}

@media (max-width: 390px) {
  .product-grid { grid-template-columns: 1fr; }
  .category-grid { grid-auto-rows: 170px; }
  .details { grid-template-columns: repeat(2,1fr); }
  .benefits { grid-template-columns: 1fr; }
  .benefits > div { border-right: 0; }
}