@import url('https://fonts.googleapis.com/css2?family=Tiro+Devanagari+Marathi&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&display=swap');

 /* ===================================================
ROOT VARIABLES
=================================================== */

 :root {
   --brand: #c4453e;
   --gold: #e7c27a;
   --gold2: #f5deb3;
   --light: #fff8f4;
   --white: #ffffff;

   --maroon1: #71041a;
   --maroon2: #810820;
   --maroon3: #86031f;
 }

 /* ===================================================
SHINY TRADITIONAL TEXTURE (GLOBAL)
=================================================== */
 .bg-traditional-pattern {
   background-color: #4a0c16;
   background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 0 C60 20, 80 40, 100 50 C80 60, 60 80, 50 100 C40 80, 20 60, 0 50 C20 40, 40 20, 50 0 Z' fill='%23e7c27a' fill-opacity='0.15'/%3E%3Ccircle cx='50' cy='50' r='20' stroke='%23e7c27a' stroke-width='1' fill='none' opacity='0.15'/%3E%3Ccircle cx='50' cy='50' r='10' stroke='%23e7c27a' stroke-width='1' fill='none' opacity='0.15'/%3E%3C/svg%3E");
   animation: panAndBreathe 20s ease-in-out infinite alternate;
 }

 @keyframes panAndBreathe {
   0% {
     background-position: 0 0;
     background-size: 100px 100px;
   }

   100% {
     background-position: 50px 50px;
     background-size: 120px 120px;
   }
 }

 /* ===================================================
RESET
=================================================== */

 /* * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 } */

 html,
 body {
   width: 100%;
   overflow-x: hidden;
 }

 body {
   font-family: 'Cinzel', serif;
   background: #fff;
   color: #222;
 }

 img {
   max-width: 100%;
   display: block;
 }

 /* ===================================================
SPLASH SCREEN
=================================================== */

 #splash {
   position: fixed;
   inset: 0;
   z-index: 99999;

   display: flex;
   justify-content: center;
   align-items: center;

   overflow: hidden;
   transition: 1s ease;

   background:
     radial-gradient(circle at 50% 35%, rgba(255, 210, 120, .10), transparent 18%),
     radial-gradient(circle at 15% 20%, rgba(255, 255, 255, .05), transparent 25%),
     radial-gradient(circle at 85% 18%, rgba(255, 255, 255, .04), transparent 22%),
     radial-gradient(circle at 20% 82%, rgba(255, 255, 255, .03), transparent 24%),
     radial-gradient(circle at 80% 78%, rgba(0, 0, 0, .12), transparent 28%),
     linear-gradient(135deg,
       #3f000d 0%,
       #5a0012 22%,
       #760019 48%,
       #8b0623 68%,
       #5a0012 100%);
 }

 #splash.hide {
   opacity: 0;
   visibility: hidden;
 }

 #splash::before {
   content: "";
   position: absolute;
   inset: 0;

   opacity: .58;
   mix-blend-mode: soft-light;

   background-image:
     radial-gradient(rgba(255, 255, 255, .12) .7px, transparent .9px),
     radial-gradient(rgba(0, 0, 0, .18) .8px, transparent 1px);

   background-size: 3px 3px, 6px 6px;

   animation: textureFlow 14s ease-in-out infinite;
 }

 #splash::after {
   content: "";
   position: absolute;

   width: 650px;
   height: 650px;
   border-radius: 50%;

   background:
     radial-gradient(circle,
       rgba(255, 220, 150, .22) 0%,
       rgba(255, 200, 110, .08) 35%,
       transparent 72%);

   animation: goldPulse 4s ease-in-out infinite;
 }

 .cinema-light {
   position: absolute;
   inset: -20%;

   opacity: .55;

   background:
     radial-gradient(circle, rgba(255, 215, 140, .22) 0 1px, transparent 2px),
     radial-gradient(circle, rgba(255, 255, 255, .10) 0 1px, transparent 2px);

   background-size: 90px 90px, 140px 140px;

   animation: sparkMove 16s linear infinite;
 }

 .star-dust {
   position: absolute;
   inset: 0;

   opacity: .45;

   background:
     radial-gradient(circle, rgba(255, 255, 255, .9) 1px, transparent 2px),
     radial-gradient(circle, rgba(255, 220, 140, .8) 1px, transparent 2px);

   background-size: 120px 120px, 180px 180px;

   animation: twinkleMove 8s linear infinite;
 }

 .logo-aura {
   position: absolute;

   width: 260px;
   height: 260px;
   border-radius: 50%;

   background:
     radial-gradient(circle,
       rgba(255, 220, 140, .20) 0%,
       rgba(255, 220, 140, .05) 40%,
       transparent 70%);

   animation: auraPulse 3s ease-in-out infinite;
 }

 .dark-edge {
   position: absolute;
   inset: 0;

   background:
     radial-gradient(circle, transparent 48%, rgba(0, 0, 0, .28) 100%);
 }

 .splash-inner {
   position: relative;
   z-index: 5;

   width: 100%;
   padding: 20px;
   text-align: center;
 }

 .splash-logo {
   width: 400px;
   max-width: 80%;

   margin: auto auto 2px;

   opacity: 0;

   filter: drop-shadow(0 0 20px rgba(231, 194, 122, .35));

   animation: logoReveal 1.8s ease forwards;
 }

 .movie-title {
   font-size: 60px;
   letter-spacing: 2px;
   color: var(--gold2);

   text-shadow:
     0 0 12px rgba(231, 194, 122, .35),
     0 0 28px rgba(0, 0, 0, .45);
 }

 .movie-title span {
   opacity: 0;
   display: inline-block;

   transform: translateY(40px) scale(.9);

   animation: letterUp .6s ease forwards;
 }

 .movie-title span:nth-child(1) {
   animation-delay: .20s;
 }

 .movie-title span:nth-child(2) {
   animation-delay: .35s;
 }

 .movie-title span:nth-child(3) {
   animation-delay: .50s;
 }

 .movie-title span:nth-child(4) {
   animation-delay: .65s;
 }

 .movie-title span:nth-child(5) {
   animation-delay: .80s;
 }

 .movie-title span:nth-child(6) {
   animation-delay: .95s;
 }

 .movie-title span:nth-child(7) {
   animation-delay: 1.10s;
 }

 .movie-title span:nth-child(8) {
   animation-delay: 1.25s;
 }

 .movie-title span:nth-child(9) {
   animation-delay: 1.40s;
 }

 .movie-sub {
   font-size: 42px;
   color: var(--gold);

   opacity: 0;

   animation: fadeUp 1s ease forwards;
   animation-delay: 1.8s;
 }

 .movie-line {
   width: 0;
   height: 1.5px;

   margin: 20px auto;

   background:
     linear-gradient(to right,
       transparent,
       var(--gold),
       transparent);

   animation: lineGrow 1s ease forwards;
   animation-delay: 2.1s;
 }

 .movie-tagline {
   font-size: 13px;
   letter-spacing: 4px;
   color: #f7e6bf;

   opacity: 0;

   animation: fadeUp 1s ease forwards;
   animation-delay: 2.5s;
 }

 /* ===================================================
TOP BAR
=================================================== */

 .top-bar {
   position: relative;
   overflow: hidden;

   display: flex;
   align-items: center;
   justify-content: center;
   gap: 15px;

   padding: 3px 12px;

   color: var(--gold2);

   background:
     linear-gradient(135deg,
       var(--maroon1),
       var(--maroon2),
       var(--maroon3));
 }

 .tb-window {
   position: relative;

   width: 100%;
   max-width: 600px;
   height: 18px;

   overflow: hidden;
 }

 .tb-item {
   position: absolute;
   width: 100%;

   text-align: center;

   opacity: 0;
   transform: translateY(10px);

   transition: .5s ease;

   font-size: 14px;
   letter-spacing: 1px;
 }

 .tb-item.active {
   opacity: 1;
   transform: translateY(0);
 }

 .tb-btn {
   border: none;
   background: none;

   color: var(--gold2);

   font-size: 18px;
   cursor: pointer;

   opacity: .8;
   transition: .3s;
 }

 .tb-btn:hover {
   opacity: 1;
 }

 /* ===================================================
HEADER
=================================================== */

 header {
   position: sticky;
   top: 0;
   z-index: 999;

   background: rgba(255, 248, 244, .96);
   backdrop-filter: blur(12px);
 }

 /* ===================================================
NAVBAR
=================================================== */

 .nav-wrap {
   max-width: 1350px;

   margin: auto;
   padding: 10px 28px;

   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 30px;
 }

 /* ===================================================
LUXURY STACKED LOGO
PREMIUM LETTER REVEAL + SHINE
=================================================== */

 .luxury-logo {
   position: relative;

   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;

   line-height: 1;

   overflow: hidden;
 }

 /* =========================================
SANSKRUTI
========================================= */

 .logo-main {
   position: relative;

   display: flex;

   font-family: 'Cinzel', serif;

   font-size: 36px;
   font-weight: 700;

   letter-spacing: 4px;

   color: #6d0318;

   text-shadow:
     0 2px 10px rgba(109, 3, 24, .10),
     0 0 18px rgba(231, 194, 122, .08);
 }

 /* GOLD SHINE SWEEP */

 .logo-main::after {
   content: "";

   position: absolute;
   top: 0;
   left: -120%;

   width: 40%;
   height: 100%;

   transform: skewX(-25deg);

   background:
     linear-gradient(to right,
       transparent,
       rgba(255, 255, 255, .75),
       transparent);

   animation: logoShine 4s ease infinite;
   animation-delay: 1.8s;

   pointer-events: none;
 }

 /* LETTERS */

 .logo-main span {
   opacity: 0;

   transform:
     translateY(35px) scale(.7) rotateX(90deg);

   filter: blur(8px);

   animation: luxuryLetter .8s cubic-bezier(.22, 1, .36, 1) forwards;
 }

 /* LETTER DELAYS */

 .logo-main span:nth-child(1) {
   animation-delay: .05s;
 }

 .logo-main span:nth-child(2) {
   animation-delay: .12s;
 }

 .logo-main span:nth-child(3) {
   animation-delay: .19s;
 }

 .logo-main span:nth-child(4) {
   animation-delay: .26s;
 }

 .logo-main span:nth-child(5) {
   animation-delay: .33s;
 }

 .logo-main span:nth-child(6) {
   animation-delay: .40s;
 }

 .logo-main span:nth-child(7) {
   animation-delay: .47s;
 }

 .logo-main span:nth-child(8) {
   animation-delay: .54s;
 }

 .logo-main span:nth-child(9) {
   animation-delay: .61s;
 }

 /* =========================================
CENTER DIVIDER
========================================= */

 .logo-divider {
   position: relative;

   width: 140px;
   height: 1px;

   margin: 2px 0 7px;

   overflow: hidden;

   background:
     linear-gradient(to right,
       transparent,
       rgba(217, 179, 106, .95),
       transparent);

   opacity: 0;

   transform: scaleX(.2);

   animation: lineReveal .8s ease forwards;
   animation-delay: .9s;
 }

 /* SHINE IN LINE */

 .logo-divider::after {
   content: "";

   position: absolute;
   top: 0;
   left: -30%;

   width: 30%;
   height: 100%;

   background:
     linear-gradient(to right,
       transparent,
       rgba(255, 255, 255, .9),
       transparent);

   animation: lineShine 3s linear infinite;
   animation-delay: 1.8s;
 }

 /* =========================================
BY BANI
========================================= */

 .logo-sub {
   position: relative;

   display: flex;

   font-family: 'Cinzel', serif;

   font-size: 16px;
   font-weight: 600;

   letter-spacing: 5px;

   color: #c79123cf;

   text-shadow:
     0 0 12px rgba(231, 194, 122, .10);
 }

 /* GAP */

 .logo-sub .space {
   width: 10px;
 }

 /* LETTERS */

 .logo-sub span {
   opacity: 0;

   transform:
     translateY(15px) scale(.8);

   filter: blur(4px);

   animation: subReveal .6s ease forwards;
 }

 .logo-sub span:nth-child(1) {
   animation-delay: 1.05s;
 }

 .logo-sub span:nth-child(2) {
   animation-delay: 1.12s;
 }

 .logo-sub span:nth-child(4) {
   animation-delay: 1.19s;
 }

 .logo-sub span:nth-child(5) {
   animation-delay: 1.26s;
 }

 .logo-sub span:nth-child(6) {
   animation-delay: 1.33s;
 }

 .logo-sub span:nth-child(7) {
   animation-delay: 1.40s;
 }

 /* =========================================
ANIMATIONS
========================================= */

 @keyframes luxuryLetter {

   0% {
     opacity: 0;

     transform:
       translateY(35px) scale(.7) rotateX(90deg);

     filter: blur(8px);
   }

   100% {
     opacity: 1;

     transform:
       translateY(0) scale(1) rotateX(0);

     filter: blur(0);
   }
 }

 @keyframes subReveal {

   to {
     opacity: 1;

     transform:
       translateY(0) scale(1);

     filter: blur(0);
   }
 }

 @keyframes lineReveal {

   to {
     opacity: 1;
     transform: scaleX(1);
   }
 }

 /* SHINE SWEEP */

 @keyframes logoShine {

   0% {
     left: -120%;
   }

   100% {
     left: 140%;
   }
 }

 /* LINE SHINE */

 @keyframes lineShine {

   0% {
     left: -40%;
   }

   100% {
     left: 140%;
   }
 }

 /* =========================================
MOBILE
========================================= */

 @media(max-width:600px) {

   .logo-main {
     font-size: 22px;
     letter-spacing: 2px;
   }

   .logo-divider {
     width: 80px;
     margin: 4px 0;
   }

   .logo-sub {
     font-size: 9px;
     letter-spacing: 3px;
   }

   .logo-sub .space {
     width: 6px;
   }
 }

 /* ===================================================
MENU
=================================================== */

 .menu {
   display: flex;
   align-items: center;
   gap: 50px;
 }

 .menu a {
   position: relative;

   text-decoration: none;
   white-space: nowrap;

   color: #222;

   font-size: 14px;
   font-weight: 600;

   transition: .3s;
 }

 .menu a::after {
   content: "";

   position: absolute;
   left: 0;
   bottom: -6px;

   width: 0;
   height: 2px;

   background: var(--brand);

   transition: .3s;
 }

 .menu a:hover {
   color: var(--brand);
 }

 .menu a:hover::after {
   width: 100%;
 }

 /* ===================================================
MEGA MENU
=================================================== */

 .dropdown {
   position: relative;
 }

 .mega-link {
   display: flex;
   align-items: center;
   gap: 3px;
 }

 .arrow {
   transition: .3s;
 }

 .dropdown:hover .arrow {
   transform: rotate(180deg);
 }

 .mega-menu {
   position: absolute;
   top: 120%;
   left: 50%;

   width: min(1040px, 85vw);

   transform: translateX(-50%);

   padding: 28px;

   border-radius: 22px;

   background: #fff;

   box-shadow: 0 20px 50px rgba(0, 0, 0, .10);

   display: grid;
   grid-template-columns: repeat(5, 1fr);
   gap: 10px;

   opacity: 0;
   visibility: hidden;

   transition: .35s ease;
 }

 .dropdown:hover .mega-menu {
   top: 105%;
   opacity: 1;
   visibility: visible;
 }

 .mega-col h4 {
   position: relative;

   margin-bottom: 18px;
   padding-bottom: 10px;

   color: #5a0012;

   font-size: 18px;
   font-weight: 800;
   letter-spacing: .4px;
   text-transform: capitalize;
 }

 .mega-col h4::after {
   content: "";

   position: absolute;
   left: 0;
   bottom: 0;

   width: 55px;
   height: 3px;

   border-radius: 30px;

   background:
     linear-gradient(90deg,
       #d9b36a,
       #f5deb3,
       #d9b36a);
 }

 .mega-col a {
   display: block;

   padding: 6px 0;

   color: #444;
   font-size: 13px;

   transition: .3s;
 }

 .mega-col a:hover {
   color: var(--brand);
   transform: translateX(4px);
 }

 /* ===================================================
SEARCH
=================================================== */

 .search-box {
   position: relative;
 }

 .search-box::before {
   content: "search";

   position: absolute;
   left: 14px;
   top: 50%;

   transform: translateY(-50%);

   font-family: 'Material Symbols Outlined';
   color: var(--brand);
 }

 .search-input {
   width: 220px;
   height: 42px;

   padding: 0 16px 0 42px;

   border: 1px solid rgba(148, 54, 49, .18);
   border-radius: 30px;

   outline: none;
   background: #fff;
 }

 #searchSuggestions {
   min-width: 420px;
   /* wider than the search input itself */
   right: 0;
   font-size: 14px;
 }

 /* Each suggestion row */
 #searchSuggestions a,
 #searchSuggestions .search-suggestion-item {
   display: flex;
   align-items: center;
   gap: 14px;
   padding: 12px 16px;
   text-decoration: none;
   transition: background 0.2s ease;
 }

 #searchSuggestions a:hover,
 #searchSuggestions .search-suggestion-item:hover {
   background: #fcf8f5;
 }

 /* Thumbnail image */
 #searchSuggestions img {
   width: 56px;
   height: 56px;
   object-fit: cover;
   border-radius: 8px;
   border: 1px solid rgba(231, 194, 122, 0.4);
   flex-shrink: 0;
 }

 /* Product name */
 #searchSuggestions .suggestion-name {
   font-size: 14px;
   font-weight: 600;
   color: #4b000f;
 }

 /* Category label */
 #searchSuggestions .suggestion-category {
   font-size: 10px;
   letter-spacing: 1.5px;
   text-transform: uppercase;
   color: #b07a45;
   font-weight: 700;
 }

 /* Price */
 #searchSuggestions .suggestion-price {
   font-size: 13px;
   font-weight: 700;
   color: #810820;
   margin-left: auto;
   white-space: nowrap;
 }

 /* "View all results" footer link */
 #searchSuggestions .suggestion-viewall {
   padding: 12px 16px;
   font-size: 11px;
   font-weight: 700;
   letter-spacing: 1px;
   text-transform: uppercase;
   color: #810820;
   border-top: 1px solid rgba(231, 194, 122, 0.3);
 }

 /* ===================================================
ICONS
=================================================== */

 .icon-btn {
   width: 42px;
   height: 42px;

   border: none;
   border-radius: 50%;

   background: transparent;

   cursor: pointer;
 }

 .icon-btn span {
   color: var(--brand);
   margin-top: 10px;
 }

 /* ===================================================
MOBILE NAVBAR
=================================================== */

 .mobile-toggle {
   display: none;

   border: none;
   background: none;

   cursor: pointer;
 }

 .mobile-toggle span {
   font-size: 30px;
   color: var(--brand);
 }

 .mobile-drawer {
   position: fixed;
   top: 0;
   left: -100%;

   width: 320px;
   max-width: 88vw;
   height: 100vh;

   z-index: 99999;

   padding: 30px 24px;

   overflow-y: auto;

   background:
     linear-gradient(135deg,
       var(--maroon1),
       var(--maroon2),
       var(--maroon3));

   transition: .45s ease;
 }

 .mobile-drawer.active {
   left: 0;
 }

 /* Mobile Drawer Search Box */
 .mobile-drawer-search-wrap {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-top: 24px;
   margin-bottom: 12px;
   background: rgba(255, 255, 255, 0.12);
   border: 1px solid rgba(231, 194, 122, 0.4);
   border-radius: 30px;
   padding: 8px 14px;
   backdrop-filter: blur(8px);
   position: relative;
 }

 .mobile-drawer-search-wrap:focus-within {
   background: rgba(255, 255, 255, 0.18);
   border-color: var(--gold);
 }

 .mobile-drawer-search-wrap .search-icon {
   font-size: 20px;
   color: var(--gold);
 }

 .mobile-drawer-search-wrap input {
   flex: 1;
   border: none;
   background: transparent;
   outline: none;
   font-size: 13.5px;
   color: #fff;
   font-family: 'Poppins', sans-serif;
 }

 .mobile-drawer-search-wrap input::placeholder {
   color: rgba(247, 230, 191, 0.65);
 }

 /* Mobile Header Actions & Slide-Down Search */
 .mobile-header-actions {
   display: none;
   align-items: center;
   gap: 6px;
 }

 .mobile-search-toggle-btn,
 .mobile-auth-btn {
   width: 38px;
   height: 38px;
   border-radius: 50%;
   border: none;
   background: transparent;
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--brand);
   cursor: pointer;
   text-decoration: none;
 }

 .mobile-search-toggle-btn span,
 .mobile-auth-btn span {
   font-size: 24px;
 }

 .mobile-nav-search {
   display: none;
   width: 100%;
   padding: 10px 16px 14px;
   background: #fff8f4;
   border-bottom: 1px solid rgba(231, 194, 122, 0.35);
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
 }

 .mobile-nav-search.active {
   display: block;
   animation: slideDownSearch 0.3s ease-out;
 }

 @keyframes slideDownSearch {
   from {
     opacity: 0;
     transform: translateY(-8px);
   }
   to {
     opacity: 1;
     transform: translateY(0);
   }
 }

 .mobile-nav-search-inner {
   display: flex;
   align-items: center;
   gap: 10px;
   background: #fff;
   border: 1.5px solid rgba(196, 69, 62, 0.25);
   border-radius: 30px;
   padding: 6px 14px;
 }

 .mobile-nav-search-inner:focus-within {
   border-color: #810820;
   box-shadow: 0 0 0 3px rgba(129, 8, 32, 0.12);
 }

 .mobile-nav-search-inner .search-icon {
   font-size: 20px;
   color: #810820;
 }

 .mobile-nav-search-inner input {
   flex: 1;
   border: none;
   background: transparent;
   outline: none;
   font-size: 14px;
   font-family: 'Poppins', sans-serif;
   color: #4a0c16;
 }

 .mobile-nav-search-inner .close-search-btn {
   border: none;
   background: none;
   color: #999;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 4px;
 }

 @media (max-width: 900px) {
   .mobile-header-actions {
     display: flex;
   }
 }

 .close-menu {
   width: 42px;
   height: 42px;

   border: none;
   border-radius: 50%;

   display: flex;
   align-items: center;
   justify-content: center;

   cursor: pointer;

   background: var(--gold);
 }

 .close-menu span {
   color: #000;
 }

 .mobile-links {
   display: flex;
   flex-direction: column;
   gap: 18px;

   margin-top: 35px;
 }

 .mobile-links a {
   text-decoration: none;

   color: #f7e6bf;
   font-size: 15px;
 }

 .mobile-dropdown {
   padding: 14px 0;

   border-top: 1px solid rgba(255, 255, 255, .08);
   border-bottom: 1px solid rgba(255, 255, 255, .08);
 }

 .mobile-dropdown-head {
   display: flex;
   justify-content: space-between;

   color: #fff;

   cursor: pointer;
 }

 .mobile-dropdown-body {
   display: none;
   padding-top: 14px;
 }

 .mobile-dropdown.active .mobile-dropdown-body {
   display: block;
 }

 .mobile-dropdown-body h5 {
   margin: 12px 0 8px;
   color: var(--gold);
 }

 .mobile-dropdown-body a {
   display: block;

   padding: 6px 0;

   color: #f7e6bf;
   font-size: 13px;
 }

 /* =========================
HERO WRAPPER
========================= */

 .hero-slider {
   position: relative;
   overflow: hidden;
   background: #fff8f4;
   font-family: 'Cinzel', serif;
 }

 /* slider track */
 .hero-track {
   display: flex;
   transition: transform .9s cubic-bezier(.77, 0, .18, 1);
 }

 /* slide */
 .hero-slide {
   min-width: 100%;
   height: 100vh;
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   overflow: hidden;
 }

 /* =========================
SLIDE 1 BACKGROUND
========================= */

 .hero-slide-1 {
   position: relative;
   overflow: hidden;

   background:
     radial-gradient(circle at 15% 20%, rgba(231, 194, 122, .18), transparent 35%),
     radial-gradient(circle at 85% 70%, rgba(196, 69, 62, .12), transparent 40%),
     linear-gradient(135deg,
       #fff8f4 0%,
       #fff1ea 25%,
       #fde7dc 55%,
       #f7d8c5 100%);
 }

 .mobile-hero-img {
   display: none;
 }

 /* luxury soft texture */
 .hero-slide-1::before {
   content: "";
   position: absolute;
   inset: 0;
   z-index: 1;
   pointer-events: none;

   background:

     linear-gradient(90deg,
       rgba(255, 248, 244, 1) 0%,
       rgba(255, 248, 244, .98) 18%,
       rgba(255, 248, 244, .90) 38%,
       rgba(255, 241, 234, .62) 58%,
       rgba(247, 216, 197, .22) 78%,
       rgba(247, 216, 197, .04) 100%),

     radial-gradient(circle at 62% 48%,
       rgba(255, 255, 255, .22),
       transparent 45%),

     radial-gradient(circle at 75% 50%,
       rgba(231, 194, 122, .16),
       transparent 55%);
 }

 /* elegant glow behind image */
 .hero-slide-1::after {
   content: "";
   position: absolute;
   right: -120px;
   top: 50%;
   transform: translateY(-50%);

   width: 700px;
   height: 700px;
   border-radius: 50%;

   background:
     radial-gradient(circle,
       rgba(231, 194, 122, .18) 0%,
       rgba(196, 69, 62, .10) 35%,
       transparent 72%);

   filter: blur(30px);

   z-index: 0;
   pointer-events: none;
 }

 /* =========================
LAYOUT
========================= */

 .hero-inner {
   width: 100%;
   max-width: 1400px;

   display: grid;
   grid-template-columns: 1fr 1fr;

   align-items: center;

   position: relative;
   z-index: 2;
 }

 /* =========================
TEXT SIDE
========================= */


 .hero-content {

   position: relative;
   z-index: 5;

   padding: 20px 50px 20px 50px;

   max-width: 760px;

   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;

 }

 /* =========================
PREMIUM BRAND TAG
========================= */

 .hero-tag {

   position: relative;

   display: inline-flex;
   align-items: center;
   gap: 12px;

   padding: 8px 20px;

   margin-bottom: 24px;

   border-radius: 60px;

   background:
     rgba(255, 246, 246, 0.856);

   backdrop-filter: blur(18px);

   border:
     1px solid rgba(152, 20, 13, 0.911);

   box-shadow:
     0 10px 40px rgba(196, 69, 62, .06);

   font-family: 'Poppins', sans-serif;

   font-size: 11px;
   font-weight: 600;

   letter-spacing: 5px;

   text-transform: uppercase;

   color: #b15a42;

   overflow: hidden;

   opacity: 0;

   transform: translateY(20px);

   animation:
     fadeUp .8s ease .2s forwards;

 }

 /* glowing shine */

 .hero-tag::before {

   content: "";

   position: absolute;

   top: 0;
   left: -120%;

   width: 50%;
   height: 100%;

   background:
     linear-gradient(to right,
       transparent,
       rgba(255, 255, 255, .55),
       transparent);

   transform:
     skewX(-25deg);

   animation:
     shine 5s infinite;

 }

 /* =========================
ELEGANT HERO TITLE
========================= */

 .hero-title {

   display: flex;
   flex-direction: column;

   align-items: flex-start;

   margin: 0;

   width: 100%;

   font-family: 'Cinzel', serif;

   line-height: 1.08;

 }

 /* all lines */

 .hero-title .line {

   display: block;

   width: 100%;

   opacity: 0;

   transform: translateY(35px);

   animation:
     fadeLuxury 1s ease forwards;

 }

 /* =========================
LINE 1
========================= */

 .hero-title .line1 {

   font-size:
     clamp(45px, 5vw, 76px);

   font-weight: 530;

   color: #5e0214;

   letter-spacing: 1px;

   line-height: 1.2;

   text-shadow:
     0 4px 22px rgba(107, 3, 24, .08);

   animation-delay: .5s;

 }

 /* =========================
LINE 2
========================= */

 .hero-title .line2 {

   font-size:
     clamp(18px, 2vw, 34px);

   font-weight: 300;

   color: #c3924c;

   line-height: 1.5;

   margin-top: 6px;

   letter-spacing: 1px;

   animation-delay: .9s;

 }

 /* =========================
LINE 3
========================= */

 .hero-title .line3 {

   font-size:
     clamp(14px, 2vw, 24px);

   font-weight: 400;

   line-height: 1.65;

   color: #8a4f41;

   margin-top: 20px;

   max-width: 690px;

   font-family: 'Cormorant Garamond', serif;

   letter-spacing: .5px;

   animation-delay: 1.3s;

 }

 /* =========================
DESCRIPTION
========================= */

 .hero-desc {

   margin-top: 18px;

   font-size: 16px;

   line-height: 1.5;

   font-family: 'Poppins', sans-serif;

   font-weight: 400;

   color: #8b4c3d;

   max-width: 580px;

   letter-spacing: .2px;

   opacity: 0;

   transform: translateY(20px);

   animation:
     fadeUp .9s ease 1.8s forwards;

 }

 /* highlighted brand */

 .hero-desc strong {

   color: #6b0318;

   font-weight: 600;

   position: relative;

 }

 /* =========================
BUTTON WRAPPER
========================= */

 .hero-buttons {

   margin-top: 12px;

   display: flex;
   align-items: center;

   gap: 18px;

   opacity: 0;

   transform: translateY(20px);

   animation:
     fadeUp .9s ease 2.2s forwards;

 }

 /* =========================
PRIMARY BUTTON
========================= */

 .btn-primary {

   position: relative;

   overflow: hidden;

   padding: 16px 36px;

   border-radius: 60px;

   background:
     linear-gradient(135deg,
       #e7c27a,
       #c4453e);

   color: #fff;

   text-decoration: none;

   font-family: 'Poppins', sans-serif;

   font-size: 15px;
   font-weight: 600;

   letter-spacing: .4px;

   box-shadow:
     0 16px 45px rgba(196, 69, 62, .18);

   transition: .45s ease;

 }

 /* animated shine */

 .btn-primary::before {

   content: "";

   position: absolute;

   top: 0;
   left: -130%;

   width: 45%;
   height: 100%;

   background:
     linear-gradient(to right,
       transparent,
       rgba(255, 255, 255, .45),
       transparent);

   transform:
     skewX(-25deg);

   transition: 1s ease;

 }

 .btn-primary:hover::before {

   left: 140%;

 }

 .btn-primary:hover {

   transform:
     translateY(-5px);

   box-shadow:
     0 24px 65px rgba(196, 69, 62, .28);

 }

 /* =========================
OUTLINE BUTTON
========================= */

 .btn-outline {

   padding: 16px 36px;

   border-radius: 60px;

   border:
     1.5px solid rgba(196, 69, 62, .18);

   background:
     rgba(255, 255, 255, .42);

   backdrop-filter: blur(12px);

   color: #b15a42;

   text-decoration: none;

   font-family: 'Poppins', sans-serif;

   font-size: 15px;
   font-weight: 600;

   transition: .45s ease;

 }

 .btn-outline:hover {

   background: #c4453e;

   color: #fff;

   transform:
     translateY(-5px);

   box-shadow:
     0 18px 45px rgba(196, 69, 62, .16);

 }

 /* =========================
ANIMATIONS
========================= */

 @keyframes fadeLuxury {

   to {

     opacity: 1;

     transform:
       translateY(0);

   }

 }

 @keyframes fadeUp {

   to {

     opacity: 1;

     transform:
       translateY(0);

   }

 }

 @keyframes shine {

   0% {

     left: -120%;

   }

   100% {

     left: 140%;

   }

 }

 /* =========================
TABLET
========================= */

 @media(max-width:900px) {

   .hero-content {

     padding: 55px 24px 0;

     align-items: center;

     text-align: center;

     max-width: 100%;

   }

   .hero-tag {

     margin:
       0 auto 28px;

   }

   .hero-title {

     align-items: center;

     text-align: center;

   }

   .hero-title .line1 {

     font-size: 44px;
     font-weight: 200;

   }

   .hero-title .line2 {

     font-size: 24px;

   }

   .hero-title .line3 {

     font-size: 19px;

     margin-top: 14px;

     max-width: 100%;

   }

   .hero-desc {

     margin:
       30px auto 0;

     font-size: 14px;

     line-height: 1.9;

     max-width: 100%;

   }

   .hero-buttons {

     margin-top: 24px;

     flex-direction: column;

     justify-content: center;
     align-items: center;

     gap: 14px;

   }

 }

 /* =========================
SMALL MOBILE
========================= */

 @media(max-width:600px) {

   .hero-content {

     padding: 42px 18px 0;

   }

   .hero-title .line1 {

     font-size: 28px;

     line-height: 1.12;

   }

   .hero-title .line2 {

     font-size: 19px;

   }

   .hero-title .line3 {

     font-size: 16px;

     line-height: 1.7;

   }

   .hero-desc {

     font-size: 11.5px;

     line-height: 1.85;

   }

   .btn-primary,
   .btn-outline {

     width: 100%;

     text-align: center;

   }

 }

 /* =========================
IMAGE SIDE
========================= */

 .hero-media {
   position: relative;

   display: flex;
   justify-content: center;
   align-items: center;

   padding-left: 0;

   margin-left: -50px;
 }

 .hero-media::after {
   content: "";
   position: absolute;

   left: -80px;
   top: 50%;

   transform: translateY(-50%);

   width: 340px;
   height: 340px;
   border-radius: 50%;

   background:
     radial-gradient(circle,
       rgba(255, 248, 244, .95) 0%,
       rgba(255, 248, 244, .60) 42%,
       transparent 75%);

   filter: blur(35px);

   z-index: 2;
   pointer-events: none;
 }

 /* warm glow */
 .glow {
   position: absolute;

   width: 450px;
   height: 450px;

   border-radius: 50%;

   background:
     radial-gradient(circle,
       rgba(240, 200, 120, 0.495) 0%,
       rgba(232, 76, 68, 0.265) 38%,
       transparent 72%);

   filter: blur(18px);

   animation: glowPulse 5s ease-in-out infinite;
 }

 .hero-img {
   width: 100%;
   max-width: 530px;
   height: auto;

   position: relative;
   z-index: 3;

   object-fit: contain;

   mix-blend-mode: multiply;

   opacity: .96;

   transform: scale(1.04);

   filter:
     brightness(1.02) contrast(.96) saturate(.92) drop-shadow(0 28px 60px rgba(0, 0, 0, .12));

   -webkit-mask-image:
     radial-gradient(circle at center,
       rgba(0, 0, 0, 1) 48%,
       rgba(0, 0, 0, .95) 64%,
       rgba(0, 0, 0, .72) 80%,
       rgba(0, 0, 0, .30) 92%,
       transparent 100%);

   mask-image:
     radial-gradient(circle at center,
       rgba(0, 0, 0, 1) 48%,
       rgba(0, 0, 0, .95) 64%,
       rgba(0, 0, 0, .72) 80%,
       rgba(0, 0, 0, .30) 92%,
       transparent 100%);
 }

 /* =========================
SLIDE 2
========================= */

 .image-slide {
   position: relative;
   width: 100%;
   height: auto;
   /* Adjusted to fit image */
   background: #fff8f4;
 }

 /* desktop image */
 .image-slide .desktop-img,
 .image-slide img {
   width: 100%;
   height: 100vh;
   object-fit: cover;
   object-position: center;
   display: block;
   background: #fff8f4;
 }

 /* hide mobile image desktop */
 .image-slide .mobile-img {
   display: none;
 }

 /* =========================
MOBILE TEXT (SLIDE 2)
========================= */

 .slide2-mobile-layout {
   display: none;
 }

 /* =========================
DOTS
========================= */

 .hero-dots {
   position: absolute;
   bottom: 22px;
   left: 50%;

   transform: translateX(-50%);

   display: flex;
   gap: 10px;

   z-index: 5;
 }

 .hero-dots button {
   width: 10px;
   height: 10px;

   border-radius: 50%;
   border: none;

   background: #caa26a;

   opacity: .4;
   transition: .3s;
 }

 .hero-dots button.active {
   width: 22px;
   opacity: 1;
 }

 /* =========================
ANIMATIONS
========================= */

 @keyframes glowPulse {

   0%,
   100% {
     transform: scale(1);
     opacity: .7;
   }

   50% {
     transform: scale(1.08);
     opacity: 1;
   }
 }

 /* =========================
TABLET + MOBILE
========================= */

 @media(max-width:900px) {

   .hero-slide {
     min-height: 100svh;
     height: auto;
   }

   /* MOBILE HERO BACKGROUND */
   .hero-slide-1 {
     background:
       radial-gradient(circle at top,
         rgba(231, 194, 122, .22) 0%,
         rgba(255, 248, 244, .96) 38%,
         #fff8f4 100%);
   }

   /* SOFT TOP GLOW */
   .hero-slide-1::before {
     content: "";
     position: absolute;

     top: -180px;
     left: 50%;

     transform: translateX(-50%);

     width: 700px;
     height: 700px;

     border-radius: 50%;

     background:
       radial-gradient(circle,
         rgba(231, 194, 122, .20) 0%,
         rgba(196, 69, 62, .10) 42%,
         transparent 72%);

     filter: blur(30px);

     z-index: 0;
     pointer-events: none;
   }

   .hero-slide-1::after {
     display: none;
   }

   .hero-inner {
     grid-template-columns: 1fr;
     text-align: center;
     gap: 0;
   }

   .hero-media {
     position: relative;

     display: flex;
     justify-content: center;
     align-items: flex-end;

     padding: 0 0 40px;

     margin-top: -10px;
   }

   /* BIG BLEND HALO */
   .hero-media::before {
     content: "";
     position: absolute;

     bottom: -40px;
     left: 50%;

     transform: translateX(-50%);

     width: 420px;
     height: 420px;

     border-radius: 50%;

     background:
       radial-gradient(circle,
         rgba(231, 194, 122, .26) 0%,
         rgba(196, 69, 62, .14) 38%,
         rgba(255, 248, 244, .10) 60%,
         transparent 78%);

     filter: blur(24px);

     z-index: 1;
   }

   .hero-img {
     width: 100%;
     max-width: 340px;

     position: relative;
     z-index: 3;

     object-fit: contain;

     mix-blend-mode: multiply;

     filter:
       drop-shadow(0 18px 35px rgba(0, 0, 0, .10));

     -webkit-mask-image:
       radial-gradient(circle at center,
         rgba(0, 0, 0, 1) 58%,
         rgba(0, 0, 0, .96) 72%,
         rgba(0, 0, 0, .72) 84%,
         rgba(0, 0, 0, .28) 94%,
         transparent 100%);

     mask-image:
       radial-gradient(circle at center,
         rgba(0, 0, 0, 1) 58%,
         rgba(0, 0, 0, .96) 72%,
         rgba(0, 0, 0, .72) 84%,
         rgba(0, 0, 0, .28) 94%,
         transparent 100%);
   }

   .glow {
     display: none;
   }

   /* =========================
  SLIDE 2 MOBILE FIX
  ========================= */

   .image-slide {
     width: 100%;
     display: flex !important;
     flex-direction: column !important;
     align-items: center;
     justify-content: flex-start;
     background: #fff8f4;
     /* Light theme matching slide 1 */
   }

   /* luxury glow */
   .image-slide::before {
     display: none;
   }

   /* hide desktop image */
   .image-slide .desktop-img {
     display: none !important;
   }

   /* Premium Mobile Cover Layout */
   .premium-cover-layout {
     display: block;
     width: 100%;
     height: 100vh;
     position: relative;
     overflow: hidden;
   }

   .premium-cover-img {
     position: absolute;
     inset: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center top;
     z-index: 1;
   }

   .premium-gradient-overlay {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 70%;
     background: linear-gradient(to top, rgba(15, 5, 2, 0.95) 0%, rgba(15, 5, 2, 0.4) 60%, transparent 100%);
     z-index: 2;
   }

   .premium-bottom-text {
     position: absolute;
     bottom: 8%;
     left: 0;
     width: 100%;
     z-index: 5;
     text-align: center;
     padding: 0 20px;
     display: flex;
     flex-direction: column;
     align-items: center;
   }
 }

 /* =========================
SMALL MOBILE
========================= */

 @media(max-width:600px) {

   .hero-img {
     max-width: 500px;
   }

   .hero-media::before {
     width: 340px;
     height: 340px;
   }

   /* =========================
SLIDE 1 DESKTOP / MOBILE IMAGE
========================= */

   /* desktop image visible */
   .desktop-hero-img {
     display: block;
   }

   /* mobile image hidden on desktop */
   .mobile-hero-img {
     display: none !important;
   }

   /* =========================
MOBILE VIEW
========================= */

   @media(max-width:900px) {

     /* hide desktop image on mobile */
     .desktop-hero-img {
       display: none !important;
     }

     /* show mobile image only */
     .mobile-hero-img {
       display: block !important;

       width: 100%;
       max-width: 370px;
       height: auto;

       position: relative;
       z-index: 3;

       object-fit: contain;

       border-radius: 24px;

       filter:
         drop-shadow(0 18px 40px rgba(0, 0, 0, .16));

       mix-blend-mode: normal;

       opacity: 1;
       transform: none;

       -webkit-mask-image: none;
       mask-image: none;
     }

     /* spacing */
     .hero-media {
       padding: 10px 20px 45px;
       margin-top: 0;
     }

     .hero-media::before {
       width: 380px;
       height: 380px;
     }
   }

   /* =========================
SMALL MOBILE
========================= */

   @media(max-width:600px) {

     .mobile-hero-img {
       max-width: 200px;
       border-radius: 20px;
       left: 35px;
     }
   }
 }

 /* =========================================
EDITORIAL LUXURY COLLECTION SECTION
THEME MATCHED WITH YOUR MAROON + GOLD UI
========================================= */

 .editorial-showcase {
   position: relative;
   padding: 50px 5%;
   overflow: hidden;

   background:
     radial-gradient(circle at top,
       rgba(231, 194, 122, .10) 0%,
       rgba(255, 248, 244, .96) 35%,
       #fff 100%);
 }

 /* GOLD GLOW */
 .editorial-showcase::before {
   content: "";
   position: absolute;
   top: -180px;
   left: 50%;
   transform: translateX(-50%);

   width: 700px;
   height: 700px;
   border-radius: 50%;

   background:
     radial-gradient(circle,
       rgba(231, 194, 122, .12),
       transparent 68%);

   pointer-events: none;
 }

 /* =========================================
HEADING
========================================= */

 .editorial-heading {
   position: relative;
   z-index: 2;
   text-align: center;
   margin-bottom: 50px;
 }

 .editorial-heading p {
   color: var(--brand);
   font-size: 12px;
   letter-spacing: 5px;
   text-transform: uppercase;
   margin-bottom: 14px;
   font-weight: 600;
 }

 .editorial-heading h2 {
   font-size: 64px;
   line-height: 1.1;
   color: #6e0318;
   font-family: 'Cinzel', serif;

   text-shadow:
     0 10px 30px rgba(90, 0, 18, .08);
 }

 /* =========================================
GRID
========================================= */

 .luxury-editorial-grid {
   position: relative;
   z-index: 2;

   display: grid;
   grid-template-columns: repeat(5, 1fr);
   gap: 18px;
 }

 /* =========================================
CARD
========================================= */

 .luxury-card {
   position: relative;
   overflow: hidden;

   height: 490px;

   border-radius: 38px;

   background: #510416;

   text-decoration: none;

   isolation: isolate;

   border: 2.5px solid #71041a;

   box-shadow:
     0 18px 45px rgba(90, 0, 18, .22),
     inset 0 1px 0 rgba(255, 255, 255, .15);

   transition:
     transform .5s ease,
     box-shadow .5s ease;
 }

 /* IMAGE */

 .luxury-card img {
   width: 100%;
   height: 100%;
   object-fit: cover !important;
   object-position: top !important;

   transition:
     transform 1.2s ease,
     filter .7s ease;
 }

 /* =========================================
OVERLAY
========================================= */

 .luxury-overlay {
   display: block !important;
   position: absolute;
   inset: 0;
   z-index: 1;

   background: linear-gradient(to top,
       rgba(0, 0, 0, 0.65) 0%,
       rgba(0, 0, 0, 0.25) 25%,
       transparent 50%);
   pointer-events: none;
 }

 /* GOLD SHINE */

 .luxury-card::before {
   content: "";
   position: absolute;
   inset: 0;
   z-index: 2;

   background:
     linear-gradient(135deg,
       transparent 20%,
       rgba(255, 255, 255, .04) 48%,
       transparent 70%);

   opacity: .3;
 }

 /* GOLD FRAME */

 .luxury-card::after {
   content: "";
   position: absolute;
   inset: 10px;
   z-index: 3;

   border-radius: 30px;

   border: 1px solid rgba(231, 194, 122, .25);

   pointer-events: none;
 }

 /* =========================================
CONTENT (SEAMLESS TEXT & TRANSPARENT GLASS BUTTON)
========================================= */

 .luxury-content {
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   width: 100%;

   padding: 20px 14px 18px;

   z-index: 5;

   background: transparent !important;
   backdrop-filter: none !important;
   -webkit-backdrop-filter: none !important;
   border-radius: 0 !important;
   border: none !important;
   box-shadow: none !important;
 }

 /* TITLE */

 .luxury-content h3 {
   color: #ffffff;

   font-size: 20px;
   font-weight: 700;
   letter-spacing: 1.5px;
   text-transform: uppercase;
   line-height: 1.2;

   margin-bottom: 10px;

   font-family: 'Cinzel', serif;

   text-shadow:
     0 3px 10px rgba(0, 0, 0, .75);
 }

 /* DESCRIPTION */

 .luxury-content p {
   color: rgba(255, 255, 255, .88);

   font-size: 12px;
   line-height: 1.7;

   margin-bottom: 18px;

   font-family: 'Poppins', sans-serif;

   text-shadow:
     0 2px 10px rgba(0, 0, 0, .55);
 }

 /* BUTTON (COMPACT TRANSPARENT GLASSMORPHISM PILL) */

 .luxury-link {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 6px;

   padding: 6px 14px;

   border-radius: 50px;

   background: rgba(255, 255, 255, 0.14) !important;
   backdrop-filter: blur(12px) saturate(180%) !important;
   -webkit-backdrop-filter: blur(12px) saturate(180%) !important;

   border: 1px solid rgba(231, 194, 122, 0.5) !important;

   color: #e7c27a !important;

   font-size: 9px;
   font-weight: 700;
   letter-spacing: 1.2px;
   text-transform: uppercase;

   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);

   transition: all 0.35s ease;
 }

 .luxury-card:hover .luxury-link {
   background: rgba(255, 255, 255, 0.26) !important;
   border-color: #e7c27a !important;
   color: #f5deb3 !important;
   transform: translateY(-2px);
   box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35), 0 0 14px rgba(231, 194, 122, 0.4);
 }

 .luxury-whatsapp-btn {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   padding: 10px 18px;
   border-radius: 50px;
   background: linear-gradient(135deg, rgba(37, 211, 102, 0.25), rgba(0, 0, 0, 0.4));
   border: 1px solid rgba(37, 211, 102, 0.5);
   backdrop-filter: blur(12px);
   color: #ffffff;
   font-size: 11px;
   font-weight: 700;
   letter-spacing: 0.5px;
   transition: all 0.3s ease;
   box-shadow: 0 4px 15px rgba(37, 211, 102, 0.2);
 }

 .luxury-whatsapp-btn:hover {
   background: linear-gradient(135deg, #25D366, #128C7E);
   color: #ffffff;
   transform: translateY(-2px);
   box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4);
 }

 /* =========================================
HOVER EFFECT
========================================= */

 .luxury-card:hover {
   transform: translateY(-8px);

   box-shadow:
     0 28px 70px rgba(90, 0, 18, .20);
 }

 .luxury-card:hover img {
   transform: scale(1.08);
   filter: brightness(.88) saturate(1.05);
 }

 .luxury-card:hover .luxury-link {
   transform: translateY(-2px);

   background:
     linear-gradient(135deg,
       rgba(231, 194, 122, .35),
       rgba(255, 255, 255, .10));
 }

 /* =========================================
TABLET
========================================= */

 @media(max-width:1100px) {

   .luxury-editorial-grid {
     grid-template-columns: repeat(3, 1fr);
   }
 }

 @media(max-width:900px) {

   .luxury-editorial-grid {
     grid-template-columns: repeat(2, 1fr);
   }

   .editorial-heading h2 {
     font-size: 46px;
   }
 }

 /* =========================================
MOBILE
========================================= */

 @media(max-width:768px) {

   .editorial-showcase {
     padding: 40px 15px;
   }

   .luxury-editorial-grid {
     grid-template-columns: repeat(2, 1fr);
     gap: 16px;
   }

   .luxury-card {
     height: 420px;
     border-radius: 24px;
   }

   .luxury-content {
     padding: 22px;
   }

   .luxury-content h3 {
     font-size: 28px;
   }

   .luxury-content p {
     font-size: 13px;
   }

   .editorial-heading {
     text-align: center;
     display: flex;
     flex-direction: column;
     align-items: center;
     width: 100%;
     margin-bottom: 30px;
   }

   .editorial-heading h2 {
     font-size: 32px;
     text-align: center;
   }

   .bestseller-title {
     font-size: 32px;
     text-align: center;
     width: 100%;
   }

   .bestseller-top {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     text-align: center;
     margin-bottom: 25px;
     width: 100%;
   }

   .bestseller-sub {
     padding-left: 0;
     text-align: center;
   }

   .bestseller-sub::before {
     display: none;
   }

   .sweet-memory-section {
     padding: 30px 15px;
   }

   .memory-container {
     grid-template-columns: 1fr;
     gap: 30px;
   }

   .memory-content {
     text-align: center;
     display: flex;
     flex-direction: column;
     align-items: center;
   }

   .bestseller-section {
     padding: 30px 15px;
   }

   .view-all {
     align-self: flex-start;
     font-size: 10px;
     margin-top: 10px;
   }
 }

 /* ===================================================
ANIMATIONS
=================================================== */

 @keyframes letterUp {
   to {
     opacity: 1;
     transform: translateY(0);
   }
 }

 @keyframes fadeUp {
   from {
     opacity: 0;
     transform: translateY(18px);
   }

   to {
     opacity: 1;
     transform: translateY(0);
   }
 }

 @keyframes lineGrow {
   to {
     width: 320px;
   }
 }

 @keyframes logoReveal {
   from {
     opacity: 0;
     transform: scale(.75) rotate(-5deg);
   }

   to {
     opacity: 1;
     transform: scale(1) rotate(0);
   }
 }

 @keyframes auraPulse {

   0%,
   100% {
     transform: scale(1);
     opacity: .65;
   }

   50% {
     transform: scale(1.18);
     opacity: 1;
   }
 }

 @keyframes textureFlow {

   0%,
   100% {
     transform: scale(1) translate(0, 0);
   }

   50% {
     transform: scale(1.05) translate(-12px, 10px);
   }
 }

 @keyframes goldPulse {

   0%,
   100% {
     transform: scale(1);
     opacity: .75;
   }

   50% {
     transform: scale(1.14);
     opacity: 1;
   }
 }

 @keyframes sparkMove {
   0% {
     transform: translateY(0) rotate(0deg);
   }

   100% {
     transform: translateY(-20px) rotate(360deg);
   }
 }

 @keyframes twinkleMove {
   0% {
     transform: translateY(0);
     opacity: .25;
   }

   50% {
     opacity: .55;
   }

   100% {
     transform: translateY(-35px);
     opacity: .25;
   }
 }

 @keyframes luxuryReveal {
   0% {
     opacity: 0;
     clip-path: inset(0 50% 0 50%);
   }

   20% {
     opacity: 1;
   }

   45% {
     clip-path: inset(0 0 0 0);
   }

   100% {
     opacity: 1;
     clip-path: inset(0 0 0 0);
   }
 }

 @keyframes silverSweep {
   0% {
     left: -20%;
     opacity: 0;
   }

   20% {
     opacity: .4;
   }

   50% {
     left: 110%;
     opacity: .5;
   }

   100% {
     left: 110%;
     opacity: 0;
   }
 }

 @keyframes float {

   0%,
   100% {
     transform: translateY(0);
   }

   50% {
     transform: translateY(-14px);
   }
 }

 @keyframes borderFlow {
   from {
     transform: translateX(0);
   }

   to {
     transform: translateX(-50%);
   }
 }

 /* =========================================
MOBILE NAVBAR FIX
========================================= */

 @media (max-width: 992px) {

   .nav-wrap {
     display: flex;
     align-items: center;
     justify-content: space-between;
     gap: 12px;
     padding: 14px 18px;
   }

   /* HIDE DESKTOP CONTENT */
   .menu,
   .left-menu,
   .right-menu,
   .search-box,
   .icon-group,
   .mega-menu {
     display: none !important;
   }

   /* SHOW MOBILE TOGGLE */
   .mobile-toggle {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 42px;
     height: 42px;
     background: none;
     border: none;
     flex-shrink: 0;
   }

   .mobile-toggle span {
     font-size: 30px;
     color: var(--brand);
   }

   /* CENTER LOGO */
   .reveal-section {
     flex: 1;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .reveal-img {
     width: 130px;
   }

   /* OPTIONAL SPACER */
   .nav-spacer {
     width: 42px;
     height: 42px;
     flex-shrink: 0;
   }
 }

 /* =========================================
SMALL MOBILE
========================================= */

 @media (max-width:600px) {

   .nav-wrap {
     padding: 12px 14px;
   }

   .reveal-img {
     width: 115px;
   }

   .mobile-drawer {
     width: 100%;
     max-width: 100%;
   }
 }

 @media(max-width:768px) {

   .splash-logo {
     width: 220px;
   }

   .movie-title {
     font-size: 38px;
   }

   .movie-sub {
     font-size: 24px;
   }

   .movie-tagline {
     padding: 0 10px;

     font-size: 10px;
     letter-spacing: 2px;
   }

   .movie-line {
     width: 180px !important;
   }

   .reveal-img {
     width: 130px;
   }
 }

 @media(max-width:600px) {

   .tb-item {
     font-size: 12px;
   }

   .mobile-drawer {
     width: 100%;
     max-width: 100%;
   }

   .nav-wrap {
     padding: 12px;
   }
 }

 @media(max-width:480px) {

   .movie-title {
     font-size: 32px;
   }

   .movie-sub {
     font-size: 20px;
   }
 }


 /* =========================================
BESTSELLER SECTION
HERITAGE TEXTURE STYLE
========================================= */

 .bestseller-section {
   position: relative;
   padding: 50px 5%;
   overflow: hidden;
   isolation: isolate;

   background:
     radial-gradient(circle at top,
       rgba(231, 194, 122, .10) 0%,
       transparent 28%),
     radial-gradient(circle at 85% 20%,
       rgba(255, 255, 255, .05) 0%,
       transparent 25%),
     radial-gradient(circle at 15% 80%,
       rgba(255, 220, 150, .07) 0%,
       transparent 25%),
     linear-gradient(180deg,
       #f7efe5 0%,
       #f3e7d8 45%,
       #efe0cf 100%);
 }

 /* =========================================
SILK TEXTURE + PATTERN
========================================= */

 .bestseller-section::before {
   content: "";
   position: absolute;
   inset: 0;
   z-index: -2;

   opacity: .30;
   pointer-events: none;

   background-image:
     url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h26L0 26z' fill='%23775a19' fill-opacity='0.09'/%3E%3C/svg%3E");

   background-size: 26px 26px;
 }

 /* =========================================
ROYAL SHAPES
========================================= */

 .bestseller-section::after {
   content: "";
   position: absolute;
   inset: 0;
   z-index: -1;
   pointer-events: none;

   background:
     radial-gradient(circle at 10% 20%,
       rgba(196, 69, 62, 0.08),
       transparent 18%),

     radial-gradient(circle at 85% 15%,
       rgba(231, 194, 122, .12),
       transparent 22%),

     radial-gradient(circle at 80% 75%,
       rgba(122, 0, 30, .08),
       transparent 20%),

     radial-gradient(circle at 20% 85%,
       rgba(231, 194, 122, .08),
       transparent 18%);
 }

 /* =========================================
HEADER
========================================= */

 .bestseller-top {
   position: relative;
   z-index: 5;

   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
   gap: 20px;

   margin-bottom: 42px;
   width: 100%;
 }

 /* SUBTITLE */

 .bestseller-sub {
   position: relative;

   display: inline-block;

   color: #b07a45;

   font-size: 11px;
   letter-spacing: 6px;
   text-transform: uppercase;

   margin-bottom: 15px;
   text-align: center;
 }

 .bestseller-sub::before {
   display: none;
 }

 /* TITLE */

 .bestseller-title {
   position: relative;

   font-size: 64px;
   line-height: 1;

   color: #6b0303;

   font-weight: 700;

   font-family: 'Cinzel', serif;

   text-shadow:
     0 6px 20px rgba(122, 0, 30, .10);

   animation: titleFloat 5s ease-in-out infinite;
 }

 /* CALLIGRAPHY */

 .bestseller-title span {
   display: block;

   margin-top: 10px;

   font-size: 38px;
   font-weight: 400;

   color: #c08d61;

   font-family: 'Great Vibes', cursive;

   letter-spacing: 1px;

   animation: shineText 5s ease infinite;
 }

 /* GOLD LINE */

 .bestseller-title::after {
   display: none;
 }

 /* VIEW ALL */

 .view-all {
   position: relative;

   color: #b07a45;
   text-decoration: none;

   font-size: 12px;
   letter-spacing: 4px;
   text-transform: uppercase;

   padding-bottom: 8px;

   transition: .35s ease;
 }

 .view-all::after {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;

   width: 100%;
   height: 1px;

   background:
     linear-gradient(to right,
       #c4453e,
       transparent);
 }

 .view-all:hover {
   color: #6b0303;
 }

 /* =========================================
GRID
========================================= */

 .bestseller-grid {
   position: relative;
   z-index: 5;

   display: grid;
   grid-template-columns: repeat(5, 1fr);

   gap: 22px;
 }

 /* =========================================
CARD
========================================= */

 .saree-card {
   position: relative;

   overflow: hidden;
   border-radius: 18px;

   display: flex;
   flex-direction: column;
   height: 100%;

   background:
     linear-gradient(180deg,
       rgba(255, 255, 255, .98),
       rgba(248, 240, 232, .98));

   border: 1.5px solid rgba(113, 4, 26, 0.35);

   box-shadow:
     0 14px 40px rgba(70, 20, 10, .08);

   transition:
     transform .45s ease,
     box-shadow .45s ease;
 }

 /* ROYAL FRAME */

 .saree-card::after {
   content: "";
   position: absolute;
   inset: 6px;

   border-radius: 14px;

   border: 1px solid rgba(113, 4, 26, 0.35);

   pointer-events: none;
 }

 /* =========================================
IMAGE
========================================= */

 .saree-image {
   position: relative;
   overflow: hidden;
   border-bottom: 1px solid rgba(113, 4, 26, 0.2);
 }

 /* INNER BORDER ON WHOLE IMAGE FRAME (MATCHING DETAILS FRAME) */
 .saree-image::before {
   content: "";
   position: absolute;
   inset: 6px;
   border-radius: 12px;
   border: 1px solid rgba(113, 4, 26, 0.35);
   pointer-events: none;
   z-index: 6;
   transition: border-color 0.4s ease;
 }

 .saree-card:hover .saree-image::before {
   border-color: rgba(113, 4, 26, 0.6);
 }

 .saree-image img {
   width: 100%;
   aspect-ratio: 1074 / 1600;
   height: auto;
   object-fit: cover;

   transition:
     transform 1s ease,
     filter .5s ease;
 }

 /* OVERLAY */

 .saree-image::after {
   content: "";
   position: absolute;
   inset: 0;

   background:
     linear-gradient(to top,
       rgba(20, 0, 0, .25),
       transparent 50%);
 }

 /* BADGE */

 .saree-badge {
   position: absolute;
   top: 14px;
   left: 14px;
   z-index: 5;

   background:
     linear-gradient(135deg,
       #e7c27a,
       #c9984d);

   color: #4b000f;

   font-size: 9px;
   font-weight: 700;

   letter-spacing: 2px;
   text-transform: uppercase;

   padding: 7px;

   border-radius: 30px;
 }

 /* CONTENT */

 .saree-info {
   display: flex;
   flex-direction: column;
   flex: 1;
   padding: 16px;
 }

 /* CATEGORY */

 .saree-category {
   color: #b07a45;

   font-size: 9px;
   letter-spacing: 3px;
   text-transform: uppercase;

   margin-bottom: 10px;

   font-weight: 700;
 }

 /* NAME */

 .saree-name {
   color: #4b000f;

   font-size: 17px;
   line-height: 1.4;

   margin-bottom: 12px;

   font-family: 'Cinzel', serif;
 }

 /* STARS */

 .saree-stars {
   color: #d9a95d;

   font-size: 11px;

   margin-bottom: 10px;
 }

 /* FOOTER */

 .saree-bottom {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-top: auto;
   margin-bottom: 5px;
 }

 /* PRICE */

 .saree-price {
   color: #760019;

   font-size: 18px;
   font-weight: 700;
 }

 /* =========================================
REPLACE DETAILS LINK WITH BUY NOW BUTTON
========================================= */

 .saree-bottom {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
 }

 /* PRICE */

 .saree-price {
   color: #760019;
   font-size: 18px;
   font-weight: 700;
 }

 /* BUY NOW BUTTON */

 .saree-link {
   position: relative;
   overflow: hidden;

   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 7px;

   padding: 9px 16px;

   border-radius: 40px;

   text-decoration: none;

   background:
     linear-gradient(135deg,
       #e7c27a 0%,
       #f6df9e 50%,
       #d49d42 100%);

   color: #4b000f;

   font-size: 9px;
   font-weight: 700;

   letter-spacing: 1.5px;
   text-transform: uppercase;

   box-shadow:
     0 8px 20px rgba(231, 194, 122, .28);

   transition:
     transform .35s ease,
     box-shadow .35s ease,
     color .35s ease;
 }

 /* GOLD SHINE EFFECT */

 .saree-link::before {
   content: "";
   position: absolute;
   top: 0;
   left: -120%;

   width: 60%;
   height: 100%;

   transform: skewX(-25deg);

   background:
     linear-gradient(to right,
       transparent,
       rgba(255, 255, 255, .85),
       transparent);

   animation: goldBtnShine 3s linear infinite;
 }

 /* ICON */

 .saree-link i {
   font-size: 12px;
 }

 /* HOVER */

 .saree-link:hover {
   color: #4b000f;

   transform: translateY(-2px);

   box-shadow:
     0 14px 28px rgba(231, 194, 122, .40);
 }

 .saree-image-link {
   display: block;
   position: relative;
    z-index: 2;
   text-decoration: none;
 }

 .saree-quickview {
   position: absolute;
   inset: 0;
   z-index: 4;

   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 6px;

   background: #d9b36a;
   border-color: #d9b36a;
   color: #5a0012;

   font-size: 11px;
   font-weight: 700;
   letter-spacing: 2px;
   text-transform: uppercase;

   opacity: 0;
   transition: opacity .35s ease;
 }

 .saree-quickview .material-symbols-outlined {
   font-size: 22px;
 }

 .saree-image:hover .saree-quickview {
   opacity: 0.3;
 }

 .saree-image:hover img {
   transform: scale(1.06);
 }

 .saree-image-link {
   display: block;
   position: relative;
   text-decoration: none;
 }

 /* dark scrim + centers the button, fades in on hover */
 .saree-quickview-wrap {
   position: absolute;
   inset: 0;
   z-index: 4;

   display: flex;
   align-items: center;
   justify-content: center;

   background: rgba(20, 0, 0, .35);

   opacity: 0;
   transition: opacity .35s ease;
 }

 .saree-image:hover .saree-quickview-wrap {
   opacity: 1;
 }

 /* the button itself: starts pushed down, slides up on hover */
 .saree-quickview-btn {
   background: #fff8f4;
   color: #810820;

   padding: 8px 24px;

   text-transform: uppercase;
   letter-spacing: 2px;
   font-size: 10px;
   font-weight: 600;

   border: 1px solid #810820;

   transform: translateY(16px);
   opacity: 0;
   transition: transform .3s ease, background .3s ease, color .3s ease, opacity .3s ease;
 }

 .saree-image:hover .saree-quickview-btn {
   transform: translateY(0);
   opacity: 1;
 }

 .saree-quickview-btn:hover {
   background: #810820;
   color: #fff8f4;
 }

 /* SHINE */

 @keyframes goldBtnShine {

   0% {
     left: -120%;
   }

   100% {
     left: 150%;
   }
 }

 /* =========================================
HOVER
========================================= */

 .saree-card:hover {
   transform: translateY(-8px);

   box-shadow:
     0 22px 55px rgba(70, 20, 10, .15);
 }

 .saree-card:hover img {
   transform: scale(1.08);
   filter: saturate(1.08);
 }

 /* =========================================
ANIMATION
========================================= */

 @keyframes titleFloat {

   0%,
   100% {
     transform: translateY(0);
   }

   50% {
     transform: translateY(-4px);
   }
 }

 @keyframes shineText {

   0% {
     opacity: .8;
   }

   50% {
     opacity: 1;
   }

   100% {
     opacity: .8;
   }
 }

 /* =========================================
TABLET
========================================= */

 @media(max-width:1200px) {

   .bestseller-grid {
     grid-template-columns: repeat(3, 1fr);
   }

   .bestseller-title {
     font-size: 52px;
   }
 }

 /* =========================================
MOBILE
========================================= */

 @media(max-width:850px) {

   .bestseller-grid {
     grid-template-columns: repeat(2, 1fr);
   }

   .bestseller-top {
     flex-direction: column;
     align-items: flex-start;
     gap: 18px;
   }

   .bestseller-title {
     font-size: 42px;
   }

   .bestseller-title span {
     font-size: 30px;
   }
 }

 @media(max-width:600px) {

   .bestseller-section {
     padding: 70px 20px;
   }

   .bestseller-grid {
     grid-template-columns: 1fr;
   }

   .bestseller-title {
     font-size: 34px;
   }

   .bestseller-title span {
     font-size: 24px;
   }

   .saree-image img {
     height: auto;
   }
 }

 /* =========================================
LUXURY COUNTER STRIP
SIMPLE STRIPE DESIGN
========================================= */

 .royal-counter-strip {
   position: relative;
   overflow: hidden;

   padding: 38px 5%;

   background:
     radial-gradient(circle at top,
       rgba(231, 194, 122, .14),
       transparent 28%),

     linear-gradient(135deg,
       #2d0008 0%,
       #520012 28%,
       #6d0318 52%,
       #4d0010 75%,
       #2b0008 100%);
 }

 /* =========================================
ROYAL TEXTURE
========================================= */

 .royal-counter-strip::before {
   content: "";
   position: absolute;
   inset: 0;

   opacity: .18;
   pointer-events: none;

   background-image:

     /* woven pattern */
     url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23f5deb3' stroke-opacity='0.12'%3E%3Cpath d='M0 25H50M25 0V50'/%3E%3C/g%3E%3C/svg%3E"),

     /* grain */
     radial-gradient(rgba(255, 255, 255, .10) .7px, transparent 1px);

   background-size:
     50px 50px,
     6px 6px;

   animation: bgTextureFlow 18s linear infinite;
 }

 /* GOLD LIGHT */

 .royal-counter-strip::after {
   content: "";
   position: absolute;
   top: -250px;
   left: 50%;
   transform: translateX(-50%);

   width: 700px;
   height: 700px;
   border-radius: 50%;

   background:
     radial-gradient(circle,
       rgba(231, 194, 122, .15),
       transparent 70%);
 }

 /* =========================================
GRID
========================================= */

 .royal-counter-grid {
   position: relative;
   z-index: 5;

   max-width: 1400px;
   margin: auto;

   display: grid;
   grid-template-columns: repeat(5, 1fr);

   align-items: center;
 }

 /* =========================================
ITEM
========================================= */

 .royal-counter-card {
   position: relative;

   text-align: center;

   padding: 12px 10px;
 }

 /* VERTICAL DIVIDER */

 .royal-counter-card:not(:last-child)::after {
   content: "";
   position: absolute;
   top: 50%;
   right: 0;

   transform: translateY(-50%);

   width: 1px;
   height: 70px;

   background:
     linear-gradient(to bottom,
       transparent,
       rgba(231, 194, 122, .35),
       transparent);
 }

 /* =========================================
NUMBER
========================================= */

 .royal-counter-number {
   display: flex;
   align-items: flex-end;
   justify-content: center;
   gap: 3px;

   margin-bottom: 10px;

   color: #f8e7c5;

   font-size: 54px;
   line-height: 1;

   font-family: 'Cinzel', serif;

   text-shadow:
     0 0 18px rgba(231, 194, 122, .22);

   animation: numberGlow 3s ease-in-out infinite;
 }

 /* PLUS */

 .royal-counter-number small {
   font-size: 24px;
   margin-bottom: 7px;

   color: #d9b36a;
 }

 /* =========================================
LABEL
========================================= */

 .royal-counter-card p {
   color: rgba(255, 255, 255, .82);

   font-size: 11px;
   letter-spacing: 3px;
   text-transform: uppercase;

   line-height: 1.8;
 }

 /* =========================================
COUNTER
========================================= */

 .count {
   color: #f5deb3;
 }

 /* =========================================
HOVER
========================================= */

 .royal-counter-card:hover .royal-counter-number {
   transform: translateY(-3px);
 }

 /* =========================================
ANIMATIONS
========================================= */

 @keyframes bgTextureFlow {

   0% {
     background-position: 0 0;
   }

   100% {
     background-position: 120px 120px;
   }
 }

 @keyframes numberGlow {

   0%,
   100% {
     text-shadow:
       0 0 12px rgba(231, 194, 122, .12);
   }

   50% {
     text-shadow:
       0 0 24px rgba(231, 194, 122, .28);
   }
 }

 /* =========================================
TABLET
========================================= */

 @media(max-width:1000px) {

   .royal-counter-grid {
     grid-template-columns: repeat(3, 1fr);
     row-gap: 30px;
   }

   .royal-counter-card:nth-child(3)::after {
     display: none;
   }
 }

 /* =========================================
MOBILE
========================================= */

 @media(max-width:700px) {

   .royal-counter-strip {
     padding: 30px 20px;
   }

   .royal-counter-grid {
     grid-template-columns: repeat(2, 1fr);
     gap: 26px;
   }

   .royal-counter-card::after {
     display: none;
   }

   .royal-counter-number {
     font-size: 38px;
   }

   .royal-counter-card p {
     font-size: 10px;
     letter-spacing: 2px;
   }
 }

 @media(max-width:480px) {

   .royal-counter-grid {
     grid-template-columns: 1fr;
   }

   .royal-counter-number {
     font-size: 34px;
   }
 }



 /* =========================================
GSAP INITIAL STATES
========================================= */

 .reveal-up {
   opacity: 0;
   transform: translateY(80px);
 }

 .reveal-left {
   opacity: 0;
   transform: translateX(-100px);
 }

 .reveal-right {
   opacity: 0;
   transform: translateX(100px);
 }

 .reveal-scale {
   opacity: 0;
   transform: scale(.88);
 }

 .reveal-rotate {
   opacity: 0;
   transform: rotate(4deg) scale(.92);
 }




 /* =========================================
ABOUT SECTION
========================================= */

 .about-bani-wrap {
   padding: 70px 5%;

   background:
     radial-gradient(circle at top,
       rgba(231, 194, 122, .10),
       rgba(255, 248, 244, .96) 40%,
       #fff 100%);
 }

 /* MAIN BOX */

 .about-bani-box {
   max-width: 1200px;
   margin: auto;

   display: grid;
   grid-template-columns: 480px 1fr;
   gap: 55px;

   padding: 40px;

   border-radius: 34px;

   background:
     linear-gradient(135deg,
       rgba(255, 255, 255, .96),
       rgba(255, 248, 244, .92));

   border: 1px solid rgba(196, 69, 62, .08);

   box-shadow:
     0 20px 60px rgba(90, 0, 18, .08),
     inset 0 1px 0 rgba(255, 255, 255, .8);

   position: relative;
   overflow: hidden;

   animation: fadeLuxury 1.2s ease;
 }

 /* GOLD LIGHT */

 .about-bani-box::before {
   content: "";
   position: absolute;

   width: 420px;
   height: 420px;

   border-radius: 50%;

   top: -180px;
   right: -120px;

   background:
     radial-gradient(circle,
       rgba(231, 194, 122, .18),
       transparent 72%);
 }

 /* =========================================
IMAGE SIDE
========================================= */

 .about-image-side {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 /* IMAGE WRAP */

 .about-image-wrap {
   position: relative;
   width: 100%;
   overflow: hidden;
   border-radius: 28px;

   animation: floatImage 5s ease-in-out infinite;
 }

 /* MAIN IMAGE */

 .about-main-img {
   width: 100%;
   height: 640px;

   object-fit: cover;
   display: block;

   border-radius: 28px;

   box-shadow:
     0 30px 70px rgba(0, 0, 0, .18);

   transition: transform .8s ease;
 }

 /* IMAGE HOVER */

 .about-image-wrap:hover .about-main-img {
   transform: scale(1.05);
 }

 /* FLOAT CARD */

 .about-floating-card {
   position: absolute;

   bottom: 24px;
   left: 24px;

   padding: 18px 24px;

   border-radius: 22px;

   backdrop-filter: blur(14px);

   background:
     rgba(255, 255, 255, .16);

   border:
     1px solid rgba(255, 255, 255, .24);

   box-shadow:
     0 10px 30px rgba(0, 0, 0, .12);

   animation: floatCard 4s ease-in-out infinite;
 }

 .about-floating-card span {
   font-size: 12px;
   letter-spacing: 3px;
   color: #fff;
   text-transform: uppercase;
 }

 .about-floating-card h4 {
   font-size: 28px;
   margin-top: 4px;

   color: #fff;

   font-family: 'Cinzel', serif;
 }

 /* =========================================
CONTENT SIDE
========================================= */

 .about-content-side {
   position: relative;
   z-index: 2;

   display: flex;
   flex-direction: column;
   justify-content: center;
 }

 /* small heading */

 .about-mini {
   font-size: 12px;
   letter-spacing: 5px;
   text-transform: uppercase;
   color: #c4453e;

   margin-bottom: 14px;
   font-weight: 600;

   animation: fadeUp .9s ease;
 }

 /* title */

 .about-title {
   font-size: 58px;
   line-height: 1.05;

   color: #5d0015;

   font-family: 'Cinzel', serif;

   margin-bottom: 20px;

   animation: fadeUp 1s ease;
 }

 /* divider */

 .about-divider {
   width: 90px;
   height: 3px;

   border-radius: 20px;

   background:
     linear-gradient(90deg,
       #c4453e,
       #e7c27a);

   margin-bottom: 26px;

   animation: expandLine 1.2s ease;
 }

 /* highlight */

 .about-highlight {
   font-size: 22px;
   line-height: 1.8;

   color: #7a1024;

   font-family: "Tiro Devanagari Marathi", serif;

   padding-left: 20px;

   border-left: 2px solid rgba(196, 69, 62, .22);

   margin-bottom: 28px;

   animation: fadeUp 1.1s ease;
 }

 /* text */

 .about-text p {
   font-size: 16px;
   line-height: 1.95;

   color: #4d2430;

   margin-bottom: 18px;

   font-family: "Poppins", sans-serif;

   animation: fadeUp 1.2s ease;
 }

 /* संस्कृती */

 .about-text span {
   font-family: "Tiro Devanagari Marathi", serif;

   font-size: 26px;
   color: #7c0019;
   font-weight: 700;
 }

 /* strong */

 .about-text strong {
   color: #8f001d;
 }

 /* ending */

 .about-ending {
   margin-top: 10px;

   font-size: 24px;
   color: #7a0019;

   font-family: "Tiro Devanagari Marathi", serif;

   animation: fadeUp 1.4s ease;
 }

 /* =========================================
ANIMATIONS
========================================= */

 @keyframes fadeLuxury {
   from {
     opacity: 0;
     transform: translateY(40px);
   }

   to {
     opacity: 1;
     transform: translateY(0);
   }
 }

 @keyframes fadeUp {
   from {
     opacity: 0;
     transform: translateY(25px);
   }

   to {
     opacity: 1;
     transform: translateY(0);
   }
 }

 @keyframes expandLine {
   from {
     width: 0;
   }

   to {
     width: 90px;
   }
 }

 @keyframes floatImage {

   0%,
   100% {
     transform: translateY(0);
   }

   50% {
     transform: translateY(-10px);
   }
 }

 @keyframes floatCard {

   0%,
   100% {
     transform: translateY(0);
   }

   50% {
     transform: translateY(-6px);
   }
 }

 /* =========================================
TABLET
========================================= */

 @media(max-width:992px) {

   .about-bani-box {
     grid-template-columns: 1fr;
     gap: 40px;
   }

   .about-main-img {
     height: 520px;
   }

   .about-title {
     font-size: 42px;
   }

   .about-highlight {
     font-size: 20px;
   }

 }

 /* =========================================
MOBILE
========================================= */

 @media(max-width:600px) {

   .about-bani-wrap {
     padding: 50px 18px;
   }

   .about-bani-box {
     padding: 22px;
     border-radius: 24px;
     gap: 28px;
   }

   .about-main-img {
     height: 400px;
     border-radius: 22px;
   }

   .about-floating-card {
     padding: 14px 18px;
     left: 16px;
     bottom: 16px;
   }

   .about-floating-card h4 {
     font-size: 22px;
   }

   .about-title {
     font-size: 32px;
   }

   .about-highlight {
     font-size: 17px;
     line-height: 1.7;
   }

   .about-text p {
     font-size: 14px;
     line-height: 1.9;
   }

   .about-ending {
     font-size: 18px;
   }

 }


 /* =========================================
LUXURY FOOTER BG
PAINT CANVAS TEXTURE
MATCHED WITH SITE THEME
========================================= */

 .luxury-footer {
   position: relative;
   overflow: hidden;
   padding: 40px 7% 25px;

   color: #f5e7d0;

   background:

     radial-gradient(circle at 50% 35%,
       rgba(255, 210, 120, .10),
       transparent 18%),

     radial-gradient(circle at 15% 20%,
       rgba(255, 255, 255, .05),
       transparent 25%),

     radial-gradient(circle at 85% 18%,
       rgba(255, 255, 255, .04),
       transparent 22%),

     radial-gradient(circle at 20% 82%,
       rgba(255, 255, 255, .03),
       transparent 24%),

     radial-gradient(circle at 80% 78%,
       rgba(0, 0, 0, .12),
       transparent 28%),

     linear-gradient(135deg,
       #3f000d 0%,
       #5a0012 22%,
       #760019 48%,
       #8b0623 68%,
       #5a0012 100%);
 }

 /* =========================================
CANVAS FABRIC TEXTURE
========================================= */

 .luxury-footer::before {
   content: "";
   position: absolute;
   inset: 0;

   opacity: .18;
   pointer-events: none;

   background-image:

     /* fabric weave */
     url("data:image/svg+xml,%3Csvg width='70' height='70' viewBox='0 0 70 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23f5deb3' stroke-opacity='0.06'%3E%3Cpath d='M0 35H70M35 0V70'/%3E%3C/g%3E%3C/svg%3E"),

     /* grain texture */
     radial-gradient(rgba(255, 255, 255, .10) .7px,
       transparent 1px);

   background-size:
     70px 70px,
     6px 6px;

   mix-blend-mode: soft-light;

   animation: footerTextureFlow 20s linear infinite;
 }

 /* =========================================
MOVING GOLD LIGHT
========================================= */

 .luxury-footer::after {
   content: "";
   position: absolute;

   top: -40%;
   left: -15%;

   width: 70%;
   height: 220%;

   transform: rotate(12deg);

   background:
     linear-gradient(90deg,
       transparent,
       rgba(231, 194, 122, .10),
       transparent);

   animation: footerSweep 10s linear infinite;

   pointer-events: none;
 }

 /* =========================================
TOP SECTION
========================================= */

 .footer-top {
   position: relative;
   z-index: 5;

   display: grid;

   grid-template-columns:
     1.4fr 1fr 1fr 1fr 1.2fr;

   gap: 70px;

   padding-bottom: 10px;

   border-bottom:
     1px solid rgba(255, 255, 255, .08);
 }

 /* =========================================
BRAND
========================================= */

 .footer-brand h2 {
   font-family: 'Cinzel', serif;

   font-size: 34px;

   color: #f5deb3;

   margin-bottom: 20px;

   text-shadow:
     0 0 18px rgba(231, 194, 122, .18);
 }

 .footer-brand p {
   color: #eadbc8;

   line-height: 1.9;

   font-size: 15px;
 }

 /* =========================================
SOCIALS
========================================= */

 .footer-socials {
   display: flex;

   gap: 14px;

   margin-top: 28px;
 }

 .footer-socials a {
   width: 46px;
   height: 46px;

   border-radius: 50%;

   display: flex;
   align-items: center;
   justify-content: center;

   color: #f5deb3;

   background:
     linear-gradient(180deg,
       rgba(255, 255, 255, .10),
       rgba(255, 255, 255, .03));

   border:
     1px solid rgba(231, 194, 122, .22);

   backdrop-filter: blur(10px);

   transition: .4s ease;
 }

 .footer-socials a:hover {
   transform: translateY(-5px);

   background:
     linear-gradient(135deg,
       #e7c37a9e,
       #d49c428a);

   color: #4b000f;

   box-shadow:
     0 14px 30px rgba(231, 194, 122, .25);
 }

 /* =========================================
COLUMN
========================================= */

 .footer-col {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   text-align: left;
 }

 .footer-col h3 {
   font-family: 'Cinzel', serif;

   font-size: 20px;

   margin-bottom: 24px;

   color: #f5deb3;
 }

 .footer-col a,
 .footer-col p {
   display: block;

   color: #eadbc8;

   margin-bottom: 14px;

   text-decoration: none;

   font-size: 15px;

   transition: .3s ease;
 }

 .footer-col a:hover {
   color: #fff3d8;

   transform: translateX(4px);
 }

 .footer-col i {
   margin-right: 10px;

   color: #e7c27a;
 }

 .footer-socials i {
   /* margin-right: 0 !important; */
   font-size: 18px;
   position: static;
   display: block;
   line-height: 1;
   margin: 25% 0 0 30%;
 }

 /* =========================================
NEWSLETTER
========================================= */

 .footer-newsletter {
   position: relative;
   z-index: 3;

   display: flex;

   align-items: center;
   justify-content: space-between;

   gap: 10px;

   padding: 45px 0;

   border-bottom:
     1px solid rgba(255, 255, 255, .08);
 }

 .footer-newsletter h3 {
   font-family: 'Cinzel', serif;

   font-size: 28px;

   color: #f5deb3;

   margin-bottom: 10px;
 }

 .footer-newsletter p {
   color: #eadbc8;
 }

 /* =========================================
FORM
========================================= */

 .newsletter-form {
   display: flex;

   gap: 15px;

   flex-wrap: wrap;
 }

 .newsletter-form input {
   width: 320px;

   height: 56px;

   padding: 0 18px;

   border: none;
   outline: none;

   border-radius: 14px;

   background:
     rgba(255, 255, 255, .08);

   border:
     1px solid rgba(231, 194, 122, .15);

   color: #fff;
 }

 .newsletter-form input::placeholder {
   color: #d9c5b3;
 }

 .newsletter-form button {
   position: relative;
   overflow: hidden;

   height: 56px;

   padding: 0 30px;

   border: none;

   border-radius: 14px;

   background:
     linear-gradient(135deg,
       #e7c27a 0%,
       #f5deb3 50%,
       #d49d42 100%);

   color: #4b000f;

   font-weight: 700;

   letter-spacing: 1px;

   cursor: pointer;

   box-shadow:
     0 12px 28px rgba(231, 194, 122, .24);

   transition: .4s ease;
 }

 .newsletter-form button::before {
   content: "";
   position: absolute;

   top: 0;
   left: -120%;

   width: 60%;
   height: 100%;

   transform: skewX(-25deg);

   background:
     linear-gradient(to right,
       transparent,
       rgba(255, 255, 255, .9),
       transparent);

   animation: footerBtnShine 3s linear infinite;
 }

 .newsletter-form button:hover {
   transform: translateY(-3px);

   box-shadow:
     0 18px 35px rgba(231, 194, 122, .38);
 }

 /* =========================================
BOTTOM
========================================= */

 .footer-bottom {
   position: relative;
   z-index: 5;

   display: flex;

   justify-content: space-between;

   align-items: center;

   gap: 20px;

   padding-top: 25px;

   flex-wrap: wrap;
 }

 .footer-bottom p {
   color: #d9c5b3;

   font-size: 14px;
 }

 .footer-bottom-links {
   display: flex;

   gap: 22px;

   flex-wrap: wrap;
 }

 .footer-bottom-links a {
   color: #d9c5b3;

   text-decoration: none;

   font-size: 14px;

   transition: .3s ease;
 }

 .footer-bottom-links a:hover {
   color: #f5deb3;
 }

 /* =========================================
ANIMATIONS
========================================= */

 @keyframes footerSweep {

   0% {
     transform:
       translateX(-30%) rotate(12deg);
   }

   100% {
     transform:
       translateX(160%) rotate(12deg);
   }
 }

 @keyframes footerTextureFlow {

   0% {
     background-position: 0 0;
   }

   100% {
     background-position: 140px 140px;
   }
 }

 @keyframes footerBtnShine {

   0% {
     left: -120%;
   }

   100% {
     left: 150%;
   }
 }

 /* =========================================
TABLET
========================================= */

 .footer-newsletter {
   flex-direction: column;

   align-items: flex-start;

   gap: 25px;
 }

 .footer-newsletter h3 {
   font-size: 24px;
 }

 .newsletter-form {
   width: 100%;
 }

 .newsletter-form input {
   flex: 1;
   min-width: 240px;
 }


 /* =========================================
MOBILE
========================================= */

 @media(max-width:768px) {

   .luxury-footer {
     padding: 60px 22px 25px;

     background:

       radial-gradient(circle at 50% 20%,
         rgba(255, 210, 120, .12),
         transparent 22%),

       radial-gradient(circle at 10% 10%,
         rgba(255, 255, 255, .04),
         transparent 25%),

       radial-gradient(circle at 90% 15%,
         rgba(255, 255, 255, .03),
         transparent 22%),

       linear-gradient(135deg,
         #3f000d 0%,
         #5a0012 25%,
         #760019 55%,
         #5a0012 100%);
   }

   /* softer texture */

   .luxury-footer::before {
     opacity: .12;

     background-size:
       55px 55px,
       5px 5px;
   }

   .luxury-footer::after {
     opacity: .6;
   }

   /* =========================================
  TOP GRID
  ========================================= */

   .footer-top {
     grid-template-columns: 1fr;

     gap: 40px;

     padding-bottom: 45px;
   }

   /* =========================================
  BRAND
  ========================================= */

   .footer-brand h2 {
     font-size: 28px;
   }

   .footer-brand p {
     font-size: 14px;

     line-height: 1.8;
   }

   /* =========================================
  SOCIALS
  ========================================= */

   .footer-socials {
     gap: 12px;

     margin-top: 22px;
   }

   .footer-socials a {
     width: 42px;
     height: 42px;

     font-size: 14px;
   }

   /* =========================================
  COLUMN
  ========================================= */

   .footer-col h3 {
     font-size: 18px;

     margin-bottom: 18px;
   }

   .footer-col a,
   .footer-col p {
     font-size: 14px;

     margin-bottom: 12px;
   }

   /* =========================================
  NEWSLETTER
  ========================================= */

   .footer-newsletter {
     padding: 38px 0;

     gap: 20px;
   }

   .footer-newsletter h3 {
     font-size: 22px;

     line-height: 1.3;
   }

   .footer-newsletter p {
     font-size: 14px;

     line-height: 1.7;
   }

   /* =========================================
  FORM
  ========================================= */

   .newsletter-form {
     width: 100%;

     flex-direction: column;
   }

   .newsletter-form input {
     width: 100%;

     height: 52px;

     font-size: 14px;
   }

   .newsletter-form button {
     width: 100%;

     height: 52px;

     font-size: 13px;

     letter-spacing: 1.5px;
   }

   /* =========================================
  BOTTOM
  ========================================= */

   .footer-bottom {
     flex-direction: column;

     align-items: flex-start;

     gap: 16px;
   }

   .footer-bottom p {
     font-size: 13px;

     line-height: 1.7;
   }

   .footer-bottom-links {
     gap: 16px;
   }

   .footer-bottom-links a {
     font-size: 13px;
   }
 }

 /* =========================================
SMALL MOBILE
========================================= */

 @media(max-width:480px) {

   .luxury-footer {
     padding: 55px 18px 22px;
   }

   .footer-top {
     gap: 24px;
   }

   .footer-brand h2 {
     font-size: 24px;
   }

   .footer-newsletter h3 {
     font-size: 20px;
   }

   .footer-socials a {
     width: 40px;
     height: 40px;
   }

   .newsletter-form input,
   .newsletter-form button {
     height: 50px;
   }

   .footer-bottom-links {
     flex-direction: column;

     gap: 10px;
   }
 }


 /* ==========================
SWEET MEMORIES
Luxury Paithani Showcase
========================== */
 /* ==========================
SWEET MEMORIES OUTER SLIDER
========================== */

 .memories-outer-slider {
   position: relative;
   overflow: hidden;
   width: 100%;
 }

 .memories-outer-track {
   display: flex;
   width: 100%;
   transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
 }

 .memories-outer-slide {
   min-width: 100%;
   width: 100%;
   flex-shrink: 0;
   /* Ensure slide 2 fills full height */
   display: flex;
   flex-direction: column;
 }

 /* Outer Slider Dots */
 .memories-outer-dots {
   position: absolute;
   bottom: 18px;
   left: 50%;
   transform: translateX(-50%);
   display: flex;
   gap: 8px;
   z-index: 20;
 }

 .memories-outer-dots button {
   width: 10px;
   height: 10px;
   border-radius: 50%;
   border: 2px solid #D4AF37;
   background: transparent;
   cursor: pointer;
   transition: background 0.3s, transform 0.3s;
   padding: 0;
 }

 .memories-outer-dots button.active {
   background: #D4AF37;
   transform: scale(1.3);
 }

 /* Outer Slider Arrows */
 .memories-outer-arrow {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   z-index: 20;
   width: 44px;
   height: 44px;
   border-radius: 50%;
   border: 2px solid rgba(212, 175, 55, 0.5);
   background: rgba(82, 2, 17, 0.7);
   color: #D4AF37;
   font-size: 1.8rem;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: background 0.3s, border-color 0.3s;
   line-height: 1;
 }

 .memories-outer-arrow:hover {
   background: rgba(82, 2, 17, 0.95);
   border-color: #D4AF37;
 }

 .memories-outer-prev {
   left: 16px;
 }

 .memories-outer-next {
   right: 16px;
 }

 /* ========================
SWEET MEMORIES FULL IMAGE BANNERS (SLIDE 2 & SLIDE 3)
======================== */

 .memories-image-slide {
   position: relative;
   width: 100%;
   min-height: 520px;
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
   background: linear-gradient(135deg, #4d0010 0%, #5a0012 45%, #6d0017 100%);
 }

 .memories-banner-desktop {
   display: block !important;
   width: 100%;
   height: 100%;
   min-height: 520px;
   object-fit: cover;
   object-position: center;
 }

 .memories-banner-mobile {
   display: none !important;
   width: 100%;
   height: 100%;
   min-height: 400px;
   object-fit: cover;
   object-position: center;
 }

 /* MOBILE RESPONSIVE (<768px) */
 @media (max-width: 768px) {
   .memories-image-slide {
     min-height: 380px;
   }

   .memories-banner-desktop {
     display: none !important;
   }

   .memories-banner-mobile {
     display: block !important;
   }
 }

 /* ==========================
SWEET MEMORIES
Luxury Paithani Background
========================== */

 .sweet-memory-section {

   background:

     linear-gradient(135deg,
       #4d0010 0%,
       #5a0012 45%,
       #6d0017 100%);

   padding: 90px 5%;

   overflow: hidden;

   position: relative;

   isolation: isolate;

 }

 /* HERITAGE TEXTURE */

 .sweet-memory-section::before {

   content: "";

   position: absolute;

   inset: 0;

   background:

     /* GOLD LIGHT */

     radial-gradient(circle at 15% 20%,

       rgba(231,
         194,
         122,
         0.08),

       transparent 30%),

     radial-gradient(circle at 85% 75%,

       rgba(231,
         194,
         122,
         0.06),

       transparent 35%),

     /* FABRIC WEAVE */

     repeating-linear-gradient(45deg,

       rgba(255,
         255,
         255,
         0.018) 0px,

       rgba(255,
         255,
         255,
         0.018) 1px,

       transparent 1px,

       transparent 12px),

     repeating-linear-gradient(-45deg,

       rgba(255,
         255,
         255,
         0.014) 0px,

       rgba(255,
         255,
         255,
         0.014) 1px,

       transparent 1px,

       transparent 14px);

   opacity: .9;

   pointer-events: none;

   z-index: -2;

 }

 /* SOFT PREMIUM GOLD GLOW */

 .sweet-memory-section::after {

   content: "";

   position: absolute;

   width: 600px;

   height: 600px;

   background:

     radial-gradient(circle,

       rgba(231,
         194,
         122,
         0.08),

       transparent 70%);

   right: -180px;

   top: -180px;

   filter:

     blur(80px);

   pointer-events: none;

   z-index: -1;

 }

 /* EXTRA DEPTH */

 .sweet-memory-section .memory-container {

   position: relative;

   z-index: 2;

 }

 /* LAYOUT */

 .memory-container {

   max-width: 1450px;

   margin: auto;

   display: grid;

   grid-template-columns:
     1.25fr 1fr;

   gap: 70px;

   align-items: center;

 }

 /* ===================
LEFT IMAGE AREA
=================== */

 .memory-image {

   width: 100%;

   overflow: hidden;

   position: relative;

 }

 /* SLIDER WINDOW */

 .slider-window {

   overflow: hidden;

   width: 100%;

   padding: 35px 0;

 }

 /* SLIDER TRACK */

 .slider-track {

   display: flex;

   align-items: center;

   gap: 28px;

   transition:

     transform .9s cubic-bezier(0.4,
       0,
       0.2,
       1);

   will-change: transform;

 }

 /* ALL IMAGES */

 .slider-track img {

   width: 320px;

   height: 560px;

   flex-shrink: 0;

   border-radius: 28px;

   object-fit: cover;

   object-position: center top;

   transition:

     transform .8s ease,
     opacity .8s ease,
     filter .8s ease;

   opacity: .45;

   transform:
     scale(.82);

   filter:
     brightness(.72);

   box-shadow:

     0 18px 55px rgba(0,
       0,
       0,
       .28);

 }

 /* CENTER IMAGE */

 .slider-track img.center {

   opacity: 1;

   transform:
     scale(1);

   filter: none;

   z-index: 5;

   box-shadow: none;

   border: none;

 }

 /* SIDE IMAGE */

 .slider-track img.side {

   opacity: .5;

   transform:
     scale(.82);

 }

 /* ===================
RIGHT TEXT
=================== */

 .memory-content {

   padding-left: 10px;

   animation:
     fadeLuxury 1s ease;

 }

 .memory-label {

   display: block;

   font-size: 12px;

   letter-spacing: 5px;

   font-family: 'Poppins';

   color: #e7c27a;

   font-weight: 500;

   margin-bottom: 20px;

 }

 .memory-content h2 {

   font-size: 64px;

   line-height: 1.08;

   font-family: 'Cinzel';

   font-weight: 600;

   color: white;

   margin-bottom: 22px;

   letter-spacing: -1px;

 }

 .memory-content h2 span {

   color: #e7c27a !important;

   font-weight: 700;

 }

 .gold-line {

   width: 90px;

   height: 2px;

   background:

     linear-gradient(90deg,

       #e7c27a,

       rgba(231,
         194,
         122,
         0.2));

   margin-bottom: 30px;

 }

 .memory-content p {

   font-size: 15px;

   line-height: 2;

   font-family: 'Poppins';

   color: #f3e7de;

   max-width: 500px;

   font-weight: 300;

 }

 .memory-content strong {

   color: #e7c27a;

   font-weight: 600;

 }

 /* TEXT ANIMATION */

 /* ===================
TABLET
=================== */

 @media(max-width:950px) {

   .sweet-memory-section {
     padding: 65px 1%;
   }

   .slider-window {
     margin-left: 30px;
     padding: 20px 0;
   }

   .slider-track {
     gap: 14px;
   }

   .slider-track img {
     width: 260px;
     height: 400px;
     border-radius: 10px;
   }

   .slider-track img.side {
     transform: scale(.8);
   }

   .memory-content h2 {

     font-size: 34px;

   }

   .memory-container {

     grid-template-columns: 1fr;

     gap: 50px;

   }

   .memory-content {

     text-align: center;

     padding: 0;

   }

   .memory-content p {

     margin: auto;

   }

   .gold-line {

     margin: auto;

     margin-bottom: 25px;

   }

   .memory-content h2 {

     font-size: 48px;

   }

   .slider-track {

     gap: 18px;

   }

   .slider-track img {

     width: 230px;

     height: 390px;

   }

   .slider-track img.side {

     transform:
       scale(.86);

   }

   .hero-tag {
     margin-bottom: 13px;
     font-size: 9px;
   }

 }

 /* ===================
MOBILE
=================== */

 @media(max-width:600px) {

   .sweet-memory-section {
     padding: 65px 1%;
   }

   .slider-window {
     padding: 20px 0;
   }

   .slider-track {
     gap: 14px;
   }

   .slider-track img {
     width: 260px;
     height: 440px;
     border-radius: 10px;
   }

   .slider-track img.side {
     transform: scale(.8);
   }

   .memory-content h2 {

     font-size: 34px;

   }

   .memory-content p {

     font-size: 14px;

     line-height: 1.9;

   }

   .memory-label {

     font-size: 11px;

     letter-spacing: 3px;

   }

   .hero-tag {
     margin-bottom: 10px;
     font-size: 9px;
   }

   .hero-desc {
     margin-top: 10px;
   }

   .hero-buttons {
     flex-direction: row !important;
     flex-wrap: nowrap;
     gap: 10px;
     width: 100%;
     padding: 0 16px;
   }

   .hero-buttons .btn-primary,
   .hero-buttons .btn-outline {
     flex: 1 1 0;
     min-width: 0;
     padding: 8px 10px;
     font-size: 12px;
     text-align: center;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
   }

 }




 /* ==========================================
CATALOGUE PAGE
========================================== */

 .catalogue-container {
   max-width: 1400px;
   margin: auto;
   padding: 40px 5%;
 }

 /* ==========================================
HERO
========================================== */

 .collection-hero {
   position: relative;
   height: 350px;

   display: flex;
   align-items: center;
   justify-content: center;

   text-align: center;
   overflow: hidden;

   background:
     linear-gradient(rgba(90, 0, 18, .75),
       rgba(90, 0, 18, .75)),

     url("assets/BEST SELLER SAREE FOLDER/ANURADHA PAITHANI/Anuradha Paithani Soft Peacock Design Saree 1.jpeg");

   background-size: cover;
   background-position: center;
   background-attachment: fixed;
 }

 .hero-content {
   position: relative;
   z-index: 2;
   max-width: 950px;
   padding: 20px 50px;
   color: #fff;
 }



 .collection-hero h1 {
   font-family: 'Cinzel', serif;
   font-size: 72px;
   line-height: 1.1;
   margin-bottom: 20px;
 }

 .collection-hero p {
   font-size: 18px;
   line-height: 1.9;
   max-width: 700px;
   margin: auto;
   margin-bottom: 35px;
 }


 .hero-btn {
   padding: 14px 32px;
   border-radius: 50px;
   text-decoration: none;
   font-weight: 600;
   transition: .3s;
 }

 .primary-btn {
   background: #d9b36a;
   color: #5a0012;
 }

 .secondary-btn {
   border: 1px solid rgba(255, 255, 255, .5);
   color: #fff;
 }

 .secondary-btn:hover {
   background: #fff;
   color: #5a0012;
 }

 /* ==========================================
BREADCRUMB
========================================== */

 .catalogue-breadcrumb {
   padding: 20px 5%;
   display: flex;
   gap: 10px;
   font-size: 14px;
   color: #777;
 }

 .catalogue-breadcrumb a {
   color: #5a0012;
   text-decoration: none;
 }

 /* ==========================================
PILLS
========================================== */

 .collection-pills {
   display: flex;
   gap: 12px;
   overflow-x: auto;
   padding: 25px 5%;
   border-top: 1px solid rgba(90, 0, 18, .08);
   border-bottom: 1px solid rgba(90, 0, 18, .08);
   scrollbar-width: none;
 }

 .collection-pills::-webkit-scrollbar {
   display: none;
 }

 .collection-pills button {
   padding: 12px 24px;
   border: none;
   border-radius: 50px;
   background: #f7f2ed;
   cursor: pointer;
   white-space: nowrap;
   color: #5a0012;
   font-weight: 500;
   transition: .3s;
 }

 .collection-pills button.active,
 .collection-pills button:hover {
   background: #7a0018;
   color: #fff;
 }

 /* ==========================================
TOOLBAR
========================================== */

 .catalogue-toolbar {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 40px;
   padding-bottom: 20px;
   border-bottom: 1px solid rgba(0, 0, 0, .08);
 }

 .toolbar-left {
   display: flex;
   align-items: center;
   gap: 15px;
 }

 .results-count {
   font-size: 14px;
   color: #666;
 }

 .sort-dropdown {
   padding: 12px 18px;
   border-radius: 12px;
   border: 1px solid #ddd;
   background: #fff;
 }

 /* ==========================================
MAIN GRID
========================================== */

 .catalogue-layout {
   display: grid;
   grid-template-columns: 280px 1fr;
   gap: 40px;
 }

 .catalogue-products {
   width: 100%;
 }

 /* ==========================================
FILTER
========================================== */

 .filter-sidebar {
   background: #fff;
   padding: 25px;
   border-radius: 24px;
   box-shadow: 0 5px 20px rgba(0, 0, 0, .05);
   position: sticky;
   top: 120px;
   height: max-content;
 }

 .filter-sidebar h3 {
   font-family: 'Cinzel';
   color: #5a0012;
   margin-bottom: 20px;
 }

 .filter-group {
   padding-bottom: 15px;
   margin-bottom: 15px;
   border-bottom: 1px solid #eee;
 }

 .filter-title {
   display: flex;
   justify-content: space-between;
   cursor: pointer;
   font-weight: 600;
   padding: 10px 0;
 }

 .filter-content {
   display: flex;
   flex-direction: column;
   gap: 10px;
   padding-top: 10px;
 }

 /* ==========================================
PRODUCT GRID
========================================== */

 .product-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 28px;
 }

 /* ==========================================
CARD
========================================== */

 .product-card {
   background: #fff;
   border-radius: 16px;
   overflow: hidden;
   box-shadow: 0 4px 18px rgba(0, 0, 0, .06);
   transition: .35s ease;
 }

 .product-card:hover {
   transform: translateY(-6px);
   box-shadow: 0 12px 30px rgba(0, 0, 0, .10);
 }

 .product-image {
   height: 380px;
   overflow: hidden;
   position: relative;
 }


 .product-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: .4s;
 }

 .product-card:hover img {
   transform: scale(1.08);
 }

 .sale-badge {
   position: absolute;
   top: 15px;
   left: 15px;
   background: #d9b36a;
   padding: 8px 15px;
   border-radius: 30px;
   font-size: 12px;
   font-weight: 600;
   color: #5a0012;
 }

 .wishlist-icon {
   position: absolute;
   right: 15px;
   top: 15px;
   width: 42px;
   height: 42px;
   border: none;
   border-radius: 50%;
   background: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }

 .product-info {
   padding: 14px;
 }

 .product-rating {
   font-size: 13px;
   color: #d9b36a;
   margin-bottom: 12px;
 }

 .product-rating span {
   color: #777;
 }

 .product-info h3 {
   font-family: 'Cinzel', serif;
   font-size: 15px;
   font-weight: 500;
   line-height: 1.3;
   margin-bottom: 6px;
 }

 .sale-price {
   font-size: 20px;
   color: #7a0018;
   font-family: 'Cinzel', serif;
 }

 .product-info p {
   font-size: 13px;
   margin-bottom: 10px;
 }


 .price-wrap {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-bottom: 18px;
 }



 .old-price {
   text-decoration: line-through;
   font-size: 14px;
   color: #999;
 }

 .card-buttons {
   margin-top: 12px;
 }

 .buy-btn {
   width: 100%;
   display: block;
   text-align: center;
   padding: 12px;
   border-radius: 10px;
   background: #7a0018;
   color: #fff;
   text-decoration: none;
   font-size: 13px;
   font-weight: 600;
 }

 /* ==========================================
TABLET
========================================== */

 @media(max-width:1024px) {

   .catalogue-layout {
     grid-template-columns: 1fr;
   }

   .filter-sidebar {
     position: relative;
     top: 0;
   }


   .product-grid {
     grid-template-columns: repeat(2, 1fr);
   }

   .collection-hero h1 {
     font-size: 48px;
   }

 }

 /* ==========================================
MOBILE
========================================== */

 @media(max-width:768px) {

   .collection-hero {
     height: 420px;
     padding: 20px;
   }

   .collection-hero h1 {
     font-size: 34px;
   }

   .collection-hero p {
     font-size: 14px;
   }

   .catalogue-toolbar {
     flex-direction: column;
     align-items: flex-start;
     gap: 15px;
   }

   .toolbar-right {
     width: 100%;
   }

   .sort-dropdown {
     width: 100%;
   }

   .filter-sidebar {
     display: none;
   }


   .product-grid {
     grid-template-columns: repeat(2, 1fr);
     gap: 10px;
   }
 }

 .product-info {
   padding: 18px;
 }

 .card-buttons {
   grid-template-columns: 1fr;
 }



 /* ==========================================
SMALL MOBILE
========================================== */

 @media(max-width:480px) {

   .collection-hero h1 {
     font-size: 28px;
   }

   .product-info h3 {
     font-size: 18px;
   }

   .sale-price {
     font-size: 20px;
   }

   .product-image {
     aspect-ratio: 360px;
   }

 }


 /* ==========================================
PRODUCT CATEGORY
========================================== */

 .product-category {
   display: inline-block;
   margin-bottom: 10px;
   font-size: 11px;
   font-weight: 600;
   letter-spacing: 2px;
   text-transform: uppercase;
   color: #d9b36a;
 }


 /* ==========================================
FILTER CHECKBOXES
========================================== */

 .filter-content label {
   display: flex;
   align-items: center;
   gap: 10px;
   font-size: 14px;
   color: #555;
   cursor: pointer;
   transition: .3s;
 }

 .filter-content label:hover {
   color: #7a0018;
 }

 .filter-content input {
   accent-color: #7a0018;
 }


 /* ==========================================
FILTER TITLE ICON
========================================== */

 .filter-title span {
   font-size: 18px;
   color: #7a0018;
 }


 /* ==========================================
WISHLIST ICON
========================================== */

 .wishlist-icon {
   transition: .3s;
 }

 .wishlist-icon:hover {
   background: #7a0018;
   color: #fff;
 }

 .wishlist-icon .material-symbols-outlined {
   font-size: 20px;
 }


 /* ==========================================
BUTTON HOVER
========================================== */

 .quick-btn {
   transition: .3s;
 }

 .quick-btn:hover {
   background: #d9b36a;
   border-color: #d9b36a;
   color: #5a0012;
 }

 .buy-btn {
   transition: .3s;
 }

 .buy-btn:hover {
   background: #5a0012;
 }


 /* ==========================================
FEATURED COLLECTION
========================================== */

 .featured-collection {
   margin: 100px 0;
   border-radius: 30px;
   overflow: hidden;
   position: relative;
   padding: 100px 40px;

   background:
     linear-gradient(rgba(90, 0, 18, .82),
       rgba(90, 0, 18, .82)),

     url("assets/BEST SELLER SAREE FOLDER/ANURADHA PAITHANI/Anuradha Paithani Soft Peacock Design Saree 1.jpeg");

   background-size: cover;
   background-position: center;

   text-align: center;
   color: #fff;
 }

 .featured-content {
   max-width: 800px;
   margin: auto;
 }

 .featured-content span {
   letter-spacing: 4px;
   font-size: 12px;
   color: #d9b36a;
 }

 .featured-content h2 {
   font-family: 'Cinzel', serif;
   font-size: 52px;
   margin: 20px 0;
 }

 .featured-content p {
   font-size: 16px;
   line-height: 1.8;
   margin-bottom: 30px;
 }

 .featured-content .buy-btn {
   display: inline-block;
   padding: 14px 30px;
 }


 /* ==========================================
SALE BADGE COLORS
========================================== */

 .sale-badge.bestseller {
   background: #d9b36a;
 }

 .sale-badge.new {
   background: #4caf50;
   color: #fff;
 }

 .sale-badge.sale {
   background: #e53935;
   color: #fff;
 }


 /* ==========================================
PRODUCT IMAGE OVERLAY
========================================== */

 .product-image::after {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(to top,
       rgba(0, 0, 0, .18),
       transparent 50%);
   pointer-events: none;
 }


 /* ==========================================
SCROLLBAR
========================================== */

 .collection-pills::-webkit-scrollbar {
   height: 4px;
 }

 .collection-pills::-webkit-scrollbar-thumb {
   background: #d9b36a;
   border-radius: 20px;
 }

 /* ==========================================
TABLET IMPROVEMENTS
========================================== */

 @media(max-width:1024px) {

   .featured-content h2 {
     font-size: 40px;
   }

 }


 /* ==========================================
MOBILE IMPROVEMENTS
========================================== */

 @media(max-width:768px) {

   .catalogue-breadcrumb {
     overflow: auto;
     white-space: nowrap;
     font-size: 13px;
   }

   .collection-pills {
     padding: 15px;
   }

   .collection-pills button {
     padding: 10px 18px;
     font-size: 13px;
   }

   .featured-collection {
     padding: 60px 20px;
   }

   .featured-content h2 {
     font-size: 32px;
   }

   .featured-content p {
     font-size: 14px;
   }

 }


 /* ==========================================
SMALL MOBILE
========================================== */

 @media(max-width:480px) {

   .featured-content h2 {
     font-size: 26px;
   }

   .hero-tag {
     margin-bottom: 10px;
     font-size: 9px;
   }

   .collection-pills button {
     font-size: 12px;
     padding: 8px 14px;
   }

 }

 /* ==========================================
HERO SLIDE 1 FULL IMAGE BANNER RESPONSIVE
========================================== */
 .hero-offer {
   position: relative;
   width: 100%;
   height: 100vh !important;
   min-height: 520px;
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
   background: #fdf5eb;
 }

 .hero-offer-banner {
   width: 100% !important;
   height: 100% !important;
   object-fit: cover !important;
   object-position: center !important;
   z-index: 1;
 }

 .hero-offer-desktop {
   display: block !important;
 }

 .hero-offer-mobile {
   display: none !important;
 }

 @media (max-width: 768px) {
   .hero-offer-desktop {
     display: none !important;
   }

   .hero-offer-mobile {
     display: block !important;
   }
 }

 /* =====================================================
    SIGNATURE CATEGORY BADGE
    ===================================================== */

 .sig-lux-badge {
   position: absolute;
   top: 14px;
   left: 14px;
   background: rgba(113, 4, 26, 0.92);
   color: #f5deb3;
   border: 1px solid rgba(231, 194, 122, 0.5);
   font-size: 9px;
   font-weight: 700;
   letter-spacing: 1.2px;
   text-transform: uppercase;
   padding: 5px 12px;
   border-radius: 50px;
   pointer-events: none;
   font-family: 'Poppins', sans-serif;
   box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
   backdrop-filter: blur(6px);
   z-index: 20;
 }

 /* =====================================================
   EDITORIAL OFFER LAYOUT — Sweet Memories Slide 1
   ===================================================== */

 /* =====================================================
   ROYAL PALACE ARCH GALLERY SHOWCASE (Sweet Memories Slide 1)
   ===================================================== */

 .offer-editorial-wrap {
   background: transparent;
   border: none;
   overflow: visible;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 28px;
   max-width: 1320px;
   margin: 20px auto 10px;
   align-items: stretch;
 }

 /* ---- Card Base ---- */
 .offer-editorial-card {
   position: relative;
   background: #ffffff;
   border: 2px solid #d4af37;
   border-radius: 160px 160px 24px 24px;
   padding: 14px 14px 18px;
   box-shadow: 0 16px 40px rgba(113, 4, 26, 0.12);
   transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s ease;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   text-align: center;
 }

 .offer-editorial-card:hover {
   transform: translateY(-10px);
   box-shadow: 0 28px 65px rgba(113, 4, 26, 0.22);
 }

 /* ---- Center Spotlight Card ---- */
 .offer-editorial-card.spotlight-card {
   background: linear-gradient(180deg, #71041a 0%, #4a0211 100%);
   border: 2.5px solid #e7c27a;
   box-shadow: 0 20px 50px rgba(113, 4, 26, 0.25), 0 0 30px rgba(231, 194, 122, 0.2);
   transform: scale(1.03);
 }

 .offer-editorial-card.spotlight-card:hover {
   transform: scale(1.03) translateY(-10px);
   box-shadow: 0 30px 70px rgba(113, 4, 26, 0.35), 0 0 45px rgba(231, 194, 122, 0.35);
 }

 /* ---- Arch Image Frame (Full 100% Edge-to-Edge Fit, No White Space) ---- */
 .offer-editorial-img-box {
   position: relative;
   border-radius: 145px 145px 16px 16px;
   overflow: hidden;
   height: 380px;
   width: 100%;
   border: 2.5px solid #d4af37;
   outline: 2px solid #71041a;
   outline-offset: -6px;
   background: #71041a;
   box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.2), 0 10px 30px rgba(113, 4, 26, 0.15);
   display: block;
   padding: 0 !important;
 }

 .offer-editorial-img-box::before {
   content: '';
   position: absolute;
   top: 0;
   left: -100%;
   width: 60%;
   height: 100%;
   background: linear-gradient(90deg, transparent 0%, rgba(255, 230, 150, 0.45) 50%, transparent 100%);
   transform: skewX(-25deg);
   transition: left 0.85s ease;
   z-index: 4;
   pointer-events: none;
 }

 .offer-editorial-card:hover .offer-editorial-img-box::before {
   left: 160%;
 }

 .spotlight-card .offer-editorial-img-box {
   border: 2.5px solid #e7c27a;
   outline: 2px solid #ffffff;
   background: #71041a;
 }

 .offer-editorial-img {
   width: 100% !important;
   height: 100% !important;
   object-fit: cover !important;
   object-position: top center !important;
   display: block;
   transition: transform 0.85s cubic-bezier(0.25, 1, 0.5, 1);
 }

 .offer-editorial-card:hover .offer-editorial-img {
   transform: scale(1.06);
 }

 /* ---- Top Right Royal Ribbon Tag ---- */
 .offer-ribbon-tag {
   position: absolute;
   top: 14px;
   right: 50px;
   background: linear-gradient(135deg, #71041a 0%, #3d0010 100%);
   color: #e7c27a;
   border: 1.5px solid #e7c27a;
   font-size: 10px;
   font-weight: 800;
   letter-spacing: 1px;
   padding: 5px 13px;
   border-radius: 50px;
   box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
   z-index: 6;
   text-transform: uppercase;
 }

 .spotlight-card .offer-ribbon-tag {
   background: linear-gradient(135deg, #fdf5eb 0%, #e7c27a 100%);
   color: #71041a;
   border: 1.5px solid #ffffff;
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
 }

 /* ---- Floating Badge Pill ---- */
 .offer-editorial-badge-wrap {
   margin-top: -18px;
   position: relative;
   z-index: 7;
   display: flex;
   justify-content: center;
 }

 .offer-editorial-pill {
   display: inline-block;
   font-size: 9px;
   letter-spacing: 2px;
   text-transform: uppercase;
   color: #ffffff;
   background: #71041a;
   border: 1.5px solid #d4af37;
   border-radius: 50px;
   padding: 6px 16px;
   font-weight: 700;
   box-shadow: 0 6px 18px rgba(113, 4, 26, 0.25);
 }

 .spotlight-card .offer-editorial-pill {
   color: #71041a;
   background: linear-gradient(135deg, #fdf5eb 0%, #e7c27a 100%);
   border: 1.5px solid #ffffff;
   box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
 }

 /* ---- Card Body & Text ---- */
 .offer-editorial-body {
   padding: 16px 8px 4px;
   text-align: center;
 }

 .offer-editorial-title {
   font-family: 'Cinzel', serif;
   font-size: 17px;
   color: #71041a;
   font-weight: 700;
   margin-bottom: 14px;
   line-height: 1.35;
 }

 .spotlight-card .offer-editorial-title {
   color: #fdf5eb;
   text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
 }

 .offer-editorial-cta {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   font-size: 11px;
   font-weight: 700;
   letter-spacing: 1px;
   color: #ffffff;
   background: #71041a;
   border: 1.5px solid #d4af37;
   border-radius: 50px;
   padding: 10px 20px;
   text-decoration: none;
   transition: all 0.3s;
   width: 100%;
   justify-content: center;
   box-shadow: 0 4px 14px rgba(113, 4, 26, 0.2);
 }

 .spotlight-card .offer-editorial-cta {
   background: linear-gradient(135deg, #e7c27a 0%, #b8892a 100%);
   color: #42020e;
   border: 1.5px solid #ffffff;
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
 }

 .offer-editorial-cta i {
   color: #25D366;
   font-size: 15px;
 }

 .offer-editorial-cta:hover {
   background: #520211;
   box-shadow: 0 8px 24px rgba(113, 4, 26, 0.35);
   color: #e7c27a;
 }

 .spotlight-card .offer-editorial-cta:hover {
   background: #ffffff;
   color: #71041a;
   box-shadow: 0 8px 24px rgba(255, 255, 255, 0.4);
 }

 /* Section heading strip (Enhanced Royal Gold Embossed Banner) */
 .offer-editorial-header {
   text-align: center;
   padding: 16px 5% 28px;
 }

 .offer-editorial-eyebrow {
   display: inline-block;
   font-family: 'Cinzel', serif;
   font-size: 10.5px;
   letter-spacing: 5px;
   text-transform: uppercase;
   color: #71041a;
   background: linear-gradient(135deg, #fdf8f1 0%, #f7e6c4 100%);
   border: 1.5px solid #d4af37;
   padding: 5px 20px;
   border-radius: 50px;
   font-weight: 800;
   margin-bottom: 12px;
   box-shadow: 0 4px 15px rgba(212, 175, 55, 0.2);
 }

 .offer-editorial-heading {
   font-family: 'Cinzel', serif;
   font-size: clamp(26px, 4.5vw, 44px);
   color: #71041a;
   font-weight: 800;
   margin: 4px 0 8px;
   letter-spacing: 1px;
   text-shadow: 0 3px 6px rgba(113, 4, 26, 0.08);
 }

 .royal-heading-divider {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 14px;
   color: #d4af37;
   font-size: 13px;
   max-width: 320px;
   margin: 10px auto 14px;
 }

 .royal-heading-divider hr {
   flex: 1;
   border: none;
   height: 1.5px;
   background: linear-gradient(90deg, transparent, #d4af37, transparent);
 }

 .offer-editorial-desc {
   font-size: 14.5px;
   font-style: italic;
   font-family: 'Cinzel', serif;
   color: #7a583a;
   margin-top: 6px;
   max-width: 650px;
   margin-left: auto;
   margin-right: auto;
   line-height: 1.6;
 }

 /* Mobile */
 @media (max-width: 768px) {
   .offer-editorial-wrap {
     grid-template-columns: 1fr;
     border-radius: 16px;
     gap: 16px;
     max-width: 90%;
     margin: 12px auto;
   }

   .offer-editorial-card {
     border-right: none;
     border-bottom: 1px solid rgba(201, 168, 76, 0.18);
     padding: 10px 10px 12px;
   }

   .offer-editorial-card:last-child {
     border-bottom: none;
   }

   .offer-editorial-card.spotlight-card {
     transform: none;
   }

   .offer-editorial-card.spotlight-card:hover {
     transform: translateY(-6px);
   }

    .offer-editorial-img-box {
      height: 280px;
      border-radius: 110px 110px 16px 16px;
    }

    .offer-editorial-img {
      height: 100% !important;
      object-fit: cover !important;
      object-position: top center !important;
    }

   .offer-editorial-body {
     padding: 10px 6px 2px;
   }

   .offer-editorial-title {
     font-size: 14px;
     margin-bottom: 8px;
   }

   .offer-editorial-pill {
     font-size: 8px;
     padding: 4px 12px;
   }

   .offer-editorial-cta {
     font-size: 10px;
     padding: 8px 14px;
   }
 }

 /* =====================================================
   5 SIGNATURE SAREE CATEGORIES — PURE GLASSMORPHISM FRAME
   ===================================================== */

 .sig-editorial-section {
   position: relative;
   background: transparent;
 }

 .sig-pure-glass-card {
   position: relative;
   background: rgba(255, 248, 242, 0.45);
   backdrop-filter: blur(24px) saturate(190%);
   -webkit-backdrop-filter: blur(24px) saturate(190%);
   border: 2.5px solid #71041a;
   border-radius: 16px;
   padding: 14px 14px 20px;
   box-shadow:
     0 18px 45px rgba(113, 4, 26, 0.15),
     inset 0 1px 3px rgba(255, 255, 255, 0.95),
     0 0 0 1px rgba(212, 175, 55, 0.4);
   transition: all 0.45s cubic-bezier(0.25, 1, 0.5, 1);
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   text-align: center;
 }

 .sig-pure-glass-card:hover {
   transform: translateY(-10px);
   background: rgba(255, 255, 255, 0.85);
   box-shadow:
     0 30px 65px rgba(113, 4, 26, 0.28),
     0 0 35px rgba(212, 175, 55, 0.45),
     inset 0 1px 4px rgba(255, 255, 255, 1);
 }

 /* THE GLASSMORPHIC IMAGE FRAME */
 .sig-pure-glass-frame {
   position: relative;
   border-radius: 10px;
   overflow: hidden;
   height: 330px;
   width: 100%;
   border: 2.5px solid rgba(255, 255, 255, 0.75);
   outline: 1.5px solid #d4af37;
   outline-offset: -3px;
   box-shadow:
     0 10px 30px rgba(113, 4, 26, 0.2),
     inset 0 0 15px rgba(255, 255, 255, 0.4);
   background: rgba(113, 4, 26, 0.9);
 }

 /* Glass Glare Overlay */
 .glass-glare-overlay {
   position: absolute;
   inset: 0;
   background: linear-gradient(135deg,
       rgba(255, 255, 255, 0.35) 0%,
       rgba(255, 255, 255, 0.05) 40%,
       transparent 60%,
       rgba(212, 175, 55, 0.15) 100%);
   pointer-events: none;
   z-index: 3;
   transition: opacity 0.5s ease;
 }

 .sig-pure-glass-frame img {
   width: 100%;
   height: 100%;
   object-fit: cover !important;
   object-position: top !important;
   transition: transform 0.85s cubic-bezier(0.25, 1, 0.5, 1);
 }

 .sig-pure-glass-card:hover .sig-pure-glass-frame img {
   transform: scale(1.08);
 }

 /* Light Beam Glare Sweep on hover */
 .sig-pure-glass-frame::after {
   content: '';
   position: absolute;
   top: 0;
   left: -130%;
   width: 75%;
   height: 100%;
   background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.7) 50%, transparent 100%);
   transform: skewX(-25deg);
   transition: left 0.9s ease;
   z-index: 4;
   pointer-events: none;
 }

 .sig-pure-glass-card:hover .sig-pure-glass-frame::after {
   left: 175%;
 }

 .sig-pure-glass-body {
   padding-top: 16px;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 12px;
 }

 .sig-pure-glass-title {
   font-family: 'Cinzel', serif;
   font-size: 20px;
   font-weight: 700;
   color: #71041a;
   letter-spacing: 1px;
   margin: 0;
 }

 .sig-pure-glass-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   width: 100%;
   padding: 11px 14px;
   font-size: 10px;
   font-weight: 700;
   letter-spacing: 1.5px;
   text-transform: uppercase;
   color: #ffffff;
   background: linear-gradient(135deg, #71041a 0%, #4a000e 100%);
   border: 1.5px solid #d4af37;
   border-radius: 50px;
   text-decoration: none;
   box-shadow: 0 6px 20px rgba(113, 4, 26, 0.25);
   transition: all 0.35s ease;
 }

 .sig-pure-glass-btn .btn-arrow {
   font-size: 13px;
   color: #e7c27a;
   transition: transform 0.3s ease;
 }

 .sig-pure-glass-card:hover .sig-pure-glass-btn {
   background: linear-gradient(135deg, #8c0622 0%, #540010 100%);
   border-color: #ffffff;
   color: #e7c27a;
   box-shadow: 0 10px 28px rgba(113, 4, 26, 0.4);
 }

 .sig-pure-glass-card:hover .sig-pure-glass-btn .btn-arrow {
   transform: translate(3px, -3px);
 }

 /* Gold Light Beam Shimmer Sweep */
 .sig-frame-card .sig-img-container::before {
   content: '';
   position: absolute;
   top: 0;
   left: -100%;
   width: 60%;
   height: 100%;
   background: linear-gradient(90deg, transparent 0%, rgba(255, 230, 150, 0.45) 50%, transparent 100%);
   transform: skewX(-25deg);
   transition: left 0.85s ease;
   z-index: 4;
   pointer-events: none;
 }

 .sig-frame-card:hover .sig-img-container::before {
   left: 160%;
 }

 .sig-frame-card img {
   width: 100%;
   height: 100%;
   object-fit: cover !important;
   object-position: top !important;
   transition: transform 0.85s cubic-bezier(0.25, 1, 0.5, 1);
 }

 .sig-frame-card:hover img {
   transform: scale(1.08);
 }

 /* Body area */
 .sig-card-body {
   padding: 14px 14px 16px;
   text-align: center;
   display: flex;
   flex-direction: column;
   gap: 6px;
   flex: 1;
 }

 .sig-card-name {
   font-family: 'Cinzel', serif;
   font-size: 16px;
   font-weight: 700;
   color: #71041a;
   letter-spacing: 0.5px;
   margin: 0;
 }

 .sig-card-origin {
   font-size: 10px;
   color: #9a6b2a;
   letter-spacing: 1.5px;
   text-transform: uppercase;
   font-weight: 500;
   margin: 0;
 }

 /* WhatsApp CTA button */
 .sig-card-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 7px;
   width: 100%;
   background: #71041a;
   color: #e7c27a;
   font-size: 10.5px;
   font-weight: 700;
   letter-spacing: 1px;
   text-transform: uppercase;
   padding: 9px 14px;
   border-radius: 50px;
   border: 1px solid #e7c27a;
   text-decoration: none;
   transition: all 0.3s ease;
   margin-top: auto;
 }

 .sig-card-btn i {
   color: #25D366;
   font-size: 13px;
 }

 .sig-card-btn:hover {
   background: #520211;
   color: #e7c27a;
   box-shadow: 0 6px 20px rgba(113, 4, 26, 0.25);
 }

 /* Mobile */
 @media (max-width: 768px) {
   .sig-card {
     width: 195px;
   }

   .sig-card-img-wrap {
     height: 265px;
   }
 }

 /* Fix memories outer slider height for slide 2 */
 .memories-outer-slider {
   min-height: 540px;
 }

 .memories-outer-track {
   min-height: 540px;
   align-items: stretch;
 }

 .memories-outer-slide {
   min-height: 540px;
 }

 .memories-outer-slide>section.sweet-memory-section {
   flex: 1;
   height: 100%;
   min-height: 540px;
   padding: 60px 5%;
 }

 /* =====================================================
   SIG-LUX — Exact screenshot design
   White card, gold border, badge, name, crimson button
   ===================================================== */

 /* Wrapper (relative for arrows) */
 .sig-slider-wrap {
   position: relative;
   overflow: hidden;
   padding: 12px 5% 12px;
 }

 /* Sliding track */
 .sig-slider-track {
   display: flex;
   flex-wrap: nowrap;
   gap: 24px;
   transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
   will-change: transform;
 }

 /* ---- Individual card ---- */
 .sig-lux-card {
   flex-shrink: 0;
   width: 230px;
   background: #fff;
   border-radius: 20px;
   border: 1.5px solid #d4af37;
   /* gold border matching screenshots */
   box-shadow: 0 8px 28px rgba(113, 4, 26, 0.10);
   overflow: hidden;
   transition: transform 0.4s ease, box-shadow 0.4s ease;
   display: flex;
   flex-direction: column;
 }

 .sig-lux-card:hover {
   transform: translateY(-6px);
   box-shadow: 0 20px 50px rgba(113, 4, 26, 0.18);
 }

 /* ---- Image area ---- */
 .sig-lux-img {
   position: relative;
   width: 100%;
   height: 300px;
   overflow: hidden;
   border-radius: 18px 18px 0 0;
 }

 .sig-lux-img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: top;
   display: block;
   transition: transform 0.7s ease;
 }

 .sig-lux-card:hover .sig-lux-img img {
   transform: scale(1.05);
 }

 /* Badge pill — top-left of image */
 .sig-lux-badge {
   position: absolute;
   top: 12px;
   left: 12px;
   background: #71041a;
   color: #fff;
   font-size: 8.5px;
   font-weight: 700;
   letter-spacing: 1.5px;
   text-transform: uppercase;
   padding: 5px 12px;
   border-radius: 50px;
   pointer-events: none;
   font-family: 'Poppins', sans-serif;
 }

 /* ---- Body area ---- */
 .sig-lux-body {
   padding: 14px 14px 16px;
   text-align: center;
   display: flex;
   flex-direction: column;
   gap: 10px;
   flex: 1;
 }

 /* Name */
 .sig-lux-name {
   font-family: 'Cinzel', serif;
   font-size: 15px;
   font-weight: 700;
   color: #71041a;
   letter-spacing: 0.3px;
   margin: 0;
 }

 /* BUY NOW button */
 .sig-lux-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 7px;
   width: 100%;
   background: #71041a;
   color: #fff;
   font-size: 11px;
   font-weight: 700;
   letter-spacing: 0.8px;
   text-transform: uppercase;
   padding: 10px 14px;
   border-radius: 50px;
   text-decoration: none;
   transition: all 0.3s ease;
   margin-top: auto;
   font-family: 'Poppins', sans-serif;
 }

 .sig-lux-btn i {
   color: #25D366;
   font-size: 14px;
 }

 .sig-lux-btn:hover {
   background: #520211;
   box-shadow: 0 6px 20px rgba(113, 4, 26, 0.3);
 }

 /* ---- Side arrows ---- */
 .sig-lux-arrow {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 44px;
   height: 44px;
   border-radius: 50%;
   background: #71041a;
   color: #fff;
   border: none;
   font-size: 22px;
   line-height: 1;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: 0 4px 16px rgba(113, 4, 26, 0.3);
   transition: background 0.3s, transform 0.3s;
   z-index: 10;
 }

 .sig-lux-arrow:hover {
   background: #520211;
   transform: translateY(-50%) scale(1.08);
 }

 .sig-lux-prev {
   left: 6px;
 }

 .sig-lux-next {
   right: 6px;
 }

 /* ---- Bottom dots ---- */
 .sig-lux-dots {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 8px;
   margin-top: 20px;
 }

 .sig-lux-dot {
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background: rgba(113, 4, 26, 0.25);
   transition: all 0.3s;
   cursor: pointer;
 }

 .sig-lux-dot--on {
   background: #71041a;
   width: 26px;
   border-radius: 5px;
 }

 /* Mobile */
 @media (max-width: 768px) {
   .sig-lux-card {
     width: 190px;
   }

   .sig-lux-img {
     height: 250px;
   }

   .sig-slider-wrap {
     padding: 10px 16px;
   }
 }

 /* =====================================================
   EDITORIAL 5-FRAME SHOWCASE (NO SLIDER)
   ===================================================== */
 .sig-editorial-section {
   background: radial-gradient(circle at top, rgba(212, 175, 55, 0.06) 0%, #faf7f2 60%, #f6f0e6 100%);
   border-radius: 32px;
   position: relative;
   overflow: hidden;
 }

 .sig-frame-card {
   position: relative;
   background: #ffffff;
   border: 2px solid #d4af37;
   border-radius: 20px;
   transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s ease;
 }

 .sig-frame-card:hover {
   transform: translateY(-8px);
   border-color: #b8892a;
   box-shadow: 0 20px 45px rgba(113, 4, 26, 0.18), 0 0 0 4px rgba(212, 175, 55, 0.15);
 }

 .no-scrollbar::-webkit-scrollbar {
   display: none;
 }

 .no-scrollbar {
   -ms-overflow-style: none;
   /* IE and Edge */
   scrollbar-width: none;
   /* Firefox */
 }