@charset "utf-8";
/* CSS Document */
:root {
  /* color */
  --blue: #2f6fed;
  --blue-dark: #1f52bd;
  --blue-soft: #eaf1fe;
  --ink: #0f172a;
  --body: #4b5563;
  --muted: #8a94a6;
  --white: #ffffff;
  --gray-50: #f8fafc;
  --gray-100: #f2f5f9;
  --line: #e6eaf0;
  --success: #17a673;

  /* radius */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* shadow */
  --sh-xs: 0 1px 2px rgba(15, 23, 42, .04);
  --sh-sm: 0 4px 16px rgba(15, 23, 42, .05);
  --sh-md: 0 12px 32px rgba(15, 23, 42, .07);
  --sh-lg: 0 24px 60px rgba(15, 23, 42, .10);
  --sh-blue: 0 12px 28px rgba(47, 111, 237, .25);

  /* 8px spacing grid */
  --s1: 8px;  --s2: 16px; --s3: 24px; --s4: 32px;
  --s5: 40px; --s6: 48px; --s8: 64px; --s10: 80px; --s12: 96px;

  --ease: cubic-bezier(.22, .61, .36, 1);
}

body {
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	padding:0;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 17px;
	line-height: 1.65;
	color: var(--body);
	background: var(--white);
	-webkit-font-smoothing: antialiased;
	}
	
div, ul, h1, h2, h3, h4, h5, li, p, img, form, input, textarea {margin:0;padding:0;}
header, section, footer, aside, nav, main, article, figure {display: block;}
table, tr, td {border:0;}
a{outline: none; color:#333; text-decoration:none;}
a:hover {outline: none; text-decoration:none;}
img {border:none; max-width:100%; vertical-align:middle;}
li {list-style:none;}
*{box-sizing:border-box;}
.clearall{
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
	}

h1, h2, h3, h4 {
  font-family: "Fraunces", "Inter", Georgia, serif;
  color: var(--ink);
  margin: 0;
  line-height: 1.15;
  font-weight: 600;
  text-transform: capitalize;
}
h1 { font-size: clamp(38px, 4.6vw, 62px); }
h2 { font-size: clamp(30px, 3.2vw, 44px); line-height: clamp(40px, 3.5vw, 54px);}
h3 { font-size: 21px; letter-spacing: -0.01em; }
p  { margin: 0; }

/* ---------- layout ---------- */
.container { width: min(1200px, calc(100% - 48px)); margin-inline: auto; }
.section { padding: var(--s12) 0; }
.section--tight { padding: var(--s10) 0; }
.section--gray { background: var(--gray-50); }
.center { text-align: center; }
.stack > * + * { margin-top: var(--s2); }

.label {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--blue);
  background: var(--blue-soft);
  padding: 6px 14px;
  border-radius: var(--r-pill);
}
.lead {     
	font-size: clamp(16px, 2vw, 17px);
    color: var(--body);
    max-width: 510px;
    line-height: clamp(26px, 2.5vw, 28px);
}
.section-head { max-width: 700px; margin: 0 auto var(--s8); text-align: center; }
.section-head h2 { margin: var(--s2) 0 var(--s2); }

/* ---------- buttons ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 15px 30px;
  border-radius: var(--r-pill);
  border: 1px solid transparent;
  font-size: 15px; font-weight: 600; letter-spacing: .01em;
  cursor: pointer;
  transition: transform .25s var(--ease), box-shadow .25s var(--ease),
              background .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease);
}
.btn--primary { background: var(--blue); color: #fff; box-shadow: var(--sh-blue); }
.btn--primary:hover { background: var(--blue-dark); transform: translateY(-2px); box-shadow: 0 18px 36px rgba(47,111,237,.3); }
.btn--ghost { background: #fff; color: var(--ink); border-color: var(--line); box-shadow: var(--sh-xs); }
.btn--ghost:hover { border-color: var(--blue); color: var(--blue); transform: translateY(-2px); }
.btn--block { width: 100%; }
.btn--lg { padding: 15px 90px; font-size: 16px; }
.btn--sm { padding: 11px 20px; font-size: 14px; }
/*-----------------------
MAIN CSS START
------------------------*/
.fl{ float:left;}
.fr{ float:right;}	
	
.topStrip{
	background: #523574;
	float:left;
	width:100%;
	padding:6px 0 8px;
	}
