/* ===== HERO ===== */
    .hero-section{
      padding:28px 18px 32px;
      text-align:center;
      background:
        radial-gradient(ellipse at 15% 0%,rgba(201,168,76,.18) 0,transparent 55%),
        radial-gradient(ellipse at 85% 10%,rgba(74,155,142,.12) 0,transparent 50%),
        linear-gradient(160deg,#faf7f4 0%,#f0e8dc 50%,#e8ddd0 100%);
      border-bottom-left-radius:36px;
      border-bottom-right-radius:36px;
      box-shadow:0 8px 40px rgba(139,111,71,.18);
      position:relative;overflow:hidden;
    }
    .hero-section::before{
      content:"";position:absolute;top:-60px;right:-50px;
      width:260px;height:260px;border-radius:50%;
      background:radial-gradient(circle,rgba(201,168,76,.1) 0,transparent 70%);
      pointer-events:none;
    }
    .hero-section::after{
      content:"";position:absolute;bottom:-50px;left:-30px;
      width:200px;height:200px;border-radius:50%;
      background:radial-gradient(circle,rgba(74,155,142,.08) 0,transparent 70%);
      pointer-events:none;
    }

    .rating-row{
      display:flex;align-items:center;justify-content:center;gap:8px;
      margin-bottom:18px;flex-wrap:wrap;font-size:.82rem;position:relative;z-index:1;
    }
    .rating-box{
      display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:999px;
      background:linear-gradient(135deg,#c9a84c,#a07830);
      font-weight:900;color:#fff;
      box-shadow:0 4px 14px rgba(201,168,76,.45);
    }
    .stat-box{
      padding:6px 12px;border-radius:999px;
      background:rgba(255,255,255,.75);
      border:1.5px solid var(--border);
      font-weight:700;color:var(--text2);font-size:.8rem;
      box-shadow:0 2px 8px rgba(0,0,0,.06);
      backdrop-filter:blur(4px);
    }

    .product-title-main{
      font-family:"Poppins","Montserrat",sans-serif;
      font-weight:900;font-size:1.55rem;line-height:1.2;
      color:var(--text);margin-bottom:8px;
      letter-spacing:.01em;
      position:relative;z-index:1;
    }
    .hero-subtitle{
      font-size:.88rem;color:var(--text2);font-weight:600;
      position:relative;z-index:1;margin-bottom:4px;
      line-height:1.6;
    }

    .hero-photo-wrap{
      margin:22px 0 20px;padding:10px;border-radius:28px;
      border:2px solid rgba(201,168,76,.35);
      background:
        radial-gradient(circle at 30% 0%,rgba(201,168,76,.1) 0,transparent 55%),
        linear-gradient(145deg,#faf7f4,#f0e8dc);
      box-shadow:0 12px 40px rgba(139,111,71,.2),0 2px 8px rgba(0,0,0,.06);
      position:relative;z-index:1;
    }
    .product-image-main{border-radius:20px;overflow:hidden}
    .product-image-main img{width:100%;display:block}

    /* ===== Pricing ===== */
    .price-section{
      background:rgba(255,255,255,.8);
      border-radius:22px;padding:18px 20px 16px;margin:16px 0;
      border:1.5px solid var(--border);
      box-shadow:0 6px 24px rgba(139,111,71,.12);
      display:flex;flex-direction:column;gap:5px;
      position:relative;overflow:hidden;
      backdrop-filter:blur(6px);
    }
    .price-section::before{
      content:"";position:absolute;top:0;right:0;
      width:120px;height:120px;
      background:radial-gradient(circle,rgba(201,168,76,.1) 0,transparent 70%);
      pointer-events:none;
    }
    .old-price{font-size:.9rem;color:#a09080;text-decoration:line-through;font-weight:600}
    .economy{
      display:inline-flex;align-items:center;gap:6px;
      font-size:.8rem;font-weight:800;color:#fff;
      background:linear-gradient(135deg,#4a9b8e,#2d7a6e);
      border-radius:999px;padding:4px 12px;
      width:fit-content;
      box-shadow:0 4px 12px rgba(74,155,142,.35);
    }
    .new-price{font-size:2.6rem;font-weight:900;color:var(--accent);letter-spacing:.01em;line-height:1.1;margin-top:4px}

    /* ===== Delivery Badges ===== */
    .delivery-badges{display:flex;justify-content:center;gap:8px;margin:14px 0 6px;flex-wrap:wrap}
    .badge-item{
      display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;
      border-radius:18px;
      background:rgba(255,255,255,.75);
      border:1.5px solid var(--border);
      font-size:.76rem;font-weight:800;color:var(--text);text-align:center;
      flex:1;min-width:88px;
      box-shadow:0 4px 14px rgba(139,111,71,.1);
      transition:transform .2s,box-shadow .2s;
      backdrop-filter:blur(4px);
    }
    .badge-item:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(139,111,71,.2)}
    .badge-item .icon{font-size:1.5rem}

    /* ===== Order Form ===== */
    .order-form-box{
      background:
        radial-gradient(circle at 0 0,rgba(201,168,76,.2) 0,transparent 50%),
        radial-gradient(circle at 100% 100%,rgba(74,155,142,.15) 0,transparent 50%),
        linear-gradient(135deg,#3d2e1a,#5c4020,#3d2e1a);
      border-radius:24px;padding:24px 20px;margin:18px 0;
      box-shadow:0 16px 48px rgba(61,46,26,.5);
      border:1px solid rgba(201,168,76,.3);
    }
    .form-title{
      font-size:1.05rem;font-weight:900;color:#f5e6c8;
      margin-bottom:16px;text-align:center;
      text-transform:uppercase;letter-spacing:.08em;
    }
    .form{display:flex;flex-direction:column;gap:12px}
    .form input{
      width:100%;padding:15px 18px;border-radius:14px;
      border:1.5px solid rgba(201,168,76,.3);
      background:rgba(255,248,235,.1);color:#f5e6c8;
      font-size:.97rem;font-weight:600;outline:none;
      transition:all .25s ease;
    }
    .form input::placeholder{color:rgba(245,230,200,.5)}
    .form input:focus{border-color:var(--gold2);background:rgba(255,248,235,.18);box-shadow:0 0 0 3px rgba(201,168,76,.2)}

    /* ===== CTA Button Animations ===== */
    @keyframes pearl-pulse{
      0%{box-shadow:0 0 0 0 rgba(201,168,76,.6),0 8px 32px rgba(201,168,76,.5);transform:scale(1)}
      50%{box-shadow:0 0 0 10px rgba(201,168,76,.0),0 12px 44px rgba(201,168,76,.7);transform:scale(1.015)}
      100%{box-shadow:0 0 0 0 rgba(201,168,76,.0),0 8px 32px rgba(201,168,76,.5);transform:scale(1)}
    }
    @keyframes shimmer{
      0%{background-position:200% center}
      100%{background-position:-200% center}
    }
    .btn-order{
      border:none;width:100%;border-radius:16px;padding:17px 18px;
      font-weight:900;font-size:1.05rem;
      text-transform:uppercase;letter-spacing:.1em;
      color:#2c1a00;cursor:pointer;
      background:linear-gradient(90deg,#c9a84c 0%,#e8c96a 25%,#f5dfa0 50%,#e8c96a 75%,#c9a84c 100%);
      background-size:200% auto;
      animation:pearl-pulse 2s ease-in-out infinite,shimmer 3s linear infinite;
      transition:transform .15s ease;
      margin-top:6px;position:relative;overflow:hidden;
    }
    @keyframes btn-shine{
      0%{left:-100%}
      60%,100%{left:150%}
    }
    .btn-order::after{
      content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;
      background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
      animation:btn-shine 2.5s ease-in-out infinite;
    }
    .btn-order:hover{transform:translateY(-2px) scale(1.01)}
    .btn-order:active{transform:scale(.98)}

    /* ===== Countdown ===== */
    .timer-box{
      background:rgba(255,255,255,.7);
      border-radius:18px;padding:16px;margin:16px 0 0;
      border:1.5px solid rgba(201,168,76,.3);text-align:center;
      box-shadow:0 6px 24px rgba(139,111,71,.12);
      backdrop-filter:blur(6px);
    }
    .timer-label{font-size:.85rem;font-weight:800;margin-bottom:8px;color:var(--text2)}
    #countdown{font-size:2rem;font-weight:900;color:var(--accent);letter-spacing:.12em}