:root{
      --icon-main: #7c2d2b;
      --sub-text: #666;
      --footer-bg: #f6dec2;
      --accent: #7b2b24;
      --muted: #7b2b24b3;
      --hr-color: #a86f56;
      --reviews-bg: #fbefdf;
      --reviews-card-bg: #fde3e6;
      --reviews-accent: #e93b36;
      --reviews-muted: #9d5655;
      --reviews-border: rgba(0,0,0,0.03);
       --insta-accent: #e31818;   /* button / handle color */
      --insta-heading: #0b0b0b;
      --insta-sub: #d93434;
      --blog-accent: #d94f3a;         /* small marker color */
      --blog-title: #111827;          /* heading color */
      --blog-date: #b88f72;           /* date color */
      --blog-text: #222;             
      --blog-muted: #8b7b6b;
      --card-shadow: 0 10px 28px rgba(19,21,24,0.06);
       --red-overlay: rgba(200, 18, 29, 0.92);
      --gold: #f6d06b;
      --divider: rgba(255, 255, 255, 0.4);
      --page-bg: #fbf3ea;
      --card-bg: #fde8cc;
      --frame-bg: #fff6ed;
      --accent-maroon: #8a2f27;
      --badge-maroon: #7a2622;
      --price-red: #d23b2c;
      --rating-green: #3d8a2f;
       --gallery-bg: #f6eadc;        /* page bg behind section */
      --gallery-card-bg: #fff;      /* image frame background */
      --gallery-heading-color: #6a4f48;
      --gallery-sub-color: #8b7f78;
      --gallery-radius: 14px;
      --gallery-gap: 24px;
      --page-bg: #fbefdf;       /* pale beige background */
      --accent-maroon: #b33a33; /* brand red used in heading & breadcrumb */
      --muted-text: #6f5f57;    /* paragraph color */

        --pd-muted: #6b5b52;
      --pd-accent: #d83b2f;
      --pd-success: #2e8540;
      --pd-card-bg: #fff;
      --pd-frame-bg: #f5f5f5;
      --pd-shadow: 0 12px 30px rgba(20,20,20,0.06);
      --pd-radius: 10px;

      --pd-page-pad: 36px;
      --pd-container-max: 1200px;
      --pd-col-gap: 28px;
      --pd-card-pad: 20px;
      --pd-main-img-h: 460px;
      --pd-thumb-size: 70px;
      --pd-thumb-gap: 12px;
      --pd-btn-pad-y: 10px;
      --pd-price-pad: 16px;
      --pd-details-max: 1100px;
        --rp2-bg: #fbefe6;
    --rp2-border: #ecd8d0;
    --rp2-frame: #f7e6e2;
    --rp2-muted: #7b6f6a;
    --rp2-accent: #c55b4f;
    --rp2-offer: #c83a2f;

    --rp2-img-height: 220px;
    --rp2-title-size: 12px;
    }
    body {
      font-family: "Poppins", sans-serif;
      margin: 0;
      background-color: #fde6c8;
    }

    /* Navbar Styles */
    .navbar {
      background-color: #fde6c8;
      padding: 0.8rem 1rem;
      z-index: 1000;
    }
    .navbar-brand img {
      max-height: 45px;
    }
    .nav-link {
      color: #732828 !important;
      font-weight: 500;
      margin-right: 1rem;
      font-size: 1rem;
      position: relative;
    }
    .nav-link.active {
      color: #d4a000 !important;
    }
    .nav-link.active::after {
      content: "";
      position: absolute;
      bottom: -4px;
      left: 0;
      width: 100%;
      height: 2px;
      background-color: #d4a000;
    }
    .navbar-icons i {
      font-size: 1.2rem;
      margin-left: 1rem;
      color: #732828;
      cursor: pointer;
      transition: 0.2s ease-in-out;
    }
    .navbar-icons i:hover {
      color: #d4a000;
    }

    /* Hero Carousel */
    .hero-carousel .item {
      min-height: 80vh;
      height: 100vh;
      position: relative;
      overflow: hidden;
    }
    .hero-bg {
      position: absolute;
      inset: 0;
      background-size: cover;
      background-position: center;
      transition: transform 7s ease-in-out;
      transform: scale(1);
      z-index: 0;
    }
    .owl-item.active .hero-bg {
      transform: scale(1.08);
    }
    .hero-bg::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.3));
      z-index: 1;
    }
    .hero-caption {
      position: absolute;
      left: clamp(16px, 6vw, 90px);
      top: 20vh;
      max-width: 480px;
      color: #fff;
      z-index: 2;
      opacity: 0;
      transform: translateY(20px);
      transition: opacity 0.8s ease, transform 0.8s ease;
    }
    .owl-item.active .hero-caption {
      opacity: 1;
      transform: translateY(0);
    }
    .hero-title {
      margin: 0 0 0.25rem 0;
      font-weight: 800;
      font-size: clamp(1.8rem, 5vw, 3rem);
      line-height: 1.1;
      letter-spacing: 0.5px;
      color: #F2C20D;
      text-transform: uppercase;
      text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
    }
    .hero-sub {
      margin: 0 0 0.75rem 0;
      font-weight: 700;
      font-size: clamp(1rem, 2vw, 1.3rem);
      letter-spacing: 1px;
      text-transform: uppercase;
      text-shadow: 0 2px 8px rgba(0, 0, 0, 0.55);
    }
    .btn-cta {
      display: inline-block;
      background: #39d353;
      border: none;
      color: #fff;
      font-weight: 700;
      border-radius: 6px;
      padding: 0.55rem 1.2rem;
      font-size: clamp(0.85rem, 1.1vw, 1rem);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
      transition: transform 0.18s ease, background 0.18s ease;
    }
    .btn-cta:hover {
      background: #2fb245;
      transform: translateY(-2px);
    }

    /* Custom nav buttons */
    .custom-owl-nav {
      position: absolute;
      bottom: 30px;
      left: clamp(16px, 6vw, 90px);
      display: flex;
      gap: 10px;
      z-index: 3;
    }
    .custom-owl-nav button {
      width: 36px;
      height: 36px;
      border: 0;
      border-radius: 6px;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
      cursor: pointer;
    }

    /* Responsive Tweaks */
    @media (max-width: 768px) {
      .hero-caption {
        top: 18vh;
        max-width: 85%;
        left: clamp(20px, 8vw, 40px);
      }
      .hero-title {
        font-size: clamp(1.6rem, 6vw, 2.3rem);
      }
      .hero-sub {
        font-size: clamp(0.9rem, 3vw, 1.1rem);
      }
    }
    @media (max-width: 576px) {
      .hero-caption {
        top: 15vh;
        left: 20px;
        max-width: 90%;
      }
      .hero-title {
        font-size: 1.8rem;
      }
      .hero-sub {
        font-size: 1rem;
      }
      .btn-cta {
        padding: 0.5rem 1rem;
        font-size: 0.9rem;
      }
      .custom-owl-nav {
        bottom: 20px;
        left: 20px;
      }
    }
     .features-section {
      background-color: #fde7c2; /* light beige */
      padding: 30px 0;
    }
    .feature-box {
      display: flex;
      align-items: center;
      gap: 10px;
      margin: 15px 0;
    }
    .feature-box svg {
      width: 36px;
      height: 36px;
      fill: #7c2d2b;
      flex-shrink: 0;
    }
    .feature-title {
      font-weight: 600;
      font-size: 16px;
      margin: 0;
    }
    .feature-subtitle {
      font-size: 13px;
      color: #888;
      margin: 0;
    }
    

    .offers-bar{background:#fff; padding:8px 0; border-top:1px solid #eee; border-bottom:1px solid #eee;}
    .offers-left,.offers-right{display:flex; align-items:center; flex-wrap:wrap; gap:10px;}
    .offers-left span.text{font-weight:600; font-size:14px; color:#2b2b2b;}

    .offers-left .bank-icons img{height:22px; width:auto;}

    .divider{width:1px; background:#ccc; margin:0 12px;}

    .feature{display:flex; align-items:center; gap:8px;}
    .feature svg{width:20px; height:20px; flex:0 0 20px; fill:var(--icon-main);}
    .feature .title{font-weight:600; font-size:13px; margin:0; color:#111;}
    .feature .sub{font-size:11px; color:var(--sub-text); margin:0; line-height:1.1;}
    

    /* Section wrapper */
    .gallery-section {
      background: var(--gallery-bg);
      padding: 48px 16px;
      background: white;
    }

    .gallery-inner {
      max-width: 1100px;
      margin: 0 auto;
    }

    /* Heading with thin lines */
    .gallery-heading-row {
      display:flex;
      align-items:center;
      justify-content:center;
      gap:18px;
      margin-bottom: 12px;
    }
    .gallery-line {
      height:1px;
      width:110px;
      background: rgba(106,79,72,0.9);
    }
    .gallery-title {
      margin:0;
      font-weight:600;
      color: var(--gallery-heading-color);
      font-size:20px;
      letter-spacing: .2px;
    }

    /* description */
    .gallery-desc {
      text-align:center;
      max-width: 900px;
      margin: 8px auto 28px;
      color: var(--gallery-sub-color);
      line-height:1.6;
      font-size:14px;
    }

    /* gallery grid */
    .gallery-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr); /* desktop: 2 columns */
      gap: var(--gallery-gap);
    }

    .gallery-item {
      background: var(--gallery-card-bg);
      border-radius: var(--gallery-radius);
      overflow: hidden;
      box-shadow: 0 8px 22px rgba(42,33,27,0.06);
      transition: transform .28s ease, box-shadow .28s ease;
    }
    .gallery-item:hover {
      transform: translateY(-6px) scale(1.01);
      box-shadow: 0 18px 36px rgba(42,33,27,0.10);
    }

    .gallery-item img {
      display:block;
      width:100%;
      height: 320px;               /* image height on desktop for consistent blocks */
      object-fit: cover;
      border-radius: var(--gallery-radius);
    }

    /* Responsive: smaller images on narrow screens */
    @media (max-width: 991.98px) {
      .gallery-item img { height: 280px; }
    }
    @media (max-width: 575.98px) {
      .gallery-grid {
        grid-template-columns: 1fr; /* mobile: single column */
      }
      .gallery-item img { height: 240px; }
      .gallery-line { width: 60px; }
      .gallery-title { font-size:18px; }
      .gallery-desc { font-size:13px; padding: 0 8px; }
    }

    /* small utility */
    .sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
    

   .trending-section{
     background: var(--page-bg);
   }

    .trending-section {
      padding: 44px 18px 60px;
    }

    /* Section heading */
    .trending-heading {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 18px;
      margin-bottom: 28px;
    }
    .trending-heading .line {
      height: 1px;
      width: 120px;
      background: var(--accent-maroon);
    }
    .trending-heading h2 {
      margin: 0;
      font-weight: 600;
      color: var(--accent-maroon);
      font-size: 20px;
    }

    /* Product card */
    .product-card {
      background: var(--card-bg);
      border-radius: 6px;
      padding: 12px;
      position: relative;
      height: 100%;
      transition: transform .25s ease, box-shadow .25s ease;
    }
    .product-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 24px rgba(0,0,0,0.08);
    }

    .product-frame {
      background: var(--frame-bg);
      padding: 10px;
      border-radius: 4px;
      text-align: center;
    }
    .product-frame img {
      width: 100%;
      height: 260px;
      object-fit: cover;
      border-radius: 4px;
    }

    /* Badges */
    .badge-off {
      position: absolute;
      top: 10px;
      left: 10px;
      background: var(--badge-maroon);
      color: #fff;
      font-size: 11px;
      font-weight: 700;
      padding: 5px 7px;
      border-radius: 4px;
    }
    .badge-new {
      background: #333;
    }

    /* Wishlist */
    .wish-wrap {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 30px;
      height: 30px;
      background: #fff;
      border-radius: 6px;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
      cursor: pointer;
    }
    .wish-wrap i {
      color: #d33;
      font-size: 14px;
    }

    /* Rating */
    .rating-badge {
      position: absolute;
      bottom: 12px;
      right: 12px;
      background: var(--rating-green);
      color: #fff;
      font-weight: 600;
      font-size: 12px;
      padding: 3px 6px;
      border-radius: 4px;
    }

    /* Product info */
    .product-meta {
      text-align: center;
      margin-top: 10px;
    }
    .product-name {
      font-size: 13px;
      font-weight: 700;
      margin-bottom: 4px;
      color: #222;
    }
    .product-sub {
      font-size: 12px;
      color: #555;
      margin-bottom: 6px;
    }
    .price-row {
     /* display: flex;*/
      align-items: center;
      justify-content: center;
      gap: 6px;
    }
    .price-now {
      color: var(--price-red);
      font-weight: 700;
      font-size: 14px;
    }
    .price-old {
      text-decoration: line-through;
      font-size: 12px;
      color: #777;
    }
    .discount {
      font-size: 12px;
      font-weight: 600;
      color: var(--price-red);
    }

    @media (max-width: 575.98px) {
      .product-frame img { height: 200px; }
      .trending-heading .line { width: 50px; }
    }
    
    .stats-section {
      background: linear-gradient(var(--red-overlay), var(--red-overlay)),
                  url('../img/bg-1.png?q=80&w=1600&auto=format&fit=crop')
                  center/cover no-repeat;
      color: #fff;
      padding: 60px 20px;
    }

    .stats-title {
      text-align: center;
      font-size: 22px;
      font-weight: 600;
      margin-bottom: 40px;
    }

    .stat-item {
      text-align: center;
      padding: 18px 12px;
      position: relative;
    }

    .stat-title {
      font-size: 18px;
      font-weight: 600;
      color: #fff;
    }

    .stat-number {
      font-size: 28px;
      font-weight: 800;
      color: var(--gold);
      margin-top: 8px;
      letter-spacing: .02em;
    }

    /* Divider line between items (desktop only) */
    @media (min-width: 992px) {
      .stat-item:not(:last-child)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 20%;
        height: 60%;
        width: 1px;
        background: var(--divider);
      }
    }

    /* Slightly smaller numbers on small mobile */
    @media (max-width: 420px) {
      .stat-number { font-size: 22px; }
      .stat-title { font-size: 16px; }
    }
    
    /* Section wrapper */
    .blog-section {
      padding: 56px 20px;
    }
    .blog-container {
      max-width: 1200px;
      margin: 0 auto;
    }

    /* Section heading */
    .blog-heading-wrap {
      display:flex;
      align-items:center;
      justify-content:center;
      gap:18px;
      margin-bottom: 34px;
    }
    .blog-marker {
      width:36px;
      height:3px;
      background: linear-gradient(90deg, var(--blog-accent), rgba(0,0,0,0.12));
      border-radius:2px;
      margin-right:8px;
    }
    .blog-heading {
      font-weight: 700;
      font-size: 22px;
      color: var(--blog-title);
      letter-spacing: 0.01em;
    }

    /* Cards grid header (title left, view all right) */
    .blog-header-row {
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 12px;
      margin-bottom: 18px;
    }
    .blog-header-right {
      font-weight:600;
      color: #e64a3b;
      text-decoration:none;
      display:inline-flex;
      align-items:center;
      gap:8px;
    }
    .blog-header-right .arrow { font-size:18px; transform: translateY(-1px); }

    /* Blog card */
    .blog-card {
      background: #fff;
      border-radius: 10px;
      overflow: hidden;
      transition: transform .28s ease, box-shadow .28s ease;
      box-shadow: var(--card-shadow);
      height: 100%;
      display:flex;
      flex-direction:column;
    }
    .blog-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 20px 40px rgba(20, 24, 28, 0.12);
    }

    .blog-card-img {
      width: 100%;
      aspect-ratio: 1 / 1; /* keeps image roughly square like screenshot */
      object-fit: cover;
      display:block;
    }

    .blog-card-body {
      padding: 16px 18px 22px;
      display:flex;
      flex-direction:column;
      gap:10px;
      flex:1;
    }

    .blog-date {
      color: var(--blog-date);
      font-size: 13px;
      font-weight: 500;
    }

    .blog-title {
      font-size: 16px;
      font-weight: 600;
      color: var(--blog-text);
      line-height: 1.3;
      margin: 0;
    }

    .blog-read {
      margin-top:auto;
      display:inline-flex;
      align-items:center;
      gap:8px;
      font-size: 14px;
      color: var(--blog-muted);
      font-weight:600;
      text-decoration:none;
    }

    /* layout grid */
    .blog-grid {
      margin-top: 6px;
    }

    /* responsive tweaks */
    @media (max-width: 991.98px) {
      .blog-heading { font-size:20px; }
      .blog-card-body { padding: 14px; }
    }

    @media (max-width: 575.98px) {
      .blog-section { padding: 28px 14px; }
      .blog-heading { font-size:18px; }
      .blog-marker { width: 28px; }
      .blog-header-row { flex-direction: column; align-items:flex-start; gap:8px; }
    }
    

    /* Section wrapper */
    .insta-section {
      background: url('../img/instagram/bg.png') center/cover no-repeat;
      padding: 48px 16px;
      color: #111;
    }

    .insta-container {
      max-width: 1200px;
      margin: 0 auto;
    }

    /* Left content */
    .insta-head {
      font-size: 28px;
      font-weight: 700;
      color: var(--insta-heading);
      display:flex;
      align-items:center;
      gap:14px;
      margin-bottom: 8px;
    }
    .insta-head .marker {
      width:34px;
      height:2px;
      background:linear-gradient(90deg, var(--insta-accent), rgba(0,0,0,0.15));
    }

    .insta-handle {
      color: var(--insta-sub);
      font-weight:600;
      margin-bottom: 14px;
    }

    .insta-desc {
      color: rgba(10,10,10,0.8);
      line-height: 1.6;
      max-width: 540px;
      margin-bottom: 18px;
      font-size: 16px;
    }

    .insta-btn {
      background: var(--insta-accent);
      color: #fff;
      border: none;
      padding: 12px 28px;
      border-radius: 6px;
      font-weight:600;
      box-shadow: 0 6px 18px rgba(227,24,24,0.18);
    }
    .insta-btn:hover { opacity: .95; transform: translateY(-1px); }

    /* Gallery styling */
    .insta-gallery {
      display: flex;
      gap: 24px;
      flex-wrap: nowrap; /* ✅ keeps items in one row */
      justify-content: flex-start;
    }

    .insta-item {
      flex: 0 0 auto; /* ✅ prevents shrinking */
      width: 220px;
      height: 220px;
      /*background: #fff;*/
      padding: 14px;
      box-shadow: 0 10px 20px rgba(0,0,0,0.12);
      border-radius: 6px;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .insta-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 3px;
    }

    /* Responsive */
    @media (max-width: 991.98px) {
      .insta-head { font-size: 24px; }
      .insta-item { width:180px; height:180px; }
    }

    @media (max-width: 767.98px) {
      .insta-section { padding: 30px 12px; }
      .insta-gallery { flex-wrap: wrap; justify-content:center; gap:16px; }
      .insta-item { width: 140px; height:140px; padding:10px; }
      .insta-desc { font-size: 15px; }
      .insta-head { font-size: 20px; }
    }
    
    /* Section wrapper */
    .reviews-section {
      background: var(--reviews-bg);
      padding: 60px 20px;
    }

    .reviews-container {
      max-width: 1200px;
      margin: 0 auto;
    }

    /* Left promo block */
    .reviews-promo {
      background: var(--reviews-card-bg);
      border-radius: 6px;
      padding: 36px 28px;
      height: 100%;
      box-shadow: 0 1px 0 var(--reviews-border);
      position: relative;
      overflow: hidden;
    }

    .reviews-promo-quote {
      font-size: 72px;
      color: var(--reviews-accent);
      line-height: 1;
    }

    .reviews-promo-title {
      color: var(--reviews-accent);
      font-weight: 800;
      font-size: 44px;
      margin: 12px 0 8px;
      line-height: 1.1;
    }

    .reviews-promo-sub {
      color: rgba(153,56,52,0.7);
      font-size: 16px;
      margin-bottom: 18px;
    }

    .reviews-promo-line {
      height: 3px;
      width: 60%;
      background: linear-gradient(90deg, rgba(155,70,67,0.9), rgba(155,70,67,0.2));
      margin: 18px 0;
      border-radius: 2px;
    }

    /* Review card */
    .reviews-card {
      background: var(--reviews-card-bg);
      border-radius: 6px;
      padding: 18px;
      display: flex;
      gap: 12px;
      align-items: flex-start;
      min-height: 140px;
    }

    .reviews-avatar {
      width: 64px;
      height: 64px;
      border-radius: 50%;
      overflow: hidden;
      border: 4px solid #fff;
      box-shadow: 0 2px 0 rgba(0,0,0,0.06);
      flex-shrink: 0;
    }

    .reviews-avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display:block;
    }

    .reviews-text {
      color: var(--reviews-accent);
      font-weight: 600;
      font-size: 15px;
      line-height: 1.45;
      margin-bottom: 10px;
    }

    .reviews-author {
      color: var(--reviews-muted);
      font-weight: 700;
      font-size: 16px;
    }

    .reviews-text::before {
      content: "“";
      font-size: 20px;
      margin-right: 6px;
      vertical-align: top;
    }

    /* Responsive tweaks */
    @media (max-width: 991.98px) {
      .reviews-promo-title { font-size: 32px; }
      .reviews-promo-quote { font-size: 56px; }
    }

    @media (max-width: 767.98px) {
      .reviews-promo-title { font-size: 26px; }
      .reviews-promo-quote { font-size: 40px; }
    }
    
    .site-footer {
      background: var(--footer-bg);
      color: var(--accent);
      padding: 44px 24px 18px;
    }

    .site-footer .footer-heading {
      font-weight: 700;
      font-size: 0.95rem;
      text-transform: uppercase;
      margin-bottom: 1rem;
    }

    .site-footer .footer-list {
      list-style: none;
      padding: 0;
      margin: 0;
      line-height: 1.9;
      font-size: 0.95rem;
      color: var(--muted);
    }

    .site-footer .footer-list a {
      color: inherit;
      text-decoration: none;
    }
    .site-footer .footer-list a:hover { text-decoration: underline; color: var(--accent); }

    /* App badges */
    .app-badges {
      display: flex;
      gap: 10px;
      align-items: center;
      margin-top: .25rem;
      flex-wrap: nowrap;
    }
    .app-badges img {
      display:block;
      height:38px;
      width:auto;
      border-radius:6px;
      box-shadow: 0 1px 0 rgba(0,0,0,0.04);
    }

    /* Social */
    .social-box {
      margin-top: 0.5rem;
    }
    .social-btn {
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:44px;
      height:44px;
      border-radius:8px;
      background:var(--accent);
      color:#fff;
      font-size:1.1rem;
      text-decoration:none;
    }

    /* hr + copyright */
    .footer-hr {
      border: none;
      height: 1px;
      background: linear-gradient(to right, transparent, var(--hr-color), transparent);
      margin: 20px 0 14px;
    }
    .footer-copy {
      text-align:center;
      font-weight:600;
      color:var(--accent);
      font-size:0.92rem;
      padding-bottom: 8px;
    }

    /* Responsive */
    @media (max-width: 767.98px){
      .app-badges { gap: 8px; }
      .site-footer { padding: 28px 18px; }
      .footer-heading { margin-bottom: .6rem; }
    }

    
    .about-section {
      padding: 48px 16px;
      background-color : var(--page-bg);
    }

    .about-inner {
      max-width: 1180px;
      margin: 0 auto;
    }

    /* Breadcrumb (centered) */
    .about-breadcrumb {
      display:flex;
      justify-content:center;
      gap:10px;
      color: var(--accent-maroon);
      font-weight:600;
      margin-bottom: 18px;
      font-size: 14px;
    }
    .about-breadcrumb small {
      color: #b59a6f; /* small accent for the > item */
      font-weight:600;
    }

    /* Row layout */
    .about-row {
      display: flex;
      align-items: flex-start;
      gap: 32px;
      flex-wrap: wrap;
    }

    /* Image column */
    .about-image-wrap {
      flex: 0 0 420px; /* preferred width on larger screens */
      max-width: 100%;
    }
    .about-image {
      width: 100%;
      height: auto;
      display:block;
      border-radius: 12px;
      box-shadow: 0 10px 28px rgba(13,10,9,0.06);
      object-fit: cover;
    }

    /* Content column */
    .about-content {
      flex: 1 1 0;
      min-width: 260px;
    }

    .about-heading {
      font-size: 36px;
      font-weight: 700;
      margin: 6px 0 18px;
      line-height: 1.05;
      color: #111;
    }
    .about-heading .brand {
      color: var(--accent-maroon);
      margin-left: 6px;
    }

    .about-body {
      color: var(--muted-text);
      line-height: 1.9;
      font-size: 16px;
      text-align: left;
    }

    /* small indent style for the beginning of paragraphs to match screenshot feel */
    .about-body p { margin-bottom: 1rem; }
    .about-body p:first-child { text-indent: 18px; }

    /* Slightly smaller on tablets */
    @media (max-width: 991.98px) {
      .about-heading { font-size: 32px; }
      .about-image-wrap { flex-basis: 44%; }
    }

    /* Mobile: stack image above content */
    @media (max-width: 575.98px) {
      .about-row { flex-direction: column; gap: 20px; align-items: stretch; }
      .about-image-wrap { flex-basis: 100%; }
      .about-heading { font-size: 24px; text-align: left; }
      .about-breadcrumb { font-size: 13px; margin-bottom: 12px; }
      .about-body { font-size: 15px; }
    }

    /* IMPORTANT: styles are scoped under .pd-page (no global body rules) */
    .pd-page { padding: var(--pd-page-pad) 20px; font-family: "Exo 2", sans-serif,  -apple-system, "Segoe UI", Roboto, Arial; background:#ffffff; color:#222; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }

    /* container */
    .pd-container { max-width: var(--pd-container-max); margin: 0 auto; }

    /* breadcrumb */
    .pd-header-breadcrumb { color: var(--pd-muted); margin-bottom: 18px; font-size:14px; text-align:center; letter-spacing:.1px; }
    .pd-header-breadcrumb strong { color: var(--pd-accent); font-weight:700; }

    /* layout row */
    .pd-row { display:flex; gap: var(--pd-col-gap); align-items:flex-start; flex-wrap:wrap; }
    .pd-left { flex: 0 0 58%; min-width:320px; }
    .pd-right { flex: 1 1 38%; min-width:280px; /* no extra top offset */ }

    /* gallery card */
    .pd-gallery-card { background:var(--pd-card-bg); padding:var(--pd-card-pad); border-radius:var(--pd-radius); box-shadow:var(--pd-shadow); }
    .pd-main-image { width:100%; height:var(--pd-main-img-h); object-fit:cover; display:block; border-radius:10px; background:var(--pd-frame-bg); transition:transform .18s ease; }
    .pd-gallery-card:hover .pd-main-image { transform:scale(1.01); }

    /* thumbs */
    .pd-thumbs { margin-top:14px; display:flex; gap:var(--pd-thumb-gap); align-items:center; overflow-x:auto; padding-bottom:6px; padding-left:6px; }
    .pd-thumb { flex:0 0 auto; width:var(--pd-thumb-size); height:var(--pd-thumb-size); padding:6px; background:#fff; border-radius:8px; box-shadow:0 6px 14px rgba(16,16,16,0.06); cursor:pointer; display:flex; align-items:center; justify-content:center; border:2px solid transparent; transition: transform .12s ease, border-color .12s ease; }
    .pd-thumb img { width:100%; height:100%; object-fit:cover; border-radius:4px; display:block; }
    .pd-thumb.pd-active { border-color:#efe1d6; transform: translateY(-2px); }

    /* product information (right) */
    .pd-title { font-size:20px; font-weight:700; margin-bottom:10px; line-height:1.18; letter-spacing:.1px; }
    .pd-short { color:var(--pd-muted); margin-bottom:16px; font-size:14px; line-height:1.6; }

    /* options */
    .pd-option { margin-bottom:14px; }
    .pd-sizes .pd-size-btn { border-radius:6px; padding:8px 12px; font-weight:600; color:#222; background:#fff; border:1px solid #e6e0da; font-size:12px; }
    .pd-sizes .pd-size-btn.pd-active { background:var(--pd-accent); color:#fff; border-color:var(--pd-accent); }
    .pd-swatches { display:flex; gap:8px; align-items:center; }
    .pd-swatch { width:26px; height:26px; border-radius:6px; border:2px solid #fff; box-shadow:0 2px 6px rgba(0,0,0,0.08); cursor:pointer; }
    .pd-swatch.pd-selected { outline:3px solid rgba(0,0,0,0.08); transform:translateY(-2px); }

    /* rating */
    .pd-rating { display:inline-flex; gap:8px; align-items:center; margin-bottom:14px; font-weight:600; color:var(--pd-success); }
    .pd-rating small { color:var(--pd-muted); font-weight:400; }

    /* price card */
    .pd-price-card { background:#fff; padding:var(--pd-price-pad); border-radius:10px; border:1px solid #efe6dd; margin-bottom:14px; box-shadow:0 6px 18px rgba(0,0,0,0.03); }
    .pd-price-row { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
    .pd-badge { display:inline-block; background:#fbe8e7; color:#d04b3f; font-weight:700; padding:4px 8px; border-radius:6px; font-size:13px; }
    .pd-price-now { color:var(--pd-accent); font-size:28px; font-weight:800; }
    .pd-price-old { text-decoration:line-through; color:#9e8f86; font-size:14px; }
    .pd-price-discount { color:#c64b3a; font-weight:700; font-size:13px; }

    /* meta / delivery / quality */
    .pd-meta { font-size:14px; color:var(--pd-muted); margin-bottom:12px; line-height:1.45; }
    .pd-meta a { color:var(--pd-accent); text-decoration:none; font-weight:600; }
    .pd-quality { display:flex; gap:10px; align-items:center; background:#fff; padding:10px; border-radius:8px; border:1px solid #efe6dd; margin-bottom:14px; box-shadow:0 6px 18px rgba(0,0,0,0.03); }
    .pd-quality img { width:36px; height:36px; object-fit:contain; }

    /* actions */
    .pd-actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-top:6px; }
    .pd-add { background:#fff; color:#2b6a44; border:1px solid #cfeade; font-weight:700; padding:var(--pd-btn-pad-y) 18px; border-radius:8px; }
    .pd-buy { background:#2f9e4a; color:#fff; border:none; font-weight:700; padding:var(--pd-btn-pad-y) 20px; border-radius:8px; }
    .pd-wishlist { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:8px; background:#fff; border:1px solid #f0e6df; cursor:pointer; color:#d33; font-size:18px; }

    /* product details section */
    .pd-details-section { background:#fff; padding:36px 18px; display:flex; justify-content:center; }
    .pd-details-inner { max-width: var(--pd-details-max); width:100%; }
    .pd-details-title-row { display:flex; align-items:center; gap:18px; margin-bottom:18px; justify-content:center; }
    .pd-details-rule { height:2px; flex:1 1 0; background:rgba(136,92,83,0.25); border-radius:2px; }
    .pd-details-title { font-size:14px; color:var(--pd-accent); font-weight:600; padding:0 8px; text-align:center; }
    .pd-details-body { color:var(--pd-muted); font-size:13.6px; line-height:1.8; text-align:left; margin-top:6px; }

    /* responsive adjustments */
    @media (max-width:991.98px) {
      .pd-left { flex: 0 0 100%; }
      .pd-right { flex: 0 0 100%; margin-top:18px; }
      .pd-main-image { height:420px; }
    }
    @media (max-width:575.98px) {
      .pd-main-image { height:300px; }
      .pd-thumb { width:64px; height:64px; }
      .pd-price-now { font-size:22px; }
      .pd-title { font-size:18px; }
    }

    /* keyboard focus (scoped) */
    .pd-thumb:focus, .pd-swatch:focus, .pd-size-btn:focus { outline:3px solid rgba(0,0,0,0.06); outline-offset:3px; }



    /* container */
  .pdrev-section { background: transparent; }        /* won't change global page bg */
  .pdrev-container { max-width:1180px; margin:0 auto; }

  /* heading */
  .pdrev-head { display:flex; align-items:center; justify-content:center; gap:12px; }
  .pdrev-line { display:inline-block; width:26%; height:1.6px; background: rgba(136,92,83,0.22); }
  .pdrev-title { color:#c93a33; font-weight:600; font-size:14px; margin:0; }

  /* owl item container */
  .pdrev-owl .pdrev-item { outline: none; } /* avoid focus outline on slide wrapper */
  .pdrev-owl .owl-stage-outer { padding-bottom: 18px; } /* create space for dots */

  /* review card look (pink background like screenshot) */
  .pdrev-card {
    background: #fde8e8;        /* soft pink */
    border-radius: 6px;
    min-height: 92px;
    box-shadow: none;
  }

  .pdrev-avatar {
    width:46px; height:46px; object-fit:cover;
    border:3px solid #fff;
    box-shadow:0 4px 10px rgba(0,0,0,0.06);
    flex-shrink:0;
  }

  .pdrev-text {
    color: #c93a33;           /* red text color in screenshot */
    font-weight:600;
    font-size:14px;
    margin:0;
  }
  .pdrev-name {
    color: #7a4c4c;
    font-weight:700;
    margin-top:8px;
  }

  /* center dots and style them */
  .pdrev-owl .owl-dots { text-align:center; margin-top:6px; }
  .pdrev-owl .owl-dots .owl-dot { display:inline-block; margin:0 6px; }
  .pdrev-owl .owl-dots .owl-dot span {
    display:block;
    width:10px; height:10px; border-radius:50%;
    background:#c79a98;
    opacity:0.95;
  }
  .pdrev-owl .owl-dots .owl-dot.active span { background:#8a3b36; }
  .owl-carousel .owl-item img {
    display: block;        /* keep display:block */
  width: 50px !important;/* remove owl's forced width:100% */
        /* keep images responsive */
  }
  /* remove default arrow buttons (keeps look same as screenshot) */
  .pdrev-owl .owl-nav { display:none; }

  /* small adjustments */
  .pdrev-copy { padding-right:6px; }

  /* responsive font/avatar sizing */
  @media (max-width: 991.98px) {
    .pdrev-card { min-height: 100px; }
  }
  @media (max-width: 575.98px) {
    .pdrev-title { font-size:13px; }
    .pdrev-text { font-size:15px; }
    .pdrev-avatar { width:40px; height:40px; }
  }



  
  /* layout section base */
  .rp2-section{ background:var(--rp2-bg); padding:18px 0 40px; }
  .rp2-container{ max-width:1150px; margin:0 auto; }
  .rp2-breadcrumb{ font-size:12px; text-align:center; color:#9d6f62; margin-bottom:8px; }

  /* Filters (desktop sidebar) */
  .rp2-sidebar { padding-left:0; padding-right:0; }
  .rp2-filter-wrap{
    background:#fff;
    border:1px solid var(--rp2-border);
    border-radius:6px;
    overflow:hidden;
    position:sticky;
    top:95px;
  }
  .rp2-filter-head{ background:var(--rp2-bg); border-bottom:1px solid #f0dcd4; padding:12px 14px; }
  .rp2-filter-head h5{ margin:0; font-size:14px; color:#b04b42; font-weight:700; }
  .rp2-filter-block{ padding:12px 14px; border-bottom:1px solid #f3e5df; }
  .rp2-filter-block:last-child{ border-bottom:0; }
  .rp2-block-title{ font-size:11px; color:#8a6f63; font-weight:800; margin-bottom:8px; }
  .rp2-cat-list{ list-style:none; padding:0; margin:0; }
  .rp2-cat-list li{ margin:6px 0; }
  .rp2-cat-list a{ display:flex; align-items:center; gap:10px; color:#6c5349; font-size:13px; text-decoration:none; }
  .rp2-cat-list a:hover{ text-decoration:underline; }
  .rp2-chevron{ color:#d6bfb8; font-size:12px; }
  .rp2-clear{ font-size:12px; color:#b04438; text-decoration:none; font-weight:700; }
  .rp2-range{ height:4px; margin-top:8px; }
  .rp2-frame-list{ border:1px solid #f0dcd4; border-radius:6px; padding:8px; background:#fff7f5; }
  .rp2-size-item{ display:block; padding:6px 8px; font-size:13px; color:#5e4e45; margin-bottom:6px; cursor:pointer; }
  .rp2-size-item input{ margin-right:8px; }
  .rp2-filter-note{ padding:10px 14px; font-size:13px; color:#7a6a62; }

  /* product list/header */
  .rp2-list-header{ font-size:14px; color:#6b4d46; margin-bottom:8px; display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; }
  .rp2-list-actions select{ font-size:13px; }

  /* product cards */
  .rp2-card{ display:flex; flex-direction:column; flex:1; }
  .rp2-card-inner{
    background:#fff;
    border:1px solid var(--rp2-border);
    border-radius:4px;
    padding:8px;
    position:relative;
    flex:1;
    display:flex;
    flex-direction:column;
    transition: transform .15s ease, box-shadow .15s ease;
  }
  .rp2-card-inner:hover{ transform:translateY(-4px); box-shadow:0 6px 18px rgba(0,0,0,0.08); }
  .rp2-tag{ position:absolute; top:6px; left:6px; background:#b94436; color:#fff; font-size:10px; font-weight:700; padding:2px 6px; border-radius:2px;z-index: 9; }
  .rp2-heart{ position:absolute; top:6px; right:6px; width:24px; height:24px; border-radius:50%; background:#fff; border:1px solid #d9c9c6; display:flex; align-items:center; justify-content:center; font-size:12px; color:#b94436; }
  .rp2-img-frame{ background:#fff; border:6px solid var(--rp2-frame); border-radius:4px; padding:6px; position:relative; margin-bottom:8px; }
  .rp2-img{ width:100%; height:var(--rp2-img-height); object-fit:cover; border-radius:2px; }
  .rp2-rating{ position:absolute; bottom:10px; right:10px; background:#2ca14f; color:#fff; font-size:11px; font-weight:700; padding:2px 6px; border-radius:3px; }
  .rp2-info{ margin-top:auto; padding:0 4px 2px; }
  .rp2-title{ font-size:var(--rp2-title-size); font-weight:700; color:#333; line-height:1.18; }
  .rp2-sub{ font-size:11px; font-weight:600; color:var(--rp2-muted); margin-top:2px; }
  .rp2-price-row{ display:flex; align-items:baseline; gap:6px; margin-top:6px; white-space:nowrap; overflow:hidden; }
  .rp2-price{ font-size:13px; font-weight:700; color:#b94436; }
  .rp2-mrp{ font-size:11px; color:#a39a97; text-decoration:line-through; }
  .rp2-offer{ font-size:11px; font-weight:800; color:#b94436; margin-left:auto; }

  /* mobile-specific: hide sidebar and show filter button */
  .mobile-filter-bar{ display:none; margin-bottom:10px; }
  @media (max-width: 991px) {
    .rp2-filter-wrap{ position:static; }      /* disable sticky on tablets/phones */
    .mobile-filter-bar{ display:flex; gap:8px; align-items:center; justify-content:space-between; }
    .rp2-sidebar{ display:none; }              /* hide desktop sidebar on smaller screens */
  }

  /* responsive image sizes */
  @media (max-width:991px){ :root{ --rp2-img-height:200px; } }
  @media (max-width:767px){ :root{ --rp2-img-height:160px; --rp2-title-size:11px; } }
  @media (max-width:480px){ :root{ --rp2-img-height:140px; } .rp2-heart{ width:22px; height:22px; font-size:11px; } }