.topStrip p{
	float:left;
	width:100%;
	font-size:17px;
	line-height:16px;
	color:#fff;
	
	letter-spacing:0.5px;
	}
.topStrip p img{
	display:inline-block;
	vertical-align:middle;
	margin:0 5px 0 0;
	}		

/********************************/
.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.8);
}
.pop-up-bg-in {
	position: fixed;
    bottom: 0px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    background: #09162f;
    transition: left 1s ease 0s;
    z-index: 10000010;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    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: 16px;
    box-sizing: initial;
    overflow-wrap: break-word;
    transition: left 1s ease 0s;
    display: flex;
    text-align: left;
    padding: 20px;
    line-height: 24px;
    color: #fff;
    float: left;
    width: 100%;
    justify-content: center;
    align-items: center;
    max-width: 1000px;
	flex-wrap: wrap;
    }
.pop-innr {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 200px);
    }
.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;
    
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    outline: none;
    box-shadow: none;
    background: var(--blue);
    color: #fff;
    appearance: none;
    transition: left 1s ease 0s;
    display: inline-block;
    padding: 10px 20px;
    line-height: 16px;
    border-radius: 50px;
    border: none;
    }
.no-btn {background: #5d5d5d;color: #fff;}
.yes-btn {}	
/*-----------------------
CSS FOR NAV BAR
------------------------*/	
.top-fix-bar {
	float: left;
	width: 100%;
	margin-bottom: 75px;
}
.nav-sec{
	float: left;
    width: 100%;
    height: 75px;
    margin-top: -75px;
    top: 75px;
    position: relative;
    padding: 20px 0;
    text-align: center;
    background: rgba(255, 255, 255, .82);
    backdrop-filter: saturate(180%) blur(16px);
    border-bottom: 1px solid var(--line);
}
.fixed-nav .nav-sec{
	position: fixed;
	z-index: 10;
	transition: margin .3s ease-out;
	-webkit-transition: margin .3s ease-out;
	margin-top:0;
	top:0;
	}
.logo{ 
	float: left;
	max-width: 200px;
	margin: -2px 0 0 0;
	}	
ul.menu-list{
	float: right;
	margin: 6px 0 0 0;
	}
ul.menu-list li{
	float: left;
    font-size: 15px;
    line-height: 24px;
    position: relative;
    margin-right: 30px;
	}
ul.menu-list li:nth-child(1):active{color:#d6ff3f;}
ul.menu-list li:last-child{margin:0;}

ul.menu-list li a{color:var(--body); font-weight:500;}
ul.menu-list li:hover, ul.menu-list li.active a{color: var(--ink);}
ul.menu-list li::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0;
    background: var(--blue);
    border-radius: 2px;
    transition: width .3s var(--ease);
}
ul.menu-list li:hover::after, ul.menu-list li.active::after {
    width: 100%;
}

ul.nav-rgt{
	width:auto;
	text-align:left;
	margin:21px 20px 0 0;
	}
ul.nav-rgt li{
	display:inline-block;
	vertical-align:middle;
	font-size:17px;
	line-height:18px;
	border-radius:20px;
	color:#484848;
	
	}
ul.nav-rgt li a{
	float:left;
	width:100%;
	height:100%;
	color:#484848;
	line-height:36px;
	position:relative;
	}
ul.nav-rgt li img{
    display: inline-block;
    vertical-align: middle;
    margin: -7px 5px 0 0;	
	}
ul.nav-rgt li a span{
	float:right;
	height:100%;
	border-left:1px solid #ffe2ae;
	text-align:center;
	width:35px;
	}	
a.nav-btn{
    float: right;
	background:#006dc7;
    color: #fff;
    font-size:16px;
    text-align: center;
    width: 138px;
    height: 40px;
    line-height:38px;
	border-radius:20px;
	
	font-weight:600;
	margin-top:20px;
	letter-spacing:0.5px;
	}

/* ---------- hero ---------- */
.hero {    
	position: relative;
    overflow: hidden;
    padding: var(--s10) 0 var(--s10);
    display: inline-block;
    width: 100%;
}
.hero::before, .hero::after { content: ""; position: absolute; border-radius: 50%; filter: blur(10px); z-index: 0; }
.hero::before { width: 520px; height: 520px; background: radial-gradient(circle, rgba(47,111,237,.10), transparent 65%); top: -180px; right: -120px; }
.hero::after { width: 420px; height: 420px; background: radial-gradient(circle, rgba(47,111,237,.07), transparent 65%); bottom: -200px; left: -160px; }
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.1fr 1fr; gap: var(--s8); align-items: center; }
.hero h1 { margin: var(--s3) 0 var(--s3); }
.hero-cta { display: flex; gap: var(--s2); margin-top: var(--s5); flex-wrap: wrap; }
.hero-media {
	 overflow: hidden; background:
}
.hero-media img { width: 100%; height: 100%; object-fit: cover; }

