/** Shopify CDN: Minification failed

Line 148:1 Expected identifier but found "."
Line 158:0 Unexpected "}"
Line 164:1 Expected identifier but found "."
Line 178:0 Unexpected "}"

**/
/* ============================================
   COD THEME v5 — Full FOMO + Reviews + Announcement
   ============================================ */

/* ========== ANNOUNCEMENT BAR ========== */
.announce-bar{background:var(--bg-dark);padding:8px 12px;width:100%;overflow:hidden}
.announce-inner{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.announce-logo{height:24px;width:auto}
.announce-store{font-size:13px;font-weight:800;color:var(--accent);text-transform:uppercase;letter-spacing:1px}
.announce-text{font-size:12px;font-weight:600;color:var(--text-light);white-space:nowrap}
.announce-countdown{display:flex;align-items:center;gap:6px}
.announce-cd-label{font-size:10px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}
.announce-timer{display:flex;align-items:center;gap:2px}
.cd-unit{display:flex;flex-direction:column;align-items:center;background:rgba(255,255,255,.1);border-radius:4px;padding:2px 6px;min-width:32px}
.cd-unit span{font-size:14px;font-weight:800;color:var(--accent);line-height:1.2}
.cd-unit small{font-size:7px;font-weight:600;color:rgba(255,255,255,.5);text-transform:uppercase}
.cd-sep{font-size:14px;font-weight:800;color:var(--accent);margin:0 1px}

/* ========== PRODUCT LANDING ========== */
.landing{width:100%;max-width:100%;overflow-x:hidden}

/* --- Image Gallery — full width edge to edge --- */
.gallery{position:relative;width:100%;background:var(--bg-dark);overflow:hidden}
.gallery-main{width:100%;display:block;object-fit:cover}
.gallery-thumbs{display:flex;gap:6px;padding:8px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--bg-light)}
.gallery-thumbs::-webkit-scrollbar{display:none}
.gallery-thumb{width:56px;height:56px;flex-shrink:0;object-fit:cover;border:2px solid transparent;border-radius:6px;cursor:pointer;opacity:.6;transition:all .2s}
.gallery-thumb.active,.gallery-thumb:hover{border-color:var(--accent);opacity:1}

