.image.rounded-md.overflow-hidden.h-0.pb-\[29\%\] {  height: 0;  padding-bottom: 39%;}/*css new*//*login button css*//*a#login-button *//*{*//*	    color: #fff;*//*}*//*footer css*/.items-baseline a {  color: #fff;}footer#footer {  color: white;}.copyright {  color: white;}.powered-by {  color: white;}.powered-by a {  color: white;}/*Menu bar unorderded list remove*/#header .category-list-wrapper ul li {  list-style: none;}/*cms pages*/.cms-page.content-wrapper.content.mt-\[90px\].p-\[16px\] {  padding: 0;}/*home page texts align center*/.info.xl\:pt-6 {  text-align: center;}h3.text-heading.font-semibold.mb-1.md\:mb-1\.5.text-sm.sm\:text-base.md\:text-sm.xl\:text-base.line-clamp-1.xl\:text-lg {  font-size: 1rem;}/*home page decription hidden*/.text-gray-500.description.text-body.text-xs.xl\:text-sm.leading-normal.mb-0\.5.xl\:mb-2.line-clamp-1 {  display: none;}/*Homage page Brands slider*/.brand-wrapper.mx-auto.px-4.md\:px-8.\32 xl\:px-16.mb-6 {  padding-bottom: 15px;}/*Homage page Brands slider*//*forget password responsive edit start*//* For height below 670px */@media only screen and (max-height: 670px) {  #app {    min-height: calc(100vh - 240px);  }}/* For height between 671px and 760px */@media only screen and (min-height: 671px) and (max-height: 760px) {  #app {    min-height: calc(100vh - 270px);  }}/* For height between 760px and 999px */@media only screen and (min-height: 760px) and (max-height: 999px) {  #app {    min-height: calc(100vh - 350px);  }}/* For height between 1000px and 1400px */@media only screen and (min-height: 1000px) and (max-height: 1400px) {  #app {    min-height: calc(100vh - 350px);  }}/* For height between 1000px and 1400px */@media only screen and (min-height: 1000px) and (max-height: 1400px) and (min-width: 600px) {  #app {    min-height: calc(100vh - 332px);  }}/*Offer Persantage position edit Start*/.product-list .offer-percentage-wrapper.absolute {  right: auto;  white-space: nowrap;}.absolute.top-2.right-\[15px\] {  right: auto;  top: 0;}/*Offer Persantage position edit End*//*Multi e pay icon posisioning start*/.ml-auto.min-w-\[100px\].h-16.bg-contain.bg-top.bg-no-repeat.absolute.top-0.right-0 {  top: -10px;  right: -6px;}/*Multi e pay icon posisioning end*/span.mb-1 {  color: black;}/*Sitemap CSS*/h1.title.m-0.text-primary.text-2xl.md\:text-3xl.lg\:text-4xl.xl\:text-5xl.xl\:leading-10.font-bold.p-\[50px\].sm\:p-\[90px\].md\:p-\[100px\].lg\:p-\[130px\].bg-gray-200.text-center {  background-color: #29748e;  color: white;}/**You can add code to this file for shop customization**//*Home page product rotarter*/.product-block .item-wrapper .price {  font-size: 1.2em;}.product-block .item-wrapper {  padding: 0 12px;}.product-block .item-wrapper .info {  text-align: center;}.product-block .item-wrapper .description {  display: none;}.product-block > .border {  border: none;}.custom-product-item .thumb-wrp {  height: auto;  width: 100%;}.custom-product-item .thumb {  height: 315px;  /* background-size: cover; */}ul.slick-dots {  bottom: auto;}.thumb.bg-center.bg-no-repeat.h-full.w-full.bg-gray-100.xl\:h-56.h-36.bg-contain {  background-color: transparent;}.product-block .add-to-cart-wrapper {  margin-top: 20px;}.product-block .add-to-cart {  margin: 0 auto 0;}.available-quantity.font-semibold.text-heading.text-xs {  display: none;}@media only screen and (max-width: 1279px) {  .custom-product-item .thumb {    height: 220px;  }  .product-block {    padding-bottom: 60px;  }  .product-block {    padding-top: 0;    padding-bottom: 0;  }}@media only screen and (max-width: 1023px) {  .custom-product-item .thumb {    height: 150px;  }}@media only screen and (max-width: 767px) {  .custom-product-item .thumb {    height: 220px;  }  .product-block {    padding-bottom: 60px;  }  .product-block {    padding-top: 0;    padding-bottom: 0;  }}/*Home page product rotarter*/.min-h-\[90px\] {  min-height: 92px;}.bg-white.category-list-wrapper.mt-1.w-full {  color: #000;}button.outline-none.w-14.h-14.flex.items-center.justify-center.focus\:outline-none.ml-auto {  color: #000;}/*.location-wrapper .current-location-wrapper, .header-wrapper>div, #header *//*{*//*	    color: #fff;*//*}*//*.header-wrp #header,.fixed-mode #header *//*{*//*	background-color: #000;*//*	    background-color: #313174;*//*}*//*#header *//*{*//*  height: 120px; *//*	background: #313174;*//*background: linear-gradient(180deg, rgba(23,23,78,1) 0%, rgba(159,198,255,1) 100%);*//*	box-shadow: none;*//*	transition: all 300ms ease;*//*}*/.header-wrapper,.header-wrapper .logo,.action-header,.main-nav {  transition: all 300ms ease;}div#header {  background-color: #313174;}/*Home New Arrivals*/.rounded-md.p-4.md\:p-8.relative.border.border-gray-300 {  border: 0;}/*Home New Arrivals*//*Header colour*//*Header colour*//*Footer colour*/footer#footer {  background-color: #313174;}h4.text-heading.text-sm.md\:text-base.xl\:text-lg.font-semibold.uppercase {  color: #fff;}ul.text-xs.lg\:text-sm.text-gray-500.flex.flex-col {  color: #fff;}/*Footer colour*//*home page banner*/.image.image-0-0.bg-no-repeat.bg-center.bg-cover.overflow-hidden.h-\[160px\].md\:h-\[350px\].xl\:h-\[466px\] {  height: 0;  padding-bottom: 41.6%;}.w-full.bg-white.p-4.md\:py-8.md\:pb-4 {  padding: 0;  padding-top: 12px;}.banner-image.rounded-md.overflow-hidden {  border-radius: 0 !important;}/*home page banner*//*home page middel banner*/.image.bg-no-repeat.bg-center.bg-cover.rounded-md.overflow-hiddenh-\[160px\].md\:h-\[320px\].lg\:h-\[420px\] {  height: 0;  padding-bottom: 38.6%;}.image.image-0-0.bg-no-repeat.bg-center.bg-cover.overflow-hidden.h-\[0px\].pt-\[40\%\] {  height: 0;  padding-top: 0 !important;  padding-bottom: 35.6% !important;}.image.bg-no-repeat.bg-center.bg-cover.rounded-md.overflow-hidden.h-\[160px\].md\:h-\[320px\].lg\:h-\[420px\] {  height: 0;  padding-bottom: 35.6%;}/*home page middel banner*//*footer style*/.container {  width: 90%;  /*max-width: 1200px;*/  margin-left: auto;  margin-right: auto;}.footer-highlights span,.text-body {  color: #505050;}.page-footer {  background-color: #e8e8e8;  background-position: top right;  background-repeat: no-repeat;}.footer-highlights {  margin-bottom: 30px;  justify-content: space-between;}.footer-highlights .icon {  width: 70px;  height: 70px;  display: block;  margin-right: 10px;  background-position: center;  background-repeat: no-repeat;  background-image: url(https://d3fgegizptfhv.cloudfront.net/954503bf65849e29cb62997abb475a42/media/images/e441c3316a8993007b3814b12c325d38_1671764657.png);}.footer-highlights .h-2 {  background-image: url(https://d3fgegizptfhv.cloudfront.net/954503bf65849e29cb62997abb475a42/media/images/b21c00fc65395cae99e58c0a961f5daa_1671764658.png);}.footer-highlights .h-3 {  background-image: url(https://d3fgegizptfhv.cloudfront.net/954503bf65849e29cb62997abb475a42/media/images/8bdc1abb4809bec8143f31a677797d0a_1671764654.png);}.footer-highlights .h-4 {  background-image: url(https://d3fgegizptfhv.cloudfront.net/954503bf65849e29cb62997abb475a42/media/images/a349dbf52afe9b47eacdc9acbf5388ba_1671764654.png);}.footer-highlights .h-5 {  background-image: url(https://d3fgegizptfhv.cloudfront.net/954503bf65849e29cb62997abb475a42/media/images/1f8717b71eebf4b3f2aa91015a4b7a6d_1671764658.png);}.footer-middle {  padding: 40px 0 16px;  /*border-top: 2px solid #cccccc;*/  border-bottom: 2px solid #cccccc;}.footer-nav {  display: grid;  grid-template-columns: auto auto auto;  gap: 10px;}.footer-nav .item-4 {  grid-column: 2;}.footer-nav > div {  width: 100%;  margin: 0 auto 20px;}.footer-nav li {  margin-top: 6px;}.social-block ul {  margin-top: 12px;}.social-block li {  margin-right: 12px;}.social-block a {  display: block;  color: #fff;}.social-block svg {  width: 24px;  height: 24px;  color: #fff;}.newsletter-block {  margin-top: 55px;}.newsletter-block form {  margin-top: 10px;  display: flex;}.newsletter-block input {  padding: 12px;  font-size: 12px;  height: 44px;  width: 100%;  border: none;  outline: none;}.newsletter-block button {  height: 44px;  min-width: 40px;  background-color: #fff;}.newsletter-block button svg {  margin: 0 auto;}.footer-bottom {  padding: 12px 0;  font-size: 12px;  color: #fff;}.footer-bottom .copyright {  margin-right: 40px;}.pm {  width: 36px;  height: 24px;  margin-left: 10px;  background-position: center;  background-repeat: no-repeat;  background-image: url(https://d3fgegizptfhv.cloudfront.net/25d760091090d8dc96ce5a228a152986/media/images/themes/p-1.png);}.pm-2 {  background-image: url(https://d3fgegizptfhv.cloudfront.net/25d760091090d8dc96ce5a228a152986/media/images/themes/p-2.png);}.pm-3 {  background-image: url(https://d3fgegizptfhv.cloudfront.net/25d760091090d8dc96ce5a228a152986/media/images/themes/p-3.png);}.pm-4 {  background-image: url(https://d3fgegizptfhv.cloudfront.net/25d760091090d8dc96ce5a228a152986/media/images/themes/p-4.png);}.pm-5 {  background-image: url(https://d3fgegizptfhv.cloudfront.net/25d760091090d8dc96ce5a228a152986/media/images/themes/p-5.png);}@media only screen and (min-width: 768px) {  .cart-drawer-body.flex.flex-col {    height: calc(100vh - 100px);  }  .md\:w-1\/4 {    width: 25%;  }  .md\:w-3\/4 {    width: 75%;  }  .md\:h-\[240px\] {    height: 240px;  }  .md\:flex-wrap {    flex-wrap: wrap;  }  .md\:mt-0 {    margin-top: 0;  }}@media only screen and (min-width: 1024px) {  .lg\:h-\[720px\] {    height: 550px;  }  .lg\:h-\[200px\] {    height: 200px;  }  .lg\:h-\[450px\] {    height: 450px;  }}@media only screen and (max-width: 1023px) {  .footer-highlights h4 {    font-size: 13px;  }  .footer-highlights span {    font-size: 12px;    line-height: 1.1;    display: block;  }  .footer-middle h4 {    font-size: 15px;  }  .social-block li {    margin-right: 5px;  }}@media only screen and (max-width: 767px) {  .cart-drawer-body.flex.flex-col {    height: calc(100vh - 100px);  }  .mt-28 {    margin-top: 4rem;  }  .footer-highlights {    display: block;  }  .footer-highlights .hightlight-block {    margin-bottom: 8px;  }  .footer-nav {    grid-template-columns: auto auto;  }  .footer-bottom {    text-align: center;  }  .footer-bottom .powered-by,  .footer-bottom .copyright {    margin: 0 0 8px;  }  .footer-bottom .payment-methods-wrp {    justify-content: center;  }  .footer-address-bottom {    margin-top: 20px;    flex-wrap: wrap;  }}@media only screen and (min-width: 1280px) {  .container {    max-width: 1600px;  }}/*footer style*/:root{    --nv-navy:        #2e2a6e;    --nv-navy-deep:   #211d52;    --nv-ink:         #1c1a3c;    --nv-paper:       #f7f7fb;    --nv-line:        #e3e2ef;    --nv-muted:       #6c6a8c;    --nv-accent:      #e8472b;  /* warm coral — used for the download button only,                                   so it reads clearly as an action against the                                   navy/photo card without fighting the brand color */    --nv-accent-deep: #c93a20;    --nv-radius:      14px;  }  .nv-downloads,  .nv-downloads *{    box-sizing: border-box;  }  .nv-downloads{    background: var(--nv-paper);    padding: 24px 24px 40px;    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;    color: var(--nv-ink);    width: 100%;  }  .nv-downloads__inner{    max-width: 1140px;    width: 100%;    margin: 0 auto;  }  /* ---------- Heading ---------- */  .nv-downloads__header{    margin-bottom: 40px;    text-align: left;  }  .nv-downloads__eyebrow{    display: inline-block;    font-size: 12.5px;    font-weight: 700;    letter-spacing: 0.14em;    text-transform: uppercase;    color: var(--nv-accent-deep);    margin: 0 0 10px;  }  .nv-downloads__title{    font-size: clamp(28px, 4vw, 40px);    line-height: 1.1;    font-weight: 800;    color: var(--nv-navy-deep);    margin: 0 0 10px;    letter-spacing: -0.01em;  }  .nv-downloads__subtitle{    font-size: 16px;    color: var(--nv-muted);    max-width: 560px;    margin: 0;  }  /* ---------- Category card grid ---------- */  .nv-downloads .nv-grid{    display: grid !important;    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;    row-gap: 22px;    column-gap:48px;    width: 100%;    list-style: none;    margin: 0;    padding: 0;  }  /* Each category is a single self-contained card: full-bleed image,     with the download button and the name bar both floating on top     of the image as overlays (button top-right, name bottom). */.nv-downloads .nv-card{    position: relative;    display: flex !important;    background: #ffffff;    border: 1px solid var(--nv-line);    border-radius: var(--nv-radius);    overflow: hidden;    width: 100%;    /*max-width: 260px;       */	    min-width: 0;    /*justify-self: center;   */	    text-decoration: none;    cursor: default;    transition: box-shadow 0.2s ease, transform 0.2s ease;  }  /* Hover = "little bit darker" image + gentle lift, per request */  .nv-downloads .nv-card:hover{    box-shadow: 24px 10px 24px rgba(33, 29, 82, 0.16);    transform: translateY(-3px);    cursor: pointer;}  .nv-downloads .nv-card:hover .nv-card__image{    filter: brightness(0.78);  }  /* Image now fills the entire card; name bar and button sit on top of it */  .nv-downloads .nv-card__image{    width: 100%;    aspect-ratio: 4 / 3;    background-size: cover;    background-position: center;    background-color: var(--nv-line); /* shows while image loads / if missing */    transition: filter 0.2s ease;  }  /* Download button — top right, floating over the image */  .nv-downloads .nv-card__btn{    position: absolute;    top: 12px;    right: 12px;    z-index: 2;    display: inline-flex !important;    align-items: center;    justify-content: center;    width: 40px;    height: 40px;    min-width: 40px;    border-radius: 50%;    background: #060441ab;    border: none;    cursor: pointer;    padding: 0;    line-height: 1;    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.22);    transition: background 0.15s ease, transform 0.1s ease;  }  .nv-downloads .nv-card__btn:hover{    background: #1e0b51;  }  .nv-downloads .nv-card__btn:active{    transform: scale(0.92);  }  .nv-downloads .nv-card__btn svg{    width: 18px;    height: 18px;    stroke: #fff;  }  .nv-downloads .nv-card__btn:focus-visible{    outline: 2px solid #fff;    outline-offset: 2px;  }  /* tiny "downloaded" confirmation flash */  .nv-downloads .nv-card__btn.is-done{    background: #1f9d55;  }  /* Name bar — now an overlay sitting on top of the image (bottom edge),     with a translucent dark backing + gradient so white text stays     readable over any photo. */  .nv-downloads .nv-card__namebar{    position: absolute;    left: 0;    right: 0;    bottom: 0;    z-index: 1;    background: linear-gradient(to top, rgba(33, 29, 82, 0.92) 0%, rgba(33, 29, 82, 0.4) 60%, rgba(33, 29, 82, 0) 100%);    padding: 28px 16px 14px;    display: flex;    align-items: center;  }  .nv-downloads .nv-card__name{  	    font-size: 15.5px;    font-weight: 700;    color: #ffffff;    margin: 0;    line-height: 1.3;    letter-spacing: 0.01em;    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);    line-break: anywhere;    	  }  /* ---------- Empty state (no category data at all) ---------- */  .nv-downloads .nv-empty{    border: 1.5px dashed var(--nv-line);    border-radius: var(--nv-radius);    padding: 22px;    color: var(--nv-muted);    font-size: 14px;    text-align: center;  }  /* ---------- Responsive ---------- */  @media (max-width: 920px){    .nv-downloads .nv-grid{      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;    }  }  @media (min-width: 1400px){    .nv-downloads .nv-grid{      grid-template-columns: repeat(5, minmax(0, 1fr)) !important;      column-gap:44px !important; 	    }  }  @media (max-width: 600px){    .nv-downloads{      padding: 40px 16px 56px;    }    .nv-downloads .nv-grid{      grid-template-columns: 1fr !important;    }    .nv-downloads .nv-card__namebar{      padding: 12px 14px;    }  }/*extras*/*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }  :root {    --navy: #0B1E3D;    --navy-mid: #162E55;    --navy-light: #1A3A66;    --bronze: #B88E5A;    --bronze-dark: #A07A48;    --cream: #F5F0E8;    --bg: #FAFAF8;    --surface: #FFFFFF;    --surface-alt: #F4F2ED;    --border: rgba(0,0,0,0.10);    --border-strong: rgba(0,0,0,0.18);    --text-primary: #1A1A18;    --text-secondary: #6B6860;    --text-muted: #9B9890;    --radius-md: 8px;    --radius-lg: 14px;  }   .page { max-width: 880px; margin: 0 auto; }  /* ── NAV ── */  .nc-nav {    display: flex;    align-items: center;    justify-content: space-between;    margin-bottom: 2.5rem;    padding-bottom: 1.25rem;    border-bottom: 0.5px solid var(--border);  }  .nc-logo {    display: flex;    align-items: center;    gap: 10px;    text-decoration: none;  }  .nc-logo-mark {    width: 36px; height: 36px;    background: var(--navy);    border-radius: 8px;    display: flex; align-items: center; justify-content: center;  }  .nc-logo-mark i { color: var(--bronze); font-size: 18px; }  .nc-logo-text { line-height: 1.2; }  .nc-logo-name { font-size: 14px; font-weight: 600; color: var(--text-primary); }  .nc-logo-sub { font-size: 11px; color: var(--text-muted); }  .nc-nav-link {    font-size: 13px;    color: var(--text-secondary);    text-decoration: none;    display: flex; align-items: center; gap: 5px;    transition: color 0.15s;  }  .nc-nav-link:hover { color: var(--navy); }  /* ── HERO ── */  .nc-hero {    background: linear-gradient(135deg, #0B1E3D 0%, #211d52 60%, #211d52 100%);    padding: 3.5rem 2.5rem 3rem;    text-align: center;    border-radius: var(--radius-lg);    margin-bottom: 2rem;    position: relative;    overflow: hidden;  }  .nc-hero::before {    content: '';    position: absolute;    top: -50px; right: -50px;    width: 260px; height: 260px;    border-radius: 50%;    border: 1px solid rgba(184,142,90,0.15);    pointer-events: none;  }  .nc-hero::after {    content: '';    position: absolute;    bottom: -70px; left: -40px;    width: 320px; height: 320px;    border-radius: 50%;    border: 1px solid rgba(184,142,90,0.08);    pointer-events: none;  }  .nc-eyebrow {    display: inline-block;    font-size: 11px;    font-weight: 600;    letter-spacing: 0.14em;    text-transform: uppercase;    color: var(--bronze);    margin-bottom: 1rem;  }  .nc-hero h1 {      font-family: "Open+Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";    font-size: 2.4rem;    font-weight: 600;    color: var(--cream);    line-height: 1.2;    margin-bottom: 0.85rem;    text-transform: uppercase;  }  .nc-hero p {    font-size: 15px;    color: rgba(245,240,232,0.60);    max-width: 500px;    margin: 0 auto 2rem;    line-height: 1.65;  }  .nc-hero-stats {    display: flex;    justify-content: center;    gap: 3rem;  }  .nc-stat { text-align: center; }  .nc-stat-num { font-size: 24px; font-weight: 600; color: var(--bronze); }  .nc-stat-label { font-size: 11px; color: rgba(245,240,232,0.45); letter-spacing: 0.07em; text-transform: uppercase; margin-top: 3px; }  /* ── RESPONSIVE ── */  @media (max-width: 600px) {    .nc-hero h1 { font-size: 1.7rem; }    .nc-hero-stats { gap: 1.5rem; }    .nc-featured-inner { grid-template-columns: 1fr; }    .nc-email-section { flex-direction: column; align-items: flex-start; }    .nc-email-form input { width: 100%; }  }.catelog-block a.block.px-8.font-semibold.hover\:opacity-80 {    text-align: center;    padding: 8px;    color: #1e0b51  !important;}.catelog-block a.block.px-8.font-semibold.hover\:opacity-80:hover {   	    /*color: white  !important;*/	}.catelog-block {    border: #1e0b51  1px solid;    background: white;    border-radius: 57px;    margin: 18px;    padding: 0 !important;}.catelog-block:hover {        background: #bab4c8;}.insideCatelog{    pointer-events: none;    background: #bab4c8;}