.trust {
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
	margin-top: var(--s8); padding-top: var(--s5); border-top: 1px solid var(--line);
}
.trust-item { display: flex; gap: 12px; align-items: center;}
.trust-item .ico { flex: 0 0 56px; padding: 7px; }
.trust-item strong {     
	display: block;
	color: var(--ink);
	font-size: 18px;
	font-weight: 600;
	line-height: 26px;
	font-family: "Fraunces", "Inter", Georgia, serif;
}
.tagline {
    font-size: 14px;
    letter-spacing: 1px;
}

/* icon chip */
.ico {
  width: 60px; height: 60px; border-radius: 11px; display: grid; place-items: center;
  background: var(--blue-soft); color: var(--blue);
}
.ico img { max-width: 42px;}
.ico--sm { width: 60px; height: 60px; border-radius: 11px; }
.ico--sm svg { width: 17px; height: 17px; }

#introduction .lead, #benefits .lead, #products .lead, .section--tight .lead{ max-width:100%;}

/* ---------- cards ---------- */
.card {
  background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg);
  padding: var(--s4); box-shadow: var(--sh-xs);
  transition: transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);
}
.card:hover { transform: translateY(-6px); box-shadow: var(--sh-md); border-color: #d9e3f5; }
.card h3 { margin: var(--s3) 0 10px; }
.card p { font-size: 16px; line-height: 26px; }

.grid-3 { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s3); }
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s4); }

/* ---------- split ---------- */
.split { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s10); align-items: center; }
.split-media { position: relative; border-radius: var(--r-xl); overflow: hidden; box-shadow: var(--sh-md); aspect-ratio: 4 / 4;}
.split-media img { width: 100%; height:100%; object-fit: cover; }
.split h2 { margin: var(--s2) 0 var(--s3); }

.feature-row { display: flex; gap: var(--s2); align-items: flex-start; align-items: center;}
.feature-row + .feature-row { margin-top: var(--s3); }
.feature-row h3 { font-size: 17px; font-family: "Inter", sans-serif; font-weight: 600; margin-bottom: 4px; }
.feature-row p { font-size: 15px; }

.mini-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s2); margin-top: var(--s5); }
.mini-card {
  background: #fff; border: 1px solid var(--line); border-radius: var(--r-md);
  padding: var(--s3) var(--s2); text-align: center; box-shadow: var(--sh-xs);
  transition: transform .3s var(--ease), box-shadow .3s var(--ease);
}
.mini-card:hover { transform: translateY(-4px); box-shadow: var(--sh-sm); }
.mini-card .ico { margin: 0 auto 12px; }
.mini-card strong { display: block; color: var(--ink); font-size: 18px; font-family: "Fraunces", "Inter", Georgia, serif; margin-bottom:5px; }
.mini-card span { font-size: 15px; color: var(--muted); line-height:24px; }

/* subtle background shapes */
.shapes { position: relative; overflow: hidden; }
.shapes .blob { position: absolute; border-radius: 50%; z-index: 0; }
.shapes .blob--a { width: 380px; height: 380px; background: radial-gradient(circle, rgba(47,111,237,.09), transparent 70%); top: -120px; left: -140px; }
.shapes .blob--b { width: 300px; height: 300px; background: radial-gradient(circle, rgba(47,111,237,.07), transparent 70%); bottom: -120px; right: -100px; }
.shapes > .wrap { position: relative; z-index: 1; }

