:root {--primary-shade: #0E2157;--primary-base: #11329A;--primary-tint-2: #DCE9FD;--gray-shade: #252B37;--gray-base: #454E5E;--gray-tint-2: #E9EAEB;--success-shade: #47A818;--black: #000000;--white: #FFFFFF;--brand-yellow: #FFD12A;--primary-font: "Poppins", sans-serif;--rainbow-gradient: linear-gradient(to right, #0e3d8b, #2ea64f, #ffd000, #ff5e14, #e61a27, #7a3194, #0e3d8b);--header-height: 4rem;--base-margin: 1.5rem;--section-gap: 4.25rem;}@media (min-width: 1280px) {    :root     {    	--section-gap: 9.25rem;    	    }}html {scroll-padding-top: var(--header-height);}body {font-family: var(--primary-font);font-size: 1rem;line-height: 1.5;color: var(--gray-shade);font-weight: normal;background: linear-gradient(0deg, #F9F8F4, #F9F8F4), linear-gradient(0deg, #F5EEE9, #F5EEE9);}/* 1. Target any element that handles its own scrolling */*:not(html):not(body) {  scrollbar-width: thin;  scrollbar-color: var(--primary-shade, #888) transparent;}/* 2. Style WebKit scrollbars on scrollable elements */*:not(html):not(body)::-webkit-scrollbar {  width: 8px;  height: 8px;}*:not(html):not(body)::-webkit-scrollbar-track {  background: transparent;}*:not(html):not(body)::-webkit-scrollbar-thumb {  background-color: var(--primary-shade, #888);  border-radius: 9999px;}/* Fallback visible color when hovered */*:not(html):not(body)::-webkit-scrollbar-thumb:hover {  background-color: var(--primary-base, #555);}.body-sm-regular {font-size: .875rem;color: var(--gray-base);}.slogan-subtitle{        font-size: .75rem;    color:var(--white);    background: var(--black);    border-radius: 2rem;    padding: .5rem 1rem;    width:fit-content;}.slogan-lg {font-size: 2rem;line-height: 1.2;font-weight: 400;}.highlighted-word{    color:var(--brand-yellow);    font-weight: 600;    display:block;}.slogan-md {font-size: 1.5rem;line-height: 1.2;}h1,.h1 {font-size: 2.25rem;line-height: 1.1;font-weight: 600;color: var(--primary-shade);margin-bottom: var(--base-margin);}h2,.h2 {margin-top: 0;font-size: 2rem;line-height: 1.2;font-weight: 500;color: var(--primary-shade);margin-bottom: var(--base-margin);}h3,.h3{margin-top: 0;font-size: 1.75rem;line-height: 1.2;font-weight: 600;}h4,.h4 ,.custom-page-container h2 {font-size: 1.5rem;line-height: 1.2;}h5,.h5,.custom-page-container h3{font-size: 1.375rem;line-height: 1.3;}h6,.h6{font-size: 1.125rem;}.price.text-primary:not(.has-discount), .discount-price.text-primary{    font-size:1.125rem;}.section-gap, .section-gap.custom-banner-block.\32 xl\:px-16{    margin-bottom:var(--section-gap);}.section-gap:has(.swiper-slide .card){    margin-bottom:calc(var(--section-gap) - 2rem);}@media(min-width:768px) {.slogan-lg {font-size: 3rem;}	.slogan-md {font-size: 2.5rem;}	h1,	.h1 {font-size: 3rem;}	h2,	.h2 {font-size: 2.5rem;}	h3,	.h3{font-size: 2rem;}	h4,	.h4,.custom-page-container h2 {font-size: 1.75rem;	line-height: 1.2;}	h5,	.h5,.custom-page-container h3{font-size: 1.5rem;	line-height: 1.3;}	h6,	.h6{font-size: 1.25rem;}}@media(min-width:1024px) {        .slogan-subtitle{        font-size: .875rem;    background: #FFFFFF0D;}}@media(min-width:1280px) {.slogan-lg {font-size: 4rem;}	.slogan-md {font-size: 3.25rem;}	h1,	.h1 {font-size: 3.75rem;}	h2,	.h2 {font-size: 3.125rem;}	h3,	.h3{font-size: 2.375rem;}	h4,	.h4,.custom-page-container h2 {font-size: 2rem;	line-height: 1.2;}}.btn-primary {    display: inline-flex;    font-size: .8125rem;    align-items: center;    background-color: var(--primary-shade);    color: var(--white);    padding: .25rem .25rem .25rem 1rem;    border-radius: 50px;    gap: .75rem;    cursor: pointer;    white-space: nowrap;    transition: color 0.4s ease;}/*.btn-primary:hover *//*{*//*	background-color: var(--primary-shade);*/	/*}*/.btn-primary-inverse {background-color: var(--white);color: var(--gray-shade);border: 1px solid #11329A33;}.btn-primary-inverse:hover {background-color: var(--white);color: var(--primary-base);}.btn-primary-circle {width: 2rem;height: 2rem;background: var(--white);border-radius: 50%;display: flex;align-items: center;justify-content: center;overflow: hidden;}.btn-primary-inverse .btn-primary-circle {background: var(--primary-base);}.btn-primary-circle svg path {fill: var(--primary-base);}.btn-primary-inverse .btn-primary-circle svg path {fill: var(--white);}/* Premium fly-out, fly-in animation for arrow svg on button hover */.btn-primary:hover .btn-primary-circle svg {animation: arrow-fly 0.4s ease forwards;}.link-button {position: absolute;width: 3rem;height: 3rem;background-color: var(--white);border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);cursor: pointer;border: none;transition: background-color 0.4s ease;}.button-bottom {width: 3.5rem;height: 3.5rem;bottom: -25px;right: 50px;}.link-button:hover {background-color: var(--primary-base);}.link-button:hover svg {animation: arrow-fly 0.4s ease forwards;}.arrow-inverse:hover svg {animation: inverse-arrow-fly 0.4s ease forwards;}.link-button:hover svg path {fill: var(--white);}@keyframes arrow-fly {0% {transform: translateX(0);	opacity: 1;}	49% {transform: translateX(20px);	opacity: 0;}	50% {transform: translateX(-20px);	opacity: 0;}	100% {transform: translateX(0);	opacity: 1;}}@keyframes inverse-arrow-fly {0% {transform: translateX(0);	opacity: 1;}	49% {transform: translateX(-20px);	opacity: 0;}	50% {transform: translateX(20px);	opacity: 0;}	100% {transform: translateX(0);	opacity: 1;}}.btn-tertiary {    display: flex;    align-items: center;    font-size: .8125rem;    gap: 4px;    position: relative;    white-space: nowrap;    color: var(--gray-shade);    font-weight: 500;    line-height: 1.8;}.btn-tertiary:after {content: "";position: absolute;bottom: 0;height: 2px;width: 100%;backdrop-filter: blur(40px);background-color: #252B3740;transition: background-color 0.4s ease;}.btn-tertiary:hover:after {background-color: var(--primary-base);}.text-slate-900 {color: var(--gray-shade);}.text-heading,.price.text-primary ,.discount-price.text-primary{color: var(--gray-shade);}.success-shade {color: var(--success-shade);}.horizontal-menu-wrapper a.activeClass:not(.menu-panel a.activeClass),.drawer-menu a.activeClass,.profile-image-wrapper a.activeClass {    color:var(--primary-shade);}.quick-link-block a.activeClass{    position:relative;}.quick-link-block a.activeClass:after {    content:"";    position:absolute;    width:100%;    bottom: -0.125rem;    left:0;    height:.125rem;    color: inherit;    background-color: currentColor;}.menu-category-block a{  position: relative;  display: inline-flex;  align-items: center;  padding-right: 24px; /* Reserves space so text won't overlap the arrow */  text-decoration: none;  width:fit-content;}.menu-category-block a::after {  content: "";  position: absolute;  right: 0;  top: 50%;  width: 16px;  height: 16px;  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.86177 4.47137L9.80457 3.52856L14.276 7.99997L9.80457 12.4714L8.86177 11.5286L11.7237 8.66664H3.33317C2.96498 8.66664 2.6665 8.36816 2.6665 7.99997C2.6665 7.63178 2.96498 7.3333 3.33317 7.3333H11.7237L8.86177 4.47137Z' fill='%2311329A'/%3E%3C/svg%3E");  background-repeat: no-repeat;  background-size: contain;  background-position: center;    /* Initial hidden state: offset to the left */  opacity: 0;  transform: translate(-8px, -50%);  transition: transform 0.25s ease, opacity 0.25s ease;  pointer-events: none;}.menu-category-block a:hover::after ,.menu-category-block a:focus-visible::after{  /* Revealed state: slides right into its final position */  opacity: 1;  transform: translate(0, -50%);}header {height: var(--header-height);z-index:55;}header a {color: var(--black);}#header a:hover, #header a:focus-visible, .menu-category-block a:hover ,.menu-category-block a:focus-visible, button:hover i, button:focus-visible i{    color: var(--primary-shade);	}#header button:hover svg path,#header button:focus-visible svg path,#header a:not(.btn-primary):hover svg path,#header a:not(.btn-primary):focus-visible svg path {    fill: var(--primary-shade) !important;	}.rounded-24 {border-radius: 24px;}header .logo {height: auto;    width: 4.375rem;}.header-wrapper::before {content: "";position: absolute;inset: 0;background: #FFFFFFD9;backdrop-filter: blur(48px);-webkit-backdrop-filter: blur(48px);z-index: -1;}/*.profile-image-wrapper *//*{*//*	border-radius: 15px;*/	/*}*/.p-2\.5 {padding: 0.625rem;}.max-h-\[45vh\] {    max-height: 45vh;}.cms-page.content .custom-page-container {max-width: 1024px;margin: 0 auto;}.cms-page.content .custom-page-container h1 {text-align: center;}/* Target tables inside your container */.cms-page.content .custom-page-container  table {  display: block;  max-width: 100%;  overflow-x: auto;  -webkit-overflow-scrolling: touch; /* Smooth inertia scrolling on iOS */  white-space: nowrap; /* Prevents text wrap so columns force a scroll */}/* Optional: if you prefer columns to wrap text but keep a minimum width */.cms-page.content .custom-page-container  table th,.cms-page.content .custom-page-container  table td {  min-width: 120px; /* Adjust as needed */  white-space: normal;}div[role="main"] {    background-color:unset;}.sitemap-row {    text-transform: capitalize;}@media (min-width:1024px) {    /*div[aria-label="Category List"] */.cat-list-wrp{    background-color:var(--white);    height: calc(100vh - 140px);}.lg\:ml-0{    margin-left: 0;}}@media (min-width:1280px) {.xl\:mb-16 {    margin-bottom: 4rem;}.product-block:has(.swiper-slide .card) > .\32 xl\:px-16 {    padding: 0;        width: 85%;        margin: 0 auto;    }}@media (min-width:1536px) {.category-block.\32xl\:px-16,.product-block:not(:has(.swiper-slide .card)) > .\32 xl\:px-16  , .custom-banner-block.\32 xl\:px-16{padding: 0;	width: 90%;	max-width: 1680px;	margin: 0 auto;}.\32xl\:grid-cols-4 {        grid-template-columns: repeat(4, minmax(0, 1fr));    }.\32xl\:gap-8 {    gap:2rem;}}@media (min-width:1920px) {.product-block:has(.swiper-slide .card) > .\32 xl\:px-16 {width: 90%;	max-width: 1680px;    }}@media (min-width:1920px) {    .\33xl\:grid-cols-4 {        grid-template-columns: repeat(4, minmax(0, 1fr));    }	    .\33xl\:gap-8 {       gap:2rem;    }}.header-margin {margin-top: var(--header-height);}.custom-prev-na-list,.custom-prev-fa-list {left: 1.5rem;}.custom-next-na-list,.custom-next-fa-list {right: 1.5rem;}@media (min-width: 768px) {:root {--header-height: 5.5rem;}	header .logo {width: 8.75rem;}}@media (min-width: 1024px) {:root {--header-height: 7.5rem;}	header .logo {width:13rem;}}@media (min-width: 1280px) {.header-wrapper {padding-left: 7.5rem;	padding-right: 7.5rem;}.custom-prev-na-list,.custom-prev-fa-list {left: -3.5rem;}.custom-next-na-list,.custom-next-fa-list {right: -3.5rem;}}/*=========Rainbow Line at Very Top START============*/.rainbow-top-bar {width: 100%;height: 8px;background: var(--rainbow-gradient);background-size: 200% 100%;animation: rainbow-flow 8s linear infinite;}@keyframes rainbow-flow {0% {background-position: 0% 0%;}	100% {background-position: -200% 0%;}}/*=========Rainbow Line at Very Top END============*//*=========mega menu and mobile sub menu START============*/.header-wrapper li.category.group {  margin-top: 0;  margin-bottom: 0;  padding-top: 18px;  padding-bottom: 18px;}/*.header-wrapper li.category.has-menu > .menu-panel {*//*  opacity: 0;*//*  visibility: hidden;*//*  pointer-events: none;*//*  transform: translateY(-8px);*//*  transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;*//*  z-index: 50;*//*}*//*.header-wrapper li.category.has-menu:hover > .menu-panel,*//*.header-wrapper li.category.has-menu:focus-within > .menu-panel {*//*  opacity: 1;*//*  visibility: visible;*//*  pointer-events: auto;*//*  transform: none;*//*  transition-delay: 0s;*//*}*/.header-wrapper li.category.has-menu > div:first-child {  position: relative;}.header-wrapper li.category.has-menu > div:first-child::after {  content: "";  position: absolute;  left: 0;  right: 0;  top: 100%;  height: 44px;}.header-wrapper ul:has(li.category.group:not(.has-menu):hover) li.category.has-menu > .menu-panel {  opacity: 0;  visibility: hidden;  pointer-events: none;  transform: translateY(-8px);  transition-delay: 0s;}.menu-panel {    position: absolute;    top: 100%;    width: 100%;    max-width: 1680px;    max-height: calc(100dvh - 120px);    left: 50%;    transform: translateX(-50%);    visibility: hidden;    opacity: 0;    margin-top: .5rem;    padding: 2rem;    transition: opacity .3s ease, visibility 0s .3s;    	    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1), inset 0 4px 6px -1px rgb(0 0 0 / 0.1);  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color), inset 0 4px 6px -1px var(--tw-shadow-color);  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);}.has-menu.opened .menu-panel {opacity: 1;visibility: visible;transition: opacity .3s ease, visibility 0s;}.menu-category-icon {    height:fit-content;    background: var(--primary-tint-2);    display: flex;    width: fit-content;    border-radius: 50%;}.menu-category-icon img{    width:3.5rem;    height:3.5rem;    flex-shrink:0;}.menu-category-block {    display: flex;    gap: 1rem;}.parent-category-link {    color:var(--primary-shade);    padding:.75rem 0rem;    font-size:1rem;}/*.menu-category-menu-intro .btn-primary *//*{*//*	    border: 1px solid #11329A33*//*}*/.menu-grid {height: 100%;overflow-y: auto;/*scrollbar-width: thin;*/	/*scrollbar-color: var(--primary-shade) transparent;*/	}.menu-category-menu-title{    font-size:1.5rem;}.subcategory-link {  display: inline-flex;  align-items: center;  gap: .5rem;  color:var(--gray-base);  font-size:.875rem;}.subcategory-link::before {  content: "";  display: inline-block;  width: .25rem;  height: .25rem;  background-color: var(--primary-base); /* Blue dot color */  border-radius: 50%;  flex-shrink: 0;}/*.has-menu.opened .menu-panel *//*{*//*	opacity: 1;*//*	visibility: visible;*//*	transition: opacity .3s ease, visibility 0s;*/	/*}*/.chevron-icon {transition: transform .3s ease;}.has-menu.opened .chevron-icon {transform: rotate(180deg);}.chevron-button {display: inline-flex;align-items: center;justify-content: center;min-width: 1.5rem;min-height: 1.5rem;    padding:.3125rem;}@media (min-width: 1800px) {    .menu-panel {        padding: 3rem 5rem;    }        .subcategory-link     {    	  font-size:1rem;    	    }    .parent-category-link     {    	    font-size:1.25rem;    }    .menu-category-menu-title{        font-size:2rem;    }}/*.subcategory-list *//*{*//*	position: absolute;*//*	top: 0;*//*	left: 100%;*//*	transform: scaleX(0);*//*	transform-origin: left center;*//*	visibility: hidden;*//*	opacity: 0;*//*	transition: transform .3s ease, opacity .3s ease, visibility 0s .3s;*//*	min-width: 220px;*//*	list-style-type: none;*//*	padding: 0;*//*	margin: 0;*//*	margin-left: .25rem;*//*	border-radius: 15px;*/	/*}*//*.menu-column.opened .subcategory-list *//*{*//*	transform: scaleX(1);*//*	visibility: visible;*//*	opacity: 1;*//*	transition: transform .3s ease, opacity .3s ease, visibility 0s;*/	/*}*//*.main-visual .banner-image .image>img *//*{*//*	-webkit-mask-image: url('https://dna3n15iwxmh8.cloudfront.net/e50e7d7c6e48054ed9d1a2c32e8aeaa4/images/d562021caf42621fdc3faa09b26b4ea4_1785214034.webp');*//*	mask-image: url('https://dna3n15iwxmh8.cloudfront.net/e50e7d7c6e48054ed9d1a2c32e8aeaa4/images/d562021caf42621fdc3faa09b26b4ea4_1785214034.webp');*//*	-webkit-mask-size: cover;*//*	mask-size: cover;*//*	-webkit-mask-repeat: no-repeat;*//*	mask-repeat: no-repeat;*//*	-webkit-mask-position: bottom;*//*	mask-position: bottom;*//*	z-index: 1;*/	/*}*/.main-visual .banner-image .image > img {  display: block;  width: 100%;  -webkit-mask-image: url('https://dna3n15iwxmh8.cloudfront.net/e50e7d7c6e48054ed9d1a2c32e8aeaa4/images/d562021caf42621fdc3faa09b26b4ea4_1785214034.webp');  mask-image: url('https://dna3n15iwxmh8.cloudfront.net/e50e7d7c6e48054ed9d1a2c32e8aeaa4/images/d562021caf42621fdc3faa09b26b4ea4_1785214034.webp');  -webkit-mask-size: cover;  mask-size: cover;  -webkit-mask-repeat: no-repeat;  mask-repeat: no-repeat;  -webkit-mask-position: bottom;  mask-position: bottom;}.main-visual.custom-banner-block .swiper-pagination {bottom: 20%;}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {background: var(--white);backdrop-filter: blur(24px);margin: 0;}.swiper-container-horizontal>.swiper-pagination {padding: .25rem .4rem;border-radius: 24px;left: 50%;transform: translateX(-50%);gap: .5rem;background: color(srgb 0 0 0 / 0.25);backdrop-filter: blur(40px);width: fit-content;display: inline-flex;}/* Gradient applies only above 1024px */@media (min-width: 1024px) {  .main-visual .banner-image .image::after {    content: '';    position: absolute;    inset: 0;    pointer-events: none;    background: linear-gradient(to right, rgba(6, 40, 71, 1) 0%, rgb(6 40 71) 20%, rgb(6 40 71 / 97%) 35%, rgb(6 40 71 / 80%) 45%, rgba(6, 40, 71, 0) 70%);    -webkit-mask-image: url('https://dna3n15iwxmh8.cloudfront.net/e50e7d7c6e48054ed9d1a2c32e8aeaa4/images/d562021caf42621fdc3faa09b26b4ea4_1785214034.webp');    mask-image: url('https://dna3n15iwxmh8.cloudfront.net/e50e7d7c6e48054ed9d1a2c32e8aeaa4/images/d562021caf42621fdc3faa09b26b4ea4_1785214034.webp');    -webkit-mask-size: cover;    mask-size: cover;    -webkit-mask-repeat: no-repeat;    mask-repeat: no-repeat;    -webkit-mask-position: bottom;    mask-position: bottom;  }}/*=========mega menu and mobile sub menu END============*//*=========Butterfly Animation START============*//* Animation Canvas Container */.canvas-container {position: absolute;overflow: hidden;top: 0;right: 0;width: 100%;height: 130%;z-index: 0;pointer-events: none;z-index: 1;}/* Paint Wave Wrapper & Reveal Gradient Mask */.paint-image-wrapper {position: absolute;top: 0;right: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;/* Webkit & Standard mask using dynamic CSS variables driven by GSAP */	-webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) var(--mask-start, 100%), rgba(0, 0, 0, 1) var(--mask-end, 100%), rgba(0, 0, 0, 1) 100%);mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) var(--mask-start, 100%), rgba(0, 0, 0, 1) var(--mask-end, 100%), rgba(0, 0, 0, 1) 100%);will-change: --mask-start, --mask-end;}/* Paint Wave Image settings */.paint-image {width: 100vw;height: 100%;object-fit: cover;object-position: bottom;mix-blend-mode: multiply;filter: drop-shadow(0 15px 40px rgba(0, 0, 0, 0.05));}/* Butterfly Outer Wrapper (Handles flight path coordinates) */.butterfly-wrapper {position: absolute;width: clamp(80px, 12vw, 180px);height: clamp(80px, 12vw, 180px);transform-origin: center center;z-index: 3;pointer-events: auto;cursor: pointer;left: 105%;top: 35%;display: flex;align-items: center;justify-content: center;will-change: left, top, transform;}/* Butterfly Image (Handles high-frequency wing flapping) *//* We use a percentage width so it automatically scales relative to the wrapper */.butterfly-img {width: 85%;height: auto;transform-origin: 30% 60%;filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.18));}/*=========Butterfly Animation END============*//*=========Hero Slogan START============*/.hero-content {margin: 50px auto;width: 90%;max-width: 480px;color: var(--primary-shade);}/* --- 2. Animated Multi-Color Gradient on 'Colour' --- */.colour-word {background: linear-gradient(90deg, #f58220 0%, #ec008c 15%, #92278f 28%, #0070c0 42%, #00aeef 55%, #8cc63f 68%, #f7941d 80%, #ec008c 92%, #00aeef 100%);background-size: 300% 100%;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;animation: oceanFlow 5s ease-in-out infinite alternate;display: inline-block;}@keyframes oceanFlow {0% {background-position: 0% 50%;}	25% {background-position: 50% 80%;}	50% {background-position: 100% 50%;}	75% {background-position: 50% 20%;}	100% {background-position: 0% 50%;}}@media(min-width:1024px) {.hero-content {    color: var(--white);	padding-right: 3rem;	top: 5%;	left: 10%;	z-index: 2;	text-align: left;	position: absolute;	margin: 0;	max-width:710px;}	.main-visual.custom-banner-block {background-color: #c1d9db;}.main-visual .btn-primary{background-color: var(--white);color: var(--gray-shade);}.main-visual .btn-primary:hover {background-color: var(--white);color: var(--primary-base);}.main-visual .btn-primary .btn-primary-circle {background: var(--primary-base);}.main-visual .btn-primary .btn-primary-circle svg path {fill: var(--white);}}@media(min-width:1366px) {.hero-content {top: 10%;}}@media(min-width:1600px) {.hero-content {top: 15%;}}/*=========Hero Slogan END============*//*=========Intro Section START============*/.intro-section {position: relative;overflow: hidden;background: #C1D9DB;background: linear-gradient(0deg, rgba(193, 217, 219, 0) 0%, rgba(202, 213, 214, 1) 17%, rgba(202, 213, 214, 1) 100%);}.intro-container {width: 100%;position: absolute;top: 0;}.intro-content {position: relative;width: 90%;max-width: 825px;margin: 0 auto;text-align: center;padding-bottom: 2rem;padding-top: 50px;}.intro-content .section-desc {margin-bottom: 1.5rem;text-align: center;max-width: 750px;margin-left: auto;margin-right: auto;}.intro-image-wrapper {width: 100%;margin: 0 auto;position: relative;display: flex;justify-content: center;align-items: flex-end;}.intro-image-wrapper img {width: 100%;}.gradient-flow {animation: text-gradient-flow 20s linear infinite;}@media(min-width:1024px) {.intro-section {padding-top: 0;	margin-top: -10vh;}	.intro-content {padding-top: 22vh;}}@keyframes text-gradient-flow {0% {color: #133198;}	14% {color: #ff7b00;}	28% {color: #ffd500;}	42% {color: #00c853;}	57% {color: #00b0ff;}	71% {color: #2962ff;}	85% {color: #d500f9;}	100% {color: #133198;}}/*=========Intro Section END============*//*=========Floating Navigation START============*/.floating-dot-nav {    position: fixed;    right: 1.5rem; /* Distance from the right edge */    top: 50%;    transform: translateY(-50%);    z-index: 51;    display: none; /* Hidden on smaller screens */    flex-direction: column;    align-items: center;    padding: .2rem;    background: #35353580;    backdrop-filter: blur(48px)    -webkit-backdrop-filter: blur(48px);    border-radius: 30px;    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}.floating-dot-nav .dot-link {    position: relative;    display: flex;    align-items: center;    justify-content: center;    width: 1.5rem;    height: 1.5rem;    text-decoration: none;    cursor: pointer;    user-select: none;}/* Individual Dots */.floating-dot-nav .dot {    width: .5rem;    height: .5rem;    background-color: rgba(255, 255, 255, 0.6);    border-radius: 50%;    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);}.floating-dot-nav .dot-link:hover .dot,.floating-dot-nav .dot-link.active .dot  {    background-color: var(--white);    transform: scale(1.2);}/* Tooltip Styling */.floating-dot-nav .tooltip {    position: absolute;    right: 2rem; /* Distance from the dot */    top: 50%;    transform: translateY(-50%) translateX(10px);    background-color: var(--primary-shade); /* Dark blue matching the banner */    color: var(--white);    padding: 0.2rem 0.5rem;    font-weight:400;    border-radius: 4px;    white-space: nowrap;    opacity: 0;    visibility: hidden;    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);    pointer-events: none; /* Ensures tooltip doesn't block hover events */}/* Tooltip Arrow */.floating-dot-nav .tooltip::after {    content: '';    position: absolute;    top: 50%;    right: -4px;    transform: translateY(-50%);    border-width: 5px 0 5px 5px;    border-style: solid;    border-color: transparent transparent transparent var(--primary-shade);}/* Show tooltip on hover or focus */.floating-dot-nav .dot-link:hover .tooltip,.floating-dot-nav .dot-link:focus .tooltip {    opacity: 1;    visibility: visible;    transform: translateY(-50%) translateX(0); /* Smooth slide-in effect */}/* Display only on desktop */@media (min-width: 1280px) {    .floating-dot-nav {        display: flex;    }}/*=========Floating Navigation END============*//*=========Category Slider START============*/.category-list .category-image {height: 75vh;max-height: 620px;border-radius: 32px;overflow: hidden;}/* Layer 1: heavy blur, concentrated at the very top */.category-list .category-image:before {  content: "";  position: absolute;  border-radius: 32px 32px 0 0;  inset: 0;  pointer-events: none;  z-index: 1;  backdrop-filter: blur(20px);  -webkit-backdrop-filter: blur(20px);  -webkit-mask-image: linear-gradient(    180deg,    rgba(0,0,0,1) 0%,    rgba(0,0,0,0.95) 15%,    rgba(0,0,0,0.7) 30%,    rgba(0,0,0,0.35) 45%,    rgba(0,0,0,0.1) 60%,    rgba(0,0,0,0) 75%  );  mask-image: linear-gradient(    180deg,    rgba(0,0,0,1) 0%,    rgba(0,0,0,0.95) 15%,    rgba(0,0,0,0.7) 30%,    rgba(0,0,0,0.35) 45%,    rgba(0,0,0,0.1) 60%,    rgba(0,0,0,0) 75%  );}/* Layer 2: dark scrim so white text pops, independent fade curve */.category-list .category-image:after {  content: "";  position: absolute;  inset: 0;  pointer-events: none;  z-index:1;  background: linear-gradient(    180deg,    rgba(20,20,20,0.55) 0%,    rgba(30,30,30,0.45) 15%,    rgba(35,35,35,0.3) 30%,    rgba(40,40,40,0.15) 45%,    rgba(40,40,40,0.05) 60%,    rgba(40,40,40,0) 75%  );}.category-image img {width: 100%;-o-object-position: center;object-position: center;transition:transform .3s ease-in-out;}.category:hover .category-image img {    transform:scale(1.05);}@media (min-width: 1536px) {.category-list {padding: 0 7rem;}	.swiper-button-next {right: -3.5rem;}	.swiper-button-prev {left: -3.5rem;}	.category-list .swiper-button-next {right: 1rem;}	.category-list .swiper-button-prev {left: 1rem;}}.category-list .swiper-container {border-radius: 32px;width:75%;}.category-list .swiper-slide {margin-bottom: 35px;}.category-list .cat-name {font-weight: 400;font-size: 1.75rem;line-height: 120%;margin: 3rem 3rem 1rem 3rem;}.category-list .short-description {margin: 0rem 3rem 1rem 3rem;}.button-bottom {width: 3.5rem;height: 3.5rem;bottom: -25px;right: 50px;}@media (min-width: 640px) {.category-list .swiper-container {width:auto;}}/*=========Category Slider END============*//*=========Card START============*/.view-details-btn {display: none;}.card .popup-opened .view-details-btn {display: block;}.card {    padding: 1rem;    text-align: center;    min-height: 514px;    display: flex;    flex-direction: column;        border-radius: .875rem;    border: 1px solid var(--gray-tint-2);    transition: box-shadow .4s ease;}.swiper-slide .card {    margin-bottom:2rem;}.card:hover {box-shadow: 0px 20px 32px -20px #00000040;}.card:has(.popup-opened) .add-to-cart:not(.popup-opened .add-to-cart),.card:has(.popup-opened) .outer-details-btn-wrapper,.card:has(.popup-opened) .variant-preview,.card:has(.popup-opened) .outer-price-wrapper{    display:none;} .card .add-to-cart-wrapper:has(.popup-opened) {     width:100%; }.card-image {    width: 100%;    justify-content: center;    border-radius: .625rem;    background: var(--gray-tint-2);}.card-image .thumb {max-width: 240px;aspect-ratio: 1/1;transition:transform .3s ease-in-out;}.card-image .thumb:hover {    transform:scale(1.05);}.card .installment-container {    justify-content: center;    display: flex;    margin-top: .25rem;    font-size:.875rem;}.card .with-label-list ,.card .with-label{    margin-left: .25rem;}.card .kokopay-logo-list , .card .mintpay-logo, .card .mintpay-logo-list{    margin-left: .25rem;}.installment-price {    font-weight: 500;    font-size: .85em;}.payment-method-wrapper .installment-price {  margin-left: 0;}.installment-label {    font-size: .75em;}.with-label {    font-size: .75em;}/* Position the wrapper relative to the product card */.label-wrapper {position: absolute;display: flex;flex-direction: column;gap: .25rem;top: 1rem;left: 0;transition: top .4s ease;z-index: 11;}/*.card:has(.popup-opened) .label-wrapper *//*{*//*	top: 1rem;*/	/*}*//* Main red badge styling */.offer-percentage {    display: inline-flex;    align-items: center;    background-color: #e22d2d;    color: var(--white);    padding: 0.4rem .5rem .3rem;    border-radius: 0 .25rem .25rem 0;     font-size: .75rem; }.image-inner-wrapper .offer-percentage {     border-radius: .25rem;}/* Large Number */.offer-percentage .offer-value {    line-height: 1;    font-weight: 500;}/* Container to stack the % and Off */.offer-percentage .offer-stacked-text {    margin-left: 2px;    font-weight: 600;    line-height: 1;}.label-new {     font-size: .75rem; 	width: fit-content;background-color: var(--primary-base);color: var(--white);font-weight: 500;line-height: 1;    padding: .3rem .5rem;border-radius: 0 .25rem .25rem 0;}.select-option-wrapper {/*border-radius: 24px;*/	/*top: 0;*/	/*height: 100%;*/	/*transform: scaleY(0);*/	display: none;/*border: 1px solid var(--gray-tint-2);*/	/*transition: visibility 0s linear .4s;*/	}.is-blocked {    opacity:0.5;}.is-blocked::after {    content: "";    position: absolute;    top: 50%;    left: -2px;    right: -2px;    height: 2px;    background: #7b8598;    transform: rotate(-45deg);}.popup-opened {/*transform: scaleY(1);*/	display: block;/*transition: transform .4s ease, visibility 0s linear 0s;*/	}/*.select-popup-inner *//*{*//*	padding: 2rem;*/	/*}*//*---product item card----*//*.product-list .card .info *//*{*//*	margin-top: 0;*//*	margin-bottom: 0;*//*	padding: 2rem;*//*	border-radius: 0px 24px 24px 0px;*//*	min-height:230px;*/	/*}*//*.product-list .thumb *//*{*//*	border-radius: 24px 0px 0px 24px;*/	/*}*//*.product-list .label-wrapper *//*{*//*	top: 2rem;*/	/*}*//*.product-list .sku-name-wrapper *//*{*//*	align-items: flex-start;*//*	margin-left: 21%;*/	/*}*//*.product-list .card *//*{*//*	border: 1px solid var(--gray-tint-2);*//*	border-radius: 24px;*/	/*}*//*.product-list .dropdown-btn *//*{*//*	min-width: 200px;*/	/*}*//*=========Card END============*//*=========Most Popular Section START============*//*----dropdowns----*/.filters {display: flex;align-items: center;justify-content: flex-start;gap: 16px;flex-wrap: wrap;}.filter-wrapper {    width: 100%;}.custom-dropdown {position: relative;/*max-width: 300px;*/	width: 100%;}.dropdown-btn {width: 100%;height: 3rem;background: var(--white);border: 1px solid var(--gray-tint-2);border-radius: .5rem;padding: .75rem;color: var(--gray-base);cursor: pointer;transition: all 0.2s ease;appearance: none;outline: none;display: flex;align-items: center;justify-content: space-between;gap: 10px;}.dropdown-btn:hover {border-color: var(--gray-base);color: var(--gray-shade);}.dropdown-btn:focus-visible {outline: -webkit-focus-ring-color auto 1px;}.dropdown-btn[aria-expanded="true"] {border-color: var(--gray-base);}.select-icon {position: absolute;right: 14px;top: 50%;transform: translateY(-50%);pointer-events: none;}.btn-content {display: flex;align-items: center;gap: 10px;}.color-preview {width: 1.25rem;height: 1.25rem;border-radius: 50%;border: 1px solid rgba(0, 0, 0, 0.1);display: inline-block;flex-shrink: 0;}.variant-preview .color-preview {    width:1rem;    height: 1rem;}.dropdown-options {position: absolute;top: calc(100% + 8px);left: 0;width: 100%;background: var(--white);border: 1px solid var(--gray-tint-2);border-radius: .5rem;box-shadow: 0px 20px 32px -20px #00000040;z-index: 50;overflow: hidden;padding: 6px 0;max-height: 280px;overflow-y: auto;    /*scrollbar-width: thin;*/    /*scrollbar-color: var(--primary-shade) transparent;*/	}.dropdown-options:not(.card .dropdown-options) {display: none;}.custom-dropdown .dropdown-options.show {display: block;animation: fadeIn 0.15s ease-out;}@keyframes fadeIn {from {opacity: 0;	transform: translateY(-4px);}	to {opacity: 1;	transform: translateY(0);}}.dropdown-option {padding: 10px 16px;display: flex;align-items: center;gap: 12px;cursor: pointer;transition: background 0.15s ease;}.dropdown-option:hover,.dropdown-option.active {background: var(--primary-tint-2);}.no-results {text-align: center;padding: 1.5rem;display: none;}.no-results.show {display: block;}/* Color Palette Classes */.all {border: 2px dashed rgba(0, 0, 0, 0.2);}.white {background: #ffffff;border-color: #cbd5e1;}.blue {background: #2563eb;}.green {background: #16a34a;}.red {background: #dc2626;}.yellow {background: #eab308;}@media (min-width: 640px) {    .filter-wrapper {    width: unset;}	.custom-dropdown {min-width: 220px;	/*max-width: unset;*/		width: unset;}}@media (min-width: 1280px) {.custom-dropdown {min-width: 300px;}}/*=========Most Popular Section END============*//*=========Pre Footer START============*//* Base settings for the section background *//* Container constrained to 1400px */footer .logo-link {width: fit-content;display: block;}.tools-section {position: relative;z-index: 1;}.tools-container {max-width: 1400px;margin: 0 auto;}/* Grid layout for the cards */.tools-grid {display: grid;grid-template-columns: 1fr;gap: 24px;}/* Individual Link Card */.tool-card {background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.03) 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));backdrop-filter: blur(73.88664245605469px);border: 1.5px solid #FFFFFF;border-radius: 16px;padding: 16px;display: flex;align-items: center;gap: 13px;text-decoration: none;color: inherit;transition: transform 0.2s ease, box-shadow 0.2s ease;}.tool-card:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);}/* Icon wrapper */.tool-icon {flex-shrink: 0;display: flex;align-items: center;justify-content: center;overflow: hidden;}.tool-icon img {width: 100%;height: 100%;object-fit: contain;}/* Content inside the card */.tool-content {display: flex;flex-direction: column;gap: 6px;}/* Heading styling with flex to align the arrow */.tool-content h2 {margin: 0;font-size: 1.125rem;font-weight: 600;display: flex;align-items: center;gap: .75rem;}.tool-content h2 svg {flex-shrink: 0;transition: transform 0.2s ease;}.tool-card:hover .tool-content h2 svg {transform: translateX(3px);/* Subtle arrow animation on hover */}/* Paragraph styling */.tool-content p {margin: 0;font-size: .875rem;color: var(--gray-base);}@media (min-width: 640px) {.tools-grid {grid-template-columns: repeat(2, 1fr);}}@media (min-width: 1280px) {.tools-grid {grid-template-columns: repeat(4, 1fr);}}/*=========Pre Footer END============*//*=========Footer START============*/.footer-wrapper {background-color: #141969;}footer a {color: var(--white);}footer h2 {font-weight: 400;font-size: 1.125rem;line-height: 1.1;color: var(--white);}footer .border-white {border-top: 1px solid #FFFFFF1A;}.footer-logo-wrapper {margin-bottom: 1.5rem;}footer a,footer .social-block li,.powered-by span {transition: opacity .3s ease !important;}footer .quick-link-block:has(a:hover) a:not(a:hover),footer .top-categories-block:has(a:hover) a:not(a:hover),footer .social-block:has(a:hover) a:not(a:hover),footer .social-block:has(a:hover) li:not(:has(a:hover)),footer .contact-block:has(a:hover) a:not(a:hover),.powered-by:has(a:hover) span {opacity: .3;}/*.newsletter-block *//*{*//*	max-width: 500px;*/	/*}*//*.subscription-container *//*{*//*	display: flex;*//*	justify-content: space-between;*//*	align-items: center;*//*	border-bottom: 1px solid rgba(255, 255, 255, 0.5);*//*	padding-bottom: .75rem;*//*	gap: 1.25rem;*//*	flex-wrap: wrap;*/	/*}*//* Input field styling *//*.subscription-input *//*{*//*	background: transparent;*//*	border: none;*//*	color: var(--white);*//*	outline: none;*//*	flex-grow: 1;*/	/*}*//*.subscription-input::placeholder *//*{*//*	color: rgba(255, 255, 255, 0.5);*/	/* Faded text for placeholder *//*}*/.footer-content,.footer-left {flex-direction: column;}.quick-link-block {width: 100%;max-width: 320px;}.quick-link-block ul {column-gap: .5rem;}@media (min-width: 640px) {.page-main footer {margin-top: -15px;}}@media (min-width: 1024px) {.footer-left {display: flex;	flex-direction: row;}	.contact-block {/*width: 50%;*/	width: 40%;}	.social-block {width: 20%;}	.quick-link-block {/*width: 30%;*/	width: 40%;}}@media (min-width: 1280px) {        .footer-logo-wrapper {margin-bottom: 3.5rem;}	.page-main footer {margin-top: -25px;}	.footer-content {display: flex;	flex-direction: row;}	.footer-left {width: 100%;	/*max-width: 969px;*/	max-width: 1000px;}/*	.footer-right *//*{*//*	width: 100%;*//*		max-width: 500px;*/	/*}*/}@media (min-width: 1366px) {.footer-logo-wrapper {    /* newly added for temporary footer */	margin-right: 2.5rem;}}@media (min-width: 1536px) {.footer-wrapper {padding-left: 7.5rem !important;	padding-right: 7.5rem !important;}	.contact-block {width: 100%;	max-width: 432px;}	.social-block {width: 100%;	max-width: 112px;}	.quick-link-block {width: 100%;	max-width: 320px;}}@media (min-width: 1750px) {.page-main footer {margin-top: -135px;}}/*=========Footer END============*//*=========Cart drawer START============*/.cart-drawer-body .title {    font-size:1rem;}.detail-count-btn-wrapper {    border: 1px solid var(--gray-tint-2);    background-color: #f4f4f4;    color: var(--gray-shade);}/*=========Cart drawer END============*//*=========Profile START============*/.profile-error-success {    display:none;}.profile-error-success:has(.block) {    display:block;}/*=========Profile END============*//*=========Cart Page START============*/@media (min-width: 768px) and (max-width: 1024px) {.page-cart .order-info-main-wrapper button.bg-primary {    font-size:.75rem;}}/*=========Cart Page END============*//*=========Product detail START============*/.inline-container-base-container {    background-color:var(--white);}.responsive-image, .inline-container-base-container {    border: 1px solid #e5e7e8;}.responsive-image.preview-box{    border:none;    min-height:unset;    width:400px;}.thumb-list{    padding:.25rem;}@media (min-width: 1024px) {.product-wrapper .image-wrapper {        position: sticky;    top: 8.5rem;}}/*=========Product detail END============*//*=========At bottom elements START============*/.at-bottom [aria-label="Go To Top"]{    bottom:4.5rem;}/*=========At bottom elements END============*//*=========Loading Animation START============*/.on-load {    position: relative;    overflow: hidden;    border:none !important;    opacity:1 !important;    box-shadow:none !important;    background:none !important;    color:transparent !important;    width:fit-content;}.on-load > *{    opacity:0 !important;}.on-load::after {    content: "";    position: absolute;    inset: 0;    background: linear-gradient(        90deg,        #eef1f6 0%,        #eef1f6 40%,        rgba(255, 255, 255, 0.8) 50%,        #eef1f6 60%,        #eef1f6 100%    );    background-size: 200% 100%;    animation: sweep 2s linear infinite;    height: unset;    transform: unset;    }@keyframes sweep {    from {        background-position: 200% 0;    }    to {        background-position: -200% 0;    }}/*=========Loading Animation END============*//*=========select option popup variants START============*/.size-variant {    flex: 0 0 calc(25% - 0.5rem);    height: 2.125rem;    transition: border-color .12s,background .12s;}.product-variant-wrapper .size-variant {    flex: 0 0 6.25rem;    flex:1;    width:6.25rem;}.product-variant-wrapper .attr-value:has(.size-variant ) {    flex: 1;    max-width:6.25rem;}.size-variant:not(.is-blocked):hover{    border-color: var(--primary-shade);}.size-variant.selected {    background: var(--primary-shade);    border-color: var(--primary-shade);    color: var(--white);}.color-dot {    box-shadow: 0 0 0 1px var(--gray-tint-2);    transition: transform .1s,box-shadow .1s;}.color-dot:not(.variant-preview .color-dot):hover {    transform: scale(1.08);}.color-dot.selected {    box-shadow: 0 0 0 2px var(--primary-shade);}.tool-tip {    position: absolute;    white-space: nowrap;    color: white;    padding: .25rem .5rem;    border-radius: 7px;    top: -150%;    left: 50%;    transform: translateX(-50%);    background: var(--primary-shade);    opacity:0;    transition:opacity .3s;}.product-variant-wrapper .tool-tip {    top: -120%;}.tool-tip::after {    content: "";    position: absolute;    top: 100%;    left: 50%;    transform: translateX(-50%);    border: 5px solid transparent;    border-top-color: var(--primary-shade);}button:hover > .tool-tip,button:focus-visible > .tool-tip {  opacity:1;}/*=========select option popup variants END============*//*========= Ask Mr. Rob Section START ============*/.ask-mr-rob-section-wrapper {    min-height: auto;    border-bottom: none;}.ask-mr-rob-container {    width: 100%;    display: flex;    justify-content: center;}.ask-mr-rob-banner {    position: relative;    width: 100%;    max-width: 1394px;    background: url('https://dna3n15iwxmh8.cloudfront.net/e50e7d7c6e48054ed9d1a2c32e8aeaa4/images/49f74b0014a0613c82a904c211b5a4ef_1787137351.webp') no-repeat center center;    background-size: cover;    border-radius: 32px;    overflow: hidden;    display: flex;    flex-direction: column;    align-items: center;    padding: 2.5rem 1.25rem 0;    gap: 40px;    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);}/* Interior Background */.ask-mr-rob-banner::before {    content: '';    position: absolute;    bottom: 0;    right: 0;    width: 100%;    height: 65%;    background: url('https://dna3n15iwxmh8.cloudfront.net/e50e7d7c6e48054ed9d1a2c32e8aeaa4/images/ad75f95e78cccd00f1d51e46e0e343ae_1787136866.webp') no-repeat bottom center;    background-size: cover;    z-index: 1;    -webkit-mask-image: linear-gradient(to bottom, rgb(0 0 0 / 0%) 2%, rgb(0 0 0 / 23%) 30%, rgb(0 0 0 / 30%) 35%, rgb(0 0 0 / 66%) 55%, rgb(0 0 0) 70%);    mask-image: linear-gradient(to bottom, rgb(0 0 0 / 0%) 2%, rgb(0 0 0 / 23%) 30%, rgb(0 0 0 / 30%) 35%, rgb(0 0 0 / 66%) 55%, rgb(0 0 0) 70%);}.ask-mr-rob-content {    position: relative;    z-index: 2;    display: flex;    flex-direction: column;    align-items: center;    text-align: center;    width: 100%;    color: #FFFFFF;}.ask-mr-rob-content .ask-mr-rob-subtitle {    font-weight: 300;    margin:0;}.ask-mr-rob-content .ask-mr-rob-title {    color:var(--white);}.ask-mr-rob-content .ask-mr-rob-description {    margin-bottom: var(--base-margin);}.ask-mr-rob-images {    position: relative;    z-index: 2;    width: 100%;    display: flex;    justify-content: center;    align-items: flex-end;    margin-top: auto;}.man-img {    max-width: 100%;    height: auto;    max-height: 350px;    object-fit: contain;    display: block;}@media (min-width: 1024px) {.ask-mr-rob-section-wrapper{margin-top: -45px;	position: relative;	z-index: 1;}}@media (min-width: 1280px) {    	.ask-mr-rob-section-wrapper{margin-top: -60px;}	    .ask-mr-rob-banner {        flex-direction: row;        align-items: center;        justify-content: space-between;        padding: 0 5rem;        height: 350px;        gap: 5rem;    }    .ask-mr-rob-banner::before {        width: 65%;        height: 100%;        top: 0;        bottom: auto;        right: 0;        background-position: center right;        -webkit-mask-image: linear-gradient(to right, rgb(0 0 0 / 0%) 2%, rgb(0 0 0 / 23%) 30%, rgb(0 0 0 / 53%) 40%, rgb(0 0 0 / 70%) 55%, rgb(0 0 0) 65%);        mask-image: linear-gradient(to right, rgb(0 0 0 / 0%) 2%, rgb(0 0 0 / 23%) 30%, rgb(0 0 0 / 53%) 40%, rgb(0 0 0 / 70%) 55%, rgb(0 0 0) 65%);    }    .ask-mr-rob-content {        align-items: flex-start;        text-align: left;        max-width: 460px;        height:100%;        padding: 2.875rem 0rem;        flex-shrink: 0;        margin-top: 0;    }    .ask-mr-rob-images {        width: 500px;        height: 100%;        margin-top: 0;        justify-content: flex-start;        align-items: flex-end;        position: relative;    }    .man-img {        position: absolute;        bottom: 0;        left: -5rem;        height: 350px;        width: auto;        max-height: none;        max-width: none;        padding-top: .5rem;    }}@media (min-width: 1536px) {    	.ask-mr-rob-section-wrapper{margin-top: -85px;}}/*========= Ask Mr. Rob Section END ============*//*========= Custom-banner START ============*/.custom-banner-block-1 .rounded-custom {    border-radius:1rem;}@media (min-width: 1536px) {.custom-banner-block-1 .rounded-custom {    border-radius:1.5rem;}}/*========= Custom-banner END ============*//*========= Chat widget START ============*/:root {  --wacw-offset: 0px;}/* state overrides — each just sets the offset */body:has([aria-label="Go to top"]a.visible) {  --wacw-offset: 56px;}.at-bottom {  --wacw-offset: 48px;}body.at-bottom:has([aria-label="Go to top"]a.visible) {  --wacw-offset: 96px;}#__wacw-wrap #__wacw-fab { bottom: calc(32px + var(--wacw-offset)); }#__wacw-wrap #__wacw-lbl { bottom: calc(45px + var(--wacw-offset)); }#__wacw-wrap #__wacw-pop { bottom: calc(32px + 76px + var(--wacw-offset)); }/*========= Chat widget END ============*//*========= Cookie Consent START ============*//*.cookie-consent-popup *//*{*//*	    position: fixed;*//*	    z-index: 55;*//*	    bottom: 0;*//*	    background-color: var(--white);*//*	    padding: 1.5rem;*//*	    text-align: center;*//*	    box-shadow: rgba(0,0,0,0.1) 0 4px 12px;*//*	    width:100%;*/	/*}*//*.cookie-consent-popup .title *//*{*//*	    display: Flex;*//*	    justify-content: center;*//*	    gap: .875rem;*//*	    justify-content: center;*//*	    align-items: center;*/	/*}*//*#cookie-consent-title *//*{*//*	    display: flex;*//*	    align-items: center;*//*	    gap: .5rem;*//*	    justify-content: center;*//*	    margin-bottom: .75rem;*/	/*}*//*#cookie-consent-message *//*{*//*	    font-size: .8125rem;*/	/*}*//*.cookie-consent-popup .btn-wrapper-group *//*{*//*	    display: flex;*//*	    justify-content: center;*//*	    gap: 1rem;*//*	    align-items: center;*//*	    flex-wrap: wrap;*/	/*}*//*.btn-wrapper-group .btn-primary span:first-child*//*{*//*	    min-width:3.125rem;*/	/*}*//*@media (min-width: 1024px) *//*{*//*	    .cookie-consent-popup *//*{*//*	        width: 550px;*//*	        right: 0;*//*	        text-align: left;*//*	        padding: 1.5rem;*//*	        margin: 1.75rem 2.25rem;*/	    /*}*//*        #cookie-consent-title *//*{*//*	        justify-content: flex-start;*/	    /*}*//*        .cookie-consent-popup .btn-wrapper-group *//*{*//*	        justify-content: flex-start;*/	    /*}*/    /*}*//*========= Cookie Consent END ============*/@media (min-width: 1024px) {.search-results-grid{    width: calc(100% - 320px);}}.swiper-button-lock,.swiper-button-disabled.swiper-button-lock {display: none !important;}/* Smooth fade transition for dynamic banner text */.hero-content {    transition: opacity 0.3s ease-in-out;    opacity: 1;}#check-out-page .cart-icon-wrapper, #order-summary .cart-icon-wrapper {    display: none;}/*========= Cookie Consent START ============*/.consent-wrapper {  position: fixed;  bottom: 0;  left: 0;  width: 100%;  background-color: var(--white, #ffffff);  padding: 1.5rem;  text-align: center;  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);  z-index: 55;  box-sizing: border-box;  display: none;  pointer-events:none; /* Kept out of flow until shown */}.consent-wrapper.show {  display: block;pointer-events:auto;}.consent-header {  display: flex;  justify-content: center;  align-items: center;  gap: 0.5rem;  margin-bottom: 0.75rem;}.consent-header svg {  width: 20px;  height: 20px;}.consent-desc {  font-size: 0.8125rem;  line-height: 1.5;  margin: 0 0 1rem 0;  color: inherit;}.consent-buttons {  display: flex;  justify-content: center;  align-items: center;  gap: 1rem;  flex-wrap: wrap;}.consent-btn {  display: inline-flex;  align-items: center;  justify-content: center;  gap: 0.5rem;  padding: 0.5rem 1.25rem;  border-radius: 4px;  font-size: 0.875rem;  cursor: pointer;  border: 1px solid transparent;}.consent-btn.accept {  background-color: #112255;  color: #ffffff;}.consent-btn.reject {  background-color: transparent;  border-color: #d1d5db;  color: #374151;}/* Desktop right-docked card */@media (min-width: 1024px) {  .consent-wrapper {    width: 550px;    left: auto;    right: 0;    text-align: left;    margin: 1.75rem 2.25rem;    border-radius: 8px;  }  .consent-header {    justify-content: flex-start;  }  .consent-buttons {    justify-content: flex-start;  }}/*========= Cookie Consent END ============*//*========= New Arrivals Page START ============*//* ==========================================================================   Hero Banner Section (Mobile Base)   ========================================================================== */.hero-banner-section {    width: 100%;    padding: 0;    background-color: var(--white);}.hero-banner-container {    width: 100%;    display: grid;    grid-template-columns: 1fr;    height: auto;    gap: 1.5rem;}.hero-banner-left {    position: relative;    min-height: 480px;    overflow: hidden;    background-image: url('https://dna3n15iwxmh8.cloudfront.net/e50e7d7c6e48054ed9d1a2c32e8aeaa4/weatherSeal/17066e1bf488bcbd5cb31be8333d5573_1788763962.webp');    background-size: cover;    background-position: center right;    display: flex;    align-items: center;}.hero-banner-overlay {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: linear-gradient(180deg, rgba(14, 33, 87, 0.92) 0%, rgba(14, 33, 87, 0.85) 60%, rgba(14, 33, 87, 0.4) 100%);    z-index: 1;    pointer-events: none;}.hero-banner-content {    position: relative;    z-index: 2;    padding: 2rem 1.25rem;    display: flex;    flex-direction: column;    justify-content: center;}.hero-desc {    color: rgba(255, 255, 255, 0.92);    font-size: 0.9375rem;    line-height: 1.6;    margin-bottom: 2rem;}.hero-product-card {    min-height: 420px;    background-color: var(--white);    padding: 2.25rem 1.75rem 1.75rem;    display: flex;    flex-direction: column;    justify-content: space-between;    align-items: center;}.product-img-wrap {    flex: 1;    width: 100%;    display: flex;    align-items: center;    justify-content: center;    padding: 1rem 0;}.product-img {    max-height: 280px;    max-width: 100%;    height: auto;    object-fit: contain;}.product-badges-row {    width: 100%;    display: grid;    grid-template-columns: 1fr;    gap: 0.75rem;}.badge-pill {    padding: 0.75rem 0.5rem;    border-radius: 6px;    text-align: center;    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;}.badge-nano { background-color: var(--primary-base); color: var(--white); }.badge-warranty { background-color: var(--brand-yellow); color: var(--black); }.badge-title {    font-size: 0.875rem;    font-weight: 800;    letter-spacing: 0.04em;    text-transform: uppercase;    line-height: 1.2;}.badge-sub {    font-size: 0.6875rem;    font-weight: 500;    margin-top: 0.2rem;    line-height: 1.2;    opacity: 0.9;}/* ==========================================================================   MIN-WIDTH MEDIA QUERIES (Hero Banner Specific)   ========================================================================== *//* Small Tablets & Large Phones (540px and up) */@media (min-width: 540px) {    .product-badges-row {        grid-template-columns: 1fr 1fr;    }}/* Laptops & Desktop Integration (869px and up) */@media (min-width: 869px) {    /* Desktop Hero Split View */    .hero-banner-container {        grid-template-columns: 1fr clamp(360px, 28vw, 500px);        height: 560px;        gap: 0;    }    .hero-banner-left {        min-height: auto;        height: 100%;    }    .hero-banner-overlay {        background: linear-gradient(90deg, #0e2157 0%, rgba(14, 33, 87, 0.95) 30%, rgba(14, 33, 87, 0.75) 50%, rgba(14, 33, 87, 0.15) 75%, transparent 100%);    }    .hero-banner-content {        padding: 2.5rem 2rem;        max-width: 520px;    }    .hero-product-card {        height: 100%;        min-height: auto;    }    .product-img {        max-height: 380px;    }}/* Large Desktops (1024px and up) */@media (min-width: 1024px) {    .hero-banner-container {        height: 600px;    }    .hero-banner-content {        padding: 3rem 2.5rem 3rem 3.5rem;    }}/*========= New Arrivals Page END ============*/