/* --- Product Info --- */
.product-info{padding:14px 16px 0}
.product-title{font-size:19px;font-weight:800;color:var(--text-dark);line-height:1.3;margin-bottom:4px}
.product-price{display:flex;align-items:center;gap:8px;margin-bottom:2px}
.product-price-current{font-size:24px;font-weight:900;color:#e53935}
.product-price-compare{font-size:15px;color:#999;text-decoration:line-through;font-weight:500}
.product-price-save{font-size:11px;font-weight:700;color:#fff;background:#e53935;padding:2px 7px;border-radius:4px}

/* --- Rating Badge (clickable → scrolls to reviews) --- */
.rating-badge{display:flex;align-items:center;gap:6px;padding:6px 0 10px;cursor:pointer;width:fit-content}
.rating-badge:hover .rating-count{text-decoration:underline}
.rating-stars{display:flex;gap:2px}
.rating-stars svg{width:15px;height:15px}
.rating-score{font-size:14px;font-weight:800;color:var(--text-dark)}
.rating-count{font-size:12px;font-weight:600;color:var(--success)}

/* --- Delivery Banner --- */
.delivery-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f0fdf4;border:1px solid #dcfce7;border-radius:8px;margin:0 16px 10px;font-size:13px;color:#166534;font-weight:600}
.delivery-banner svg{width:18px;height:18px;flex-shrink:0;color:var(--success)}

/* ========== FOMO ELEMENTS ========== */

/* --- FOMO: Low Stock --- */
.fomo-stock{display:flex;align-items:center;gap:6px;margin:0 16px 8px;padding:8px 12px;background:#fff8e1;border:1px solid #ffe082;border-radius:8px;font-size:13px;font-weight:700;color:#e65100}
.fomo-stock-dot{width:8px;height:8px;background:#e65100;border-radius:50%;animation:blink 1s ease-in-out infinite}

/* --- FOMO: Sold Counter --- */
.fomo-sold{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 16px 8px;font-size:12px;color:#777}
.fomo-sold b{color:var(--text-dark)}

/* --- FOMO: Buying Activity --- */
.fomo-activity{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 16px 8px;font-size:12px;color:#777}
.fomo-activity b{color:var(--text-dark)}
.fomo-activity-dot{width:6px;height:6px;background:var(--success);border-radius:50%;animation:blink 1.2s ease-in-out infinite}

/* --- FOMO: Recent Orders Ticker --- */
.fomo-ticker{overflow:hidden;margin:0 0 6px;padding:8px 0;background:#fafafa;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}
.fomo-ticker-inner{display:flex;gap:32px;animation:ticker-scroll 20s linear infinite;white-space:nowrap}
.fomo-ticker-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#555;flex-shrink:0}
.fomo-ticker-item b{color:var(--success)}
@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* --- FOMO: Viewer Count --- */
.viewer-count{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;font-size:12px;color:#999}
.viewer-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;animation:blink 1.5s ease-in-out infinite}
.viewer-count b{color:var(--text-dark)}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}

/* ========== COD ORDER FORM ========== */
.cod-form{margin:0;border-top:2px solid var(--accent);border-bottom:2px solid var(--accent)}
.cod-header{text-align:center;padding:14px 16px 8px;background:var(--bg-dark)}
.cod-header-text{font-size:16px;font-weight:700;color:var(--accent);line-height:1.3}
.cod-header-arrow{font-size:24px;color:var(--accent);display:inline-block;animation:bounce-arrow 1.5s ease-in-out infinite}
@keyframes bounce-arrow{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
.cod-body{padding:0 16px 18px;background:var(--bg-light)}
.cod-fields{display:flex;flex-direction:column;gap:14px;padding-top:16px;margin-bottom:18px}
.cod-field label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text-dark);letter-spacing:.3px;margin-bottom:6px}
.cod-field label svg{width:22px;height:22px;color:var(--accent);flex-shrink:0}
.cod-field .optional{font-weight:400;color:#bbb;text-transform:none;letter-spacing:0;font-size:12px;margin-left:3px}
.cod-field input,.cod-field select{width:100%;padding:15px 16px;background:#fafafa;border:1.5px solid #ddd;color:var(--text-dark);font-size:15px;font-weight:500;border-radius:8px;outline:none;transition:border-color .2s,box-shadow .2s}
.cod-field input::placeholder{color:#bbb;font-size:14px}
.cod-field input:focus,.cod-field select:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}
.cod-field select{appearance:none;-webkit-appearance:none;font-weight:600;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.cod-field input.err,.cod-field select.err{border-color:#e53e3e;box-shadow:0 0 0 3px rgba(229,62,62,.08)}
.cod-errmsg{font-size:12px;color:#e53e3e;margin-top:4px;display:none;font-weight:600}
.err+.cod-errmsg{display:block;animation:shake .4s ease}
@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-3px)}}
.cod-cta{width:100%;display:block;padding:15px;margin-top:8px;background:var(--bg-dark);border:2px solid var(--accent);border-radius:8px;box-shadow:0 4px 18px rgba(0,0,0,.25);color:var(--accent);font-size:15px;font-weight:800;letter-spacing:1px;text-transform:uppercase;text-align:center;animation:bounce-cta 2s ease-in-out infinite;transition:all .25s}
@keyframes bounce-cta{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.cod-cta:hover{background:var(--accent);color:var(--bg-dark);box-shadow:0 6px 24px rgba(var(--accent-rgb),.35);animation:none;transform:translateY(-2px)}
.cod-cta:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important;animation:none!important}
.cod-cta .cta-label{display:flex;align-items:center;justify-content:center;gap:8px}
.cod-cta .spinner{display:none;width:22px;height:22px;border:3px solid rgba(var(--accent-rgb),.3);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;margin:0 auto}
.cod-cta.loading .cta-label{display:none}
.cod-cta.loading .spinner{display:block}
.cod-cta.loading{animation:none}
@keyframes spin{to{transform:rotate(360deg)}}
.cod-secure{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:8px;font-size:12px;color:#999}

/* ========== TRUST BADGES ========== */
.trust-row{display:flex;justify-content:space-between;gap:4px;margin-top:14px;padding-top:14px;border-top:1.5px solid #f0f0f0}
.trust-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}
.trust-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center}
.trust-icon svg{width:30px;height:30px;color:var(--accent)}
.trust-title{font-size:10px;font-weight:800;color:var(--text-dark);line-height:1.25}
.trust-desc{font-size:8px;font-weight:500;color:#999;line-height:1.3}

/* ========== SUCCESS STATE ========== */
.cod-success{display:none;text-align:center;padding:40px 20px}
.cod-success.visible{display:block;animation:fade-up .5s ease}
@keyframes fade-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.cod-success-icon{width:64px;height:64px;background:rgba(var(--accent-rgb),.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
.cod-success-icon svg{width:32px;height:32px;color:var(--accent);stroke-dasharray:30;stroke-dashoffset:30;animation:draw-check .6s ease .2s forwards}
@keyframes draw-check{to{stroke-dashoffset:0}}
.cod-success h3{font-size:22px;font-weight:800;color:var(--text-dark);margin-bottom:8px}
.cod-success p{font-size:15px;color:#777;line-height:1.5}

/* ========== STICKY CTA ========== */
.sticky-cta{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--bg-dark);padding:10px 16px;box-shadow:0 -4px 20px rgba(0,0,0,.2);transform:translateY(100%);transition:transform .3s ease}
.sticky-cta.visible{transform:translateY(0)}
.sticky-cta button{width:100%;padding:14px;background:var(--bg-dark);border:2px solid var(--accent);border-radius:8px;box-shadow:0 4px 18px rgba(var(--accent-rgb),.2);color:var(--accent);font-size:15px;font-weight:800;letter-spacing:1px;text-transform:uppercase;animation:bounce-cta 2s ease-in-out infinite}

/* ========== REVIEWS SECTION ========== */
.reviews-section{padding:16px;margin-top:4px}
.reviews-header{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:14px;flex-wrap:wrap}
.reviews-header b{font-size:15px}
.reviews-header em{font-size:14px;font-weight:800;font-style:normal}
.reviews-count{color:#777;font-size:12px}

/* Manual review cards slider */
..reviews-slider{
  display:flex;
  flex-wrap:nowrap;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  gap:18px;
  padding-bottom:10px;
  align-items:flex-start;
}
}

.reviews-slider::-webkit-scrollbar{
  display:none;
}

..review-card{
  min-width:100%;
  flex:0 0 100%;
  scroll-snap-align:center;
  background:#f9fafb;
  border-left:6px solid var(--success);
  border-radius:0 14px 14px 0;
  padding:26px;
  margin-bottom:0;
  box-sizing:border-box;
  animation:slide-in .4s ease;
  height:auto !important;
  align-self:flex-start;
}
}

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

.review-top{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:14px;
}

.review-avatar{
  width:58px;
  height:58px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  font-weight:800;
  color:#fff;
  flex-shrink:0;
}

.review-name{
  font-size:22px;
  font-weight:800;
  color:var(--text-dark);
}

.review-loc{
  font-size:16px;
  color:#999;
  margin-top:2px;
}

.review-badge{
  display:inline-flex;
  align-items:center;
  gap:3px;
  font-size:14px;
  color:var(--success);
  font-weight:700;
  background:#dcfce7;
  padding:4px 9px;
  border-radius:6px;
  margin-top:5px;
}

.review-stars-row{
  display:flex;
  gap:2px;
  margin-bottom:10px;
}

.review-stars-row svg{
  width:18px;
  height:18px;
}

.review-text{
  font-size:21px;
  color:#444;
  line-height:1.45;
  margin-bottom:14px;
}

.review-image{
  width:100%;
  max-width:560px;
  border-radius:12px;
  margin-top:8px;
  cursor:pointer;
  display:block;
}

.review-image:hover{
  opacity:.9;
}

/* Auto-rotate review (fallback) */
.review-auto{margin-bottom:0}
.review-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}
.review-dot{width:8px;height:8px;border-radius:50%;background:#ddd;transition:all .3s}
.review-dot.active{background:var(--success)}

/* ========== PRODUCT DESCRIPTION ========== */
.product-desc{padding:0;font-size:14px;color:#444;line-height:1.7}
.product-desc img{width:100%;height:auto;display:block;margin:0;padding:0;border-radius:0}
.product-desc p{margin:0;padding:0;line-height:0}
.product-desc p:has(> img){margin:0;padding:0;line-height:0;font-size:0}
.product-desc p:not(:has(img)){padding:8px 16px;margin:0;line-height:1.7;font-size:14px}
.product-desc h1,.product-desc h2,.product-desc h3{color:var(--text-dark);padding:12px 16px 6px;margin:0;font-weight:700}
.product-desc h1{font-size:20px}.product-desc h2{font-size:18px}.product-desc h3{font-size:16px}
.product-desc ul,.product-desc ol{padding:4px 16px 8px 36px;margin:0}
.product-desc li{margin-bottom:4px}
.product-desc a{color:var(--accent);text-decoration:underline}
.product-desc iframe,.product-desc video{width:100%;max-width:100%;height:auto;aspect-ratio:16/9;margin:0;display:block}
.product-desc table{width:100%;border-collapse:collapse;margin:0}
.product-desc td,.product-desc th{padding:8px 10px;border:1px solid #eee;font-size:13px;text-align:left}
.product-desc strong,.product-desc b{color:var(--text-dark);font-weight:700}
.product-desc br{display:none}
.product-desc > br,.product-desc p > br{display:none}

/* ========== SOCIAL PROOF TOAST ========== */
.sp-toast{position:fixed;top:-120px;left:12px;right:12px;margin:0 auto;max-width:380px;z-index:99999;background:#fff;box-shadow:0 6px 30px rgba(0,0,0,.12);border-bottom:3px solid var(--success);padding:12px 40px 12px 14px;display:flex;align-items:center;gap:12px;border-radius:8px 8px 0 0;transition:top .4s ease}
.sp-toast.visible{top:12px}
.sp-toast-img{width:44px;height:44px;object-fit:cover;flex-shrink:0;border:1px solid #eee;border-radius:6px}
.sp-toast-img-placeholder{width:44px;height:44px;background:#f0f0f0;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;border:1px solid #eee;border-radius:6px}
.sp-toast-name{font-weight:800;color:#e53935}
.sp-toast-city{color:var(--success);font-weight:700}
.sp-toast-info{font-size:13px;color:#333;line-height:1.4}
.sp-toast-action{font-size:12px;color:var(--text-dark);font-weight:600;margin-top:2px}
.sp-toast-time{font-size:10px;color:#aaa;margin-top:2px}
.sp-toast-close{position:absolute;top:6px;right:8px;background:none;border:none;font-size:14px;color:#ccc;cursor:pointer;padding:2px;line-height:1}

/* ========== HOMEPAGE ========== */
.hero{position:relative;width:100%;min-height:50vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px 20px;background:var(--bg-dark);overflow:hidden}
.hero-bg{position:absolute;inset:0;object-fit:cover;opacity:.3}
.hero-content{position:relative;z-index:1;max-width:600px}
.hero-tag{font-size:12px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}
.hero-title{font-size:32px;font-weight:900;color:var(--text-light);line-height:1.15;margin-bottom:14px}
.hero-sub{font-size:15px;color:rgba(255,255,255,.7);line-height:1.5;margin-bottom:24px}
.hero-cta{display:inline-block;padding:16px 40px;background:var(--accent);color:var(--bg-dark);font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:1px;border-radius:8px;transition:all .25s}
.hero-cta:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(var(--accent-rgb),.3)}
.featured{padding:32px 16px}
.featured-title{font-size:22px;font-weight:800;text-align:center;margin-bottom:20px;color:var(--text-dark)}
.featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.product-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:transform .2s}
.product-card:hover{transform:translateY(-3px)}
.product-card img{width:100%;aspect-ratio:1/1;object-fit:cover}
.product-card-info{padding:10px 12px}
.product-card-title{font-size:13px;font-weight:700;color:var(--text-dark);line-height:1.3;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-card-price{font-size:15px;font-weight:900;color:#e53935}
.product-card-compare{font-size:12px;color:#999;text-decoration:line-through;margin-left:6px}
.product-card-cod{font-size:10px;color:var(--success);font-weight:700;margin-top:3px}

/* ========== THANK YOU PAGE ========== */
.ty-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:16px;background:var(--bg-dark)}
.ty-card{background:#fff;max-width:440px;width:100%;box-shadow:0 8px 40px rgba(0,0,0,.15);overflow:hidden;border-radius:12px}
.ty-head{background:var(--bg-dark);padding:28px 22px 22px;text-align:center;position:relative}
.ty-head::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.ty-check-icon{width:64px;height:64px;background:rgba(var(--accent-rgb),.12);border:2px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.ty-check-icon svg{width:30px;height:30px;color:var(--accent);stroke-dasharray:30;stroke-dashoffset:30;animation:draw-check .6s ease .3s forwards}
.ty-title{font-size:22px;font-weight:800;color:var(--text-light);margin-bottom:6px}
.ty-sub{font-size:13px;color:rgba(255,255,255,.55);line-height:1.5}
.ty-body{padding:22px}
.ty-delivery-box{background:linear-gradient(135deg,var(--bg-dark),#1a1a1a);border:1.5px solid var(--accent);border-radius:10px;padding:16px;margin-bottom:18px;text-align:center}
.ty-delivery-icon{font-size:28px;margin-bottom:6px}
.ty-delivery-title{font-size:16px;font-weight:800;color:var(--accent);margin-bottom:4px}
.ty-delivery-text{font-size:13px;color:rgba(255,255,255,.7);line-height:1.5}
.ty-delivery-text b{color:var(--accent)}
.ty-delivery-city{font-size:15px;font-weight:800;color:var(--text-light);margin-top:6px}
.ty-summary{display:flex;justify-content:space-between;background:#fafafa;border-radius:8px;padding:14px 16px;margin-bottom:18px;gap:8px}
.ty-sum-item{text-align:center;flex:1}
.ty-sum-label{font-size:10px;color:#999;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:3px}
.ty-sum-value{font-size:12px;color:var(--text-dark);font-weight:700}
.ty-wa-box{text-align:center;margin-bottom:16px}
.ty-wa-label{font-size:14px;font-weight:700;color:var(--text-dark);margin-bottom:4px}
.ty-wa-hint{font-size:12px;color:#999;margin-bottom:12px}
.ty-wa-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:18px;background:#25D366;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:800;text-transform:uppercase;text-decoration:none;animation:bounce-cta 2s ease-in-out infinite;box-shadow:0 4px 20px rgba(37,211,102,.3)}
.ty-wa-btn svg{width:22px;height:22px;fill:#fff}
.ty-secure-text{font-size:11px;color:#999;text-align:center;margin-top:8px}
.ty-steps{display:flex;flex-direction:column;gap:10px;margin:18px 0}
.ty-step{display:flex;align-items:center;gap:10px}
.ty-step-num{width:28px;height:28px;background:var(--bg-dark);color:var(--accent);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;border:1.5px solid var(--accent)}
.ty-step-num.done{background:var(--accent);color:var(--bg-dark)}
.ty-step-num.pending{background:#f5f5f5;color:#bbb;border-color:#ddd}
.ty-step-text{font-size:12px;color:#555;line-height:1.4}
.ty-step-text b{color:var(--text-dark)}
.wa-float{position:fixed;bottom:20px;right:20px;z-index:9999;width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.4);animation:pulse-wa 2s ease-in-out infinite;text-decoration:none}
@keyframes pulse-wa{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.4)}50%{box-shadow:0 4px 30px rgba(37,211,102,.6),0 0 0 8px rgba(37,211,102,.1)}}
.wa-float svg{width:28px;height:28px;fill:#fff}

/* ========== RESPONSIVE ========== */
@media(min-width:768px){
  .landing-desktop{display:flex;max-width:1100px;margin:0 auto}
  .landing-desktop .gallery{flex:1;max-width:50%}
  .landing-desktop .landing-right{flex:1;max-width:50%;overflow-y:auto}
  .hero-title{font-size:42px}
  .featured-grid{grid-template-columns:repeat(3,1fr);gap:16px}
  .featured{padding:48px 32px}
}