/* ---------- products ---------- */
.product-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s4); }
.product-card {
  background: #fff; border: 1px solid var(--line); border-radius: var(--r-xl);
  overflow: hidden; box-shadow: var(--sh-xs); display: flex; flex-direction: column;
  transition: transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);
}
.product-card:hover { transform: translateY(-8px); box-shadow: var(--sh-lg); border-color: #d9e3f5; }
.product-thumb { background: var(--gray-50); padding: var(--s5); overflow: hidden; }
.product-thumb img { aspect-ratio: 4/3; object-fit: contain; width: 100%; transition: transform .6s var(--ease); }
.product-card:hover .product-thumb img { transform: scale(1.05); }
.product-body { padding: var(--s4); display: flex; flex-direction: column; gap: 10px; flex: 1; }
.product-body h3 { font-size: 22px; }
.product-body p { font-size: 15.5px; }
.price { font-size: 22px; font-weight: 700; color: var(--ink); font-family: "Fraunces", serif; }
.price small { font-size: 14px; color: var(--muted); font-weight: 500; font-family: "Inter", sans-serif; }
.product-body .btn { margin-top: auto; align-self: flex-start; width:300px;}
.tagline { font-size: 13px; color: var(--muted); }

/* ---------- page banner + breadcrumb ---------- */
.page-banner {
	background: linear-gradient(180deg, var(--blue-soft), #fff);
	padding: var(--s10) 0 var(--s8);
	text-align: center;
	border-bottom: 1px solid var(--line);
	display: inline-block;
	width: 100%;
}
.page-banner h1 { font-size: clamp(34px, 4vw, 52px); margin-bottom: var(--s2); }
.page-banner p { margin-inline: auto; }
.crumbs {font-size: 14px; color: var(--muted); padding: var(--s3) 0; display: inline-block; width: 100%;}
.crumbs a:hover { color: var(--blue); }
.crumbs span { margin: 0 8px; opacity: .5; }	
		
/* ---------- footer ---------- */
.site-footer { background: var(--gray-50); border-top: 1px solid var(--line); padding: var(--s10) 0 var(--s4); display:inline-block; width:100%; }
.footer-grid { display: grid; grid-template-columns: 1fr 1fr 2fr; gap: var(--s6); }
.footer-grid h4 { font-family: "Inter", sans-serif; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); margin: 0 0 var(--s2); }
.footer-grid li { padding: 6px 0; font-size: 15px; }
.footer-grid a:hover { color: var(--blue); }
.footer-note { max-width: 34ch; font-size: 15px; margin-top: var(--s2); }
.footer-bottom {
  margin-top: var(--s8); padding-top: var(--s3); border-top: 1px solid var(--line);
  display: flex; justify-content: space-between; gap: var(--s2); flex-wrap: wrap;
  font-size: 13.5px; color: var(--muted);
}

/*------------------------------
          INNER SECTION
--------------------------------*/
/* ---------- PDP ---------- */
.pdp { display: grid; grid-template-columns: 1.05fr 1fr; gap: var(--s8); align-items: start; }
.gallery-main {
  background: var(--gray-50); border-radius: var(--r-xl); overflow: hidden; border: 1px solid var(--line);
}
.gallery-main img { width: 100%; height: 520px; object-fit: contain; padding: var(--s5); }
.thumbs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 12px; }
.thumb {
  background: var(--gray-50); border: 1.5px solid var(--line); border-radius: var(--r-md);
  padding: 10px; cursor: pointer; transition: border-color .25s var(--ease), transform .25s var(--ease);
}
.thumb:hover { transform: translateY(-3px); }
.thumb.is-active { border-color: var(--blue); }
.thumb img { aspect-ratio: 1/1; object-fit: contain; }

.rating { display: flex; align-items: center; gap: 8px; font-size: 14.5px; color: var(--muted); }
.stars { color: #f5a623; letter-spacing: 2px; }
.pdp h1 { font-size: clamp(30px, 3.4vw, 42px); margin: 12px 0; }
.key-list { margin-top: var(--s3); }
.key-list li { display: flex; gap: 10px; align-items: center; font-size: 16px; padding: 6px 0; }
.key-list svg { flex: 0 0 18px; margin-top: 4px; color: var(--blue); }
.key-list li:before {
    content: '';
    width: 10px;
    height: 10px;
    background: var(--blue);
}

.packages { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s2); margin-top: var(--s4); }
.pkg {
  position: relative; display: block; cursor: pointer;
  border: 1.5px solid var(--line); border-radius: var(--r-lg); padding: var(--s3);
  background: #fff; transition: all .3s var(--ease);
}
.pkg:hover { border-color: #bcd0f7; transform: translateY(-3px); box-shadow: var(--sh-sm); }
.pkg input { position: absolute; opacity: 0; pointer-events: none; }
.pkg .dot {
  width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--line);
  display: inline-grid; place-items: center; transition: all .25s var(--ease);
}
.pkg .dot::after { content: ""; width: 9px; height: 9px; border-radius: 50%; background: #fff; transform: scale(0); transition: transform .25s var(--ease); }
.pkg.is-selected { border-color: var(--blue); background: #fafcff; box-shadow: 0 0 0 4px rgba(47,111,237,.08); }
.pkg.is-selected .dot { border-color: var(--blue); background: var(--blue); }
.pkg.is-selected .dot::after { transform: scale(1); }
.pkg-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.pkg-title { font-weight: 600; color: var(--ink); font-size: 16.5px; }
.pkg-price { display: block; font-family: "Fraunces", serif; font-size: 26px; font-weight: 600; color: var(--ink); margin-top: 10px; }
.pkg-note { display: block; font-size: 13.5px; color: var(--muted); }
.badge-save {
  display: inline-block; margin-top: 10px; font-size: 12px; font-weight: 700; letter-spacing: .04em;
  color: var(--success); background: rgba(23,166,115,.10); padding: 4px 10px; border-radius: var(--r-pill);
}
.pdp-actions { margin-top: var(--s3); }
.reassure { display: flex; gap: var(--s3); flex-wrap: wrap; margin-top: var(--s3); font-size: 13.5px; color: var(--muted); }
.reassure span { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.reassure svg { width: 15px; height: 15px; color: var(--blue); flex: 0 0 15px; }
a.add-to-cart{display:inline-block;  width: 100%; text-align:center;}

					
/* ---------- contact ---------- */
.contact-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--s3); }
.contact-cards .card { text-align: center; }
.contact-cards .ico { margin: 0 auto; }
.contact-cards a { color: var(--blue); font-weight: 600; }

/* ---------- 404 ---------- */
.err {
  min-height: 74vh; display: grid; place-items: center; text-align: center;
  padding: var(--s10) 0;
}
.err-code {
  font-family: "Fraunces", serif; font-size: clamp(96px, 16vw, 190px); line-height: 1;
  font-weight: 600; letter-spacing: -.04em;
  background: linear-gradient(140deg, var(--blue), #9dbcff);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.err img { max-width: 270px;  margin: var(--s3) auto var(--s4); height: auto;}	
/*=============Fooetr Link============*/	
.terms-cont{
	float:left;
	width:100%;
	text-align:left;
	}
.terms-cont .common-para{
	font-size:17px;
	line-height:25px;
	margin-top:17px;
	}	
.terms-cont .common-para a{ color:#3279b2;}	
.terms-hd{
	float:left;
	width:100%;
	font-size:30px;
	line-height:30px;
	color:#000;
	}	
.terms-subhd{
	float:left;
	width:100%;
	font-size:20px;
	line-height:30px;
	color:#000;
	margin-top:30px;	
	}	
.terms-cont ul{
	float:left;
	width:100%;
	margin-top:17px;
	padding-left:40px;
	}
.terms-cont ul li{
	float:left;
	width:100%;
	font-size:17px;
	line-height:25px;
	list-style:disc;
	margin-bottom:10px;	
	}	
.terms-cont ul li:last-child{ margin-bottom:0;}		




/*TERMS- PRIVACY*/

.tems_bg {
	float: left;
	width: 100%;
	padding: 0px 0 40px;
}
.page-header.text-center {
    float: left;
    width: 100%;
    background: #f3f3f3;
}
.trm-bx {
    width: 100%;
    float: left;
    text-align: left;
    margin-top: 30px;
}
.trm-bx h1 {
	    line-height: 30px;
    color: #333;
    font-size: 22px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    font-weight: 700;
    border-bottom: 4px solid #006dc7;
    padding-bottom: 5px;
}
.trm-bx h3 {
	line-height: 30px;
    text-align: left;
    font-size: 20px;
    float: left;
    width: 100%;
    margin: 0px 0 15px;
    color: #fff;
    font-weight: 600;
    background: #000;
    padding: 5px;
}
.trm-bx li {
	margin-top: 10px;
	font-size: 16px;
	line-height: 24px;
	float: left;
	width: 100%;
	list-style: disc;
}
.trm-bx strong {
	text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.trm-bx span {
	text-transform: uppercase;
}
.our-prdt{ margin-top:12px;}
.trm-bx p {
	font-size: 16px;
	line-height: 24px;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	font-weight: 400;
}
.trm-bx h4, .trm-bx h5 {
	font-size: 22px;
	float: left;
	width: 100%;
	margin: 10px 0;
	font-weight: 500;
}
.ing-blk h4 {
    text-align: center;
}
.ing-blk img {
    display: block;
    margin: 0 auto 10px;
}
.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 {
	margin: 0px;
	float: left;
	width: 100%;
	font-weight: 400;
	padding: 0 20px;
	margin-bottom: 20px;
}
.trm-bx .disclmr {
	width: 100% !important;
}

.trm-bx table {
    float: left;
    width: 100%;
    border-collapse: collapse;
	text-align:left;
}
.trm-bx table td, .trm-bx table th {
    padding: 14px;
    border: 1px solid #ccc;
}


/*----------- popup ---------------- */
a.prod-ingd.sccode {
    /* float: left; */
    /* width: 100%; */
    font-size: 18px;
    text-decoration: underline;
    padding-bottom: 20px;
    padding: 0;
    margin: 0 0 1.5rem;
    display: inline-block;
}
#pop_overlay {
	background-color: rgba(0, 0, 0, 0.6);
	clear: none;
	display: none;
	height: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}
#pop_content {
	height: auto;
	max-width:96%;
	width: 600px;
	background-color: white;
	border-radius: 4px;
	margin: 8% auto 0 auto;
	position: relative;
	text-align: center;
	padding: 30px 20px 20px 20px;
}
#pop_content_ing {
    height: 560px;
    max-width: 600px;
    background-color: white;
    border-radius: 4px;
    margin: 5% auto 0 auto;
    position: relative;
    text-align: center;
    padding: 10px 0px;
    overflow: scroll;
    width: 100%;
}

#pop_content_ing img {
    max-width: 350px;
    margin-bottom: 10px;
    display: inline-block;
}
#pop_content_ing .select-txt {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
    background: #578265;
    padding: 10px 0;
    color: #fff;
}
.cross {
	position: sticky;
    cursor: pointer;
    background: rgba(255,255,255,0.7);
    padding: 10px;
	top: 0;
    float: right;
    right: 10px;
}
.cart-prod {
    float: left;
    max-width: 60px;
}
.error-sec{
	text-align:center;
	}
.card-error{
	display:inline-block;
	max-width:260px;
	margin-bottom:15px;
	}
.error-sec p{
	float:left;
	width:100%;
	text-align:center;
	max-width: 100%;
	}

/* ---------- scroll reveal ---------- */
.reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s var(--ease), transform .7s var(--ease); }
.reveal.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
  html { scroll-behavior: auto; }
}

/* ---------- responsive ---------- */
@media (max-width: 1024px) {
  .hero-grid, .split, .pdp, .cart-layout, .shop-layout { grid-template-columns: 1fr; gap: var(--s6); }
  .summary-sticky, .filters { position: static; }
  .grid-3, .steps, .contact-cards { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: var(--s4); }
  .section { padding: var(--s10) 0; }
}
@media (max-width: 720px) {
  body { font-size: 16px; }
  .container { width: calc(100% - 32px); }
  .nav-links { display: none; }
  .nav-toggle { display: block; margin-left: auto; }
  .nav-links.is-open {
    display: flex; flex-direction: column; position: absolute; left: 16px; right: 16px; top: 72px;
    background: #fff; border: 1px solid var(--line); border-radius: var(--r-md);
    padding: var(--s2); box-shadow: var(--sh-md); gap: 4px;
  }
  .trust, .grid-3, .grid-2, .product-grid, .packages, .mini-cards,
  .steps, .included, .contact-cards, .field-row { grid-template-columns: 1fr; }
  .cart-item { grid-template-columns: 76px 1fr; }
  .hero { padding: var(--s6) 0; }
  .section { padding: var(--s6) 0; }
  .section-head{margin: 0 auto var(--s4);}
  
  .site-footer{ padding:var(--s4) 0}
  .footer-grid{ grid-template-columns: 1fr; gap: var(--s2);}
  .footer-bottom{ margin-top:var(--s4);}
  
  .page-banner{padding:var(--s4) 0}
  
  .section--tight{padding:var(--s4) 0}
  
  .gallery-main{aspect-ratio: 4 / 4}
  .gallery-main img{ height:auto; padding:var(--s2)}
  
  .key-list li{    font-size: 15px; padding: 5px 0; flex-wrap: wrap;}
}