/*
Theme Name: Faria Hair Care
Theme URI: https://fariahaircare.com
Author: Faria Hair Care
Description: Bangla landing page theme for Faria Hair Care with WooCommerce Cash on Delivery order form. Pixel-matched to the original React design.
Version: 3.4.1
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: faria
Tags: landing, bangla, woocommerce, one-page
*/

@import url("https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700;800;900&display=swap");

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f7f7f7;color:#1a2b1f;font-family:"Hind Siliguri",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:"Hind Siliguri",system-ui,sans-serif;letter-spacing:0;margin:0}
a{color:inherit}
img{max-width:100%;display:block}
iframe{border:0}

.faria-page-bg{background:#f7f7f7;min-height:100vh;overflow-x:hidden;font-family:"Hind Siliguri",system-ui,sans-serif}
.faria-page-bg *{font-family:"Hind Siliguri",system-ui,sans-serif !important;letter-spacing:0}

.umrah-campaign-wrap{background:linear-gradient(135deg,#004d40 0%,#00241c 100%);margin:20px auto;max-width:900px;padding:20px;border-radius:15px;border:2px solid #bf953f;text-align:center;position:relative;overflow:hidden;box-shadow:0 10px 30px rgb(0 0 0 / .3)}
.umrah-campaign-wrap::before{content:"";position:absolute;right:4%;top:-35%;width:210px;height:180%;background:rgb(255 255 255 / .16);transform:skewX(-28deg)}
.umrah-campaign-wrap::after{content:"";position:absolute;top:-50%;left:-60%;width:20%;height:200%;background:rgb(255 255 255 / .2);transform:rotate(30deg);animation:shineLight 5s infinite}
.umrah-title{color:#fcf6ba;font-size:24px;font-weight:700;line-height:1.3;margin-bottom:10px;position:relative;z-index:1}
.umrah-desc{color:#fff;font-size:16px;font-weight:500;line-height:1.5;position:relative;z-index:1}
.highlight-gold{color:gold;font-weight:700;text-decoration:underline}
@keyframes shineLight{0%{left:-70%}20%{left:120%}100%{left:120%}}
@media (max-width:768px){.umrah-title{font-size:20px}.umrah-desc{font-size:16px}}

.tt-marquee{overflow:hidden;width:100%;padding:10px 0 20px}
.tt-marquee-track{display:flex;gap:16px;width:max-content;animation:marqueeScroll 30s linear infinite}
.tt-card{flex:0 0 260px;border-radius:22px;overflow:hidden;box-shadow:0 12px 30px rgb(0 0 0 / .25);background:#fff}
.tt-card img{width:100%;height:auto;display:block;animation:pulse 3.5s ease-in-out infinite;transform-origin:center}
.tt-card-label{display:none}
.tt-card:nth-child(odd) img{animation-delay:.8s}
.tt-card:nth-child(3n) img{animation-delay:1.4s}
@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}100%{transform:scale(1)}}
@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@media (max-width:768px){.tt-marquee-track{animation-duration:40s}}
@media (hover:hover){.tt-marquee:hover .tt-marquee-track{animation-play-state:paused}}

.hair-hero{text-align:center;padding:20px 20px 26px;position:relative;background-color:#115e29}
.hair-hero h1{font-size:clamp(30px,4.8vw,46px);font-weight:700;line-height:1.25;margin:0 0 10px;color:#fff;animation:revealDown 1.2s ease forwards}
.hair-curve{width:160px;margin:0 auto 14px;display:block}
.hair-curve path{fill:none;stroke:#ffd54f;stroke-width:3;stroke-linecap:round;stroke-dasharray:220;stroke-dashoffset:220;animation:drawCurve 1.4s ease forwards;animation-delay:.6s}
.hair-hero p{font-size:clamp(17px,2.6vw,21px);font-weight:500;color:#fff;line-height:1.7;max-width:720px;margin:0 auto}
@keyframes revealDown{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}
@keyframes drawCurve{to{stroke-dashoffset:0}}

.tt-pain-wrapper{margin:0 auto;padding:30px 12px;text-align:center;background-color:#b5ffd0}
.tt-pain-text{font-size:26px;font-weight:400;line-height:1.65;color:maroon}
.tt-pain-text span{font-weight:700;color:#5a1204}
.tt-divider{width:80px;height:4px;background:linear-gradient(90deg,#1b7f3b,#4caf50);margin:24px auto 0;border-radius:10px}
@media (max-width:768px){.tt-pain-text{font-size:20px;line-height:1.6}}

.cta-pastel-wrapper{margin:0 auto;background-color:#b5ffd0;padding:40px 16px 40px;text-align:center;position:relative;overflow:hidden}
.final-wave-btn{display:inline-block;padding:16px 45px;font-size:24px;font-weight:800;text-decoration:none;border-radius:50px;position:relative;border:1px solid rgb(255 255 255 / .2);cursor:pointer;background:linear-gradient(270deg,#000,#333,#000,#1a1a1a);background-size:400% 400%;animation:blackBgSweep 10s ease infinite;box-shadow:0 15px 35px rgb(0 0 0 / .3);transition:all .4s ease;z-index:2}
.final-text{background:linear-gradient(90deg,#FFE541,#b5ffd0,#FFE541,#b5ffd0);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;animation:luxuryTextSweep 6s linear infinite}
.luxury-divider{width:60%;height:3px;margin:40px auto 0;background:linear-gradient(90deg,transparent,#000,#b5ffd0,#000,transparent);background-size:200% auto;border-radius:50%;animation:dividerSweep 6s linear infinite;opacity:.6}
@keyframes blackBgSweep{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes luxuryTextSweep{0%{background-position:0% center}100%{background-position:300% center}}
@keyframes dividerSweep{to{background-position:200% center}}
.final-wave-btn:hover{box-shadow:0 18px 45px rgb(0 0 0 / .4);transform:scale(1.05)}

.bd-map-wrapper{display:flex;justify-content:center;padding:40px 16px;background:#fff}
.bd-map-box{position:relative;width:620px;max-width:100%;min-height:520px}
.bd-map-box img{width:100%;height:auto;opacity:.95}
.bd-dots{position:absolute;inset:0;pointer-events:none}
.bd-dots span{position:absolute;width:7px;height:7px;background:#1b7f3b;border-radius:50%;box-shadow:0 0 8px rgb(27 127 59 / .55);animation:dotPulse 2.5s ease-in-out infinite}
.bd-map-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;animation:textFloat 4s ease-in-out infinite;width:90%}
.bd-map-text .line1{font-size:24px;font-weight:700;color:#3b0000;text-shadow:0 2px 6px rgb(255 255 255 / .8)}
.bd-map-text .line2{font-size:24px;font-weight:700;color:#3b0000;line-height:1.3;margin-top:10px;text-shadow:0 2px 10px rgb(255 255 255 / .9)}
@keyframes textFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-10px)}}
@keyframes dotPulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.5);opacity:1}}
@media(max-width:768px){.bd-map-box{min-height:380px}}

.tt-proof{max-width:820px;margin:60px auto;padding:40px 12px;text-align:center;position:relative;overflow:hidden;background:#851a2a;color:#fff;border-radius:18px}
.tt-proof-intro{font-size:18px;font-weight:600;margin-bottom:10px;opacity:.95}
.tt-proof-brand{font-size:24px;font-weight:700;line-height:1.3}
.tt-proof-years,.tt-proof-counter{color:#f5c46b;text-shadow:0 0 6px rgb(245 196 107 / .6),0 0 14px rgb(245 196 107 / .4)}
.tt-proof-years{font-size:24px;font-weight:700;margin:6px 0 10px;line-height:1.3}
.tt-proof-text{font-size:24px;font-weight:700;line-height:1.3;opacity:.95}
.tt-proof-counter{font-size:48px;font-weight:700;margin-top:12px;line-height:1.15}
.tt-proof-label{font-size:16px;font-weight:500;opacity:.85}
.tt-confetti{position:absolute;top:-10px;width:8px;height:8px;opacity:.9;animation:confettiFall linear infinite}
@keyframes confettiFall{from{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(700px) rotate(360deg);opacity:0}}

.review-section{width:100%;padding:40px 0 50px;overflow:hidden;background-color:#000}
.review-heading{text-align:center;margin-bottom:30px}
.review-heading .big{font-size:48px;font-weight:700;color:#FFE541;line-height:1.15;text-shadow:0 0 15px rgb(255 229 65 / .3)}
.review-heading .small{font-size:16px;font-weight:500;color:#fff;margin-top:10px;line-height:1.5;opacity:.9}
.review-marquee{overflow:hidden;width:100%}
.review-track{display:flex;gap:18px;width:max-content;animation:reviewScroll 35s linear infinite}
.review-card{flex:0 0 260px;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgb(255 255 255 / .05);border:1px solid rgb(255 255 255 / .1);background:#111}
.review-card img{width:100%;height:auto;animation:softPulse 4s ease-in-out infinite}
.review-card:nth-child(odd) img{animation-delay:1s}
.review-card:nth-child(3n) img{animation-delay:1.8s}
@media (hover:hover){.review-marquee:hover .review-track{animation-play-state:paused}}
@keyframes reviewScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes softPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@media(max-width:768px){.review-card{flex:0 0 220px}.review-track{animation-duration:45s}}

.styled-outlet-container{background-color:#b5ffd0;position:relative;padding:100px 20px;text-align:center;overflow:hidden}
.shape-divider{position:absolute;top:0;left:0;width:100%;overflow:hidden;line-height:0}
.shape-divider svg{position:relative;display:block;width:calc(100% + 1.3px);height:60px}
.shape-divider .shape-fill{fill:#000}
.content-box{position:relative;z-index:2}
.static-headline{color:#0d4b21;font-size:20px;line-height:1.55;margin-bottom:40px;font-weight:500}
.highlight-location{color:maroon;font-weight:700;text-decoration:underline;text-decoration-color:rgb(13 75 33 / .3)}
.luxury-wave-call{display:inline-block;padding:16px 42px;font-size:16px;font-weight:700;text-decoration:none;border-radius:50px;position:relative;overflow:hidden;border:1px solid rgb(0 0 0 / .1);cursor:pointer;background:linear-gradient(270deg,#000,#333,#000,#1a1a1a);background-size:400% 400%;animation:blackBgSweep 10s ease infinite;box-shadow:0 15px 40px rgb(0 0 0 / .3)}
.btn-text{background:linear-gradient(90deg,#FFE541,#b5ffd0,#FFE541,#b5ffd0);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;animation:luxuryTextSweep 6s linear infinite}

.trust-urgency-wrapper{max-width:900px;margin:20px auto;padding:15px;text-align:center}
.offer-box{background:#f0fdf4;border:2px dashed #115e29;border-radius:12px;padding:20px;margin-bottom:25px;animation:pulseGlow 2s infinite}
.offer-box h3{color:#115e29;font-size:20px;margin:0;font-weight:700;line-height:1.4}
.highlight-umrah{color:maroon;text-decoration:underline}
.trust-badges{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}
.badge-item{background:#fff;padding:12px 22px;border-radius:50px;box-shadow:0 4px 15px rgb(0 0 0 / .08);display:flex;align-items:center;gap:10px;border:1px solid #b5ffd0}
.badge-item span{font-size:15px;font-weight:600;color:#115e29}
.badge-icon{font-size:20px}
@keyframes pulseGlow{0%{transform:scale(1);box-shadow:0 0 0 transparent}50%{transform:scale(1.02);box-shadow:0 0 15px rgb(17 94 41 / .2)}100%{transform:scale(1);box-shadow:0 0 0 transparent}}
@media (max-width:768px){.badge-item{width:100%;justify-content:center}}

.premium-thunder-wrapper{background-color:#000;padding:30px 10px;text-align:center;border-radius:10px;position:relative;overflow:hidden;animation:fastThunderVibrate 6s ease-in-out infinite;max-width:960px;margin:0 auto 20px;box-shadow:0 10px 30px rgb(0 0 0 / .25)}
.order-instruction{font-size:20px;font-weight:500;color:#fff;line-height:1.4}
.gold-glow-large{font-size:28px;font-weight:700;display:block;margin-top:10px;line-height:1.3;background:linear-gradient(90deg,#fcf6ba,#bf953f,#fcf6ba);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:goldTextSweep 4s linear infinite}
@keyframes fastThunderVibrate{0%,80%,100%{background-color:#000;transform:translate(0,0)}82%{background-color:maroon;transform:translate(6px,-6px)}84%{background-color:#115e29;transform:translate(-6px,6px)}86%{background-color:maroon;transform:translate(6px,6px)}88%{background-color:#115e29;transform:translate(-6px,-6px)}90%{background-color:#000;transform:translate(0,0)}}
@keyframes goldTextSweep{to{background-position:200% center}}
@media (max-width:768px){.order-instruction{font-size:20px}.gold-glow-large{font-size:32px}}

.floating-contact-wrap{position:fixed;bottom:90px;left:15px;display:flex;flex-direction:column;gap:15px;z-index:99999}
.f-btn{display:flex;align-items:center;text-decoration:none;width:max-content}
.f-icon{width:50px;height:50px;min-width:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 8px 20px rgb(0 0 0 / .3);border:2px solid #fff;color:#fff;position:relative;z-index:2}
.f-icon svg{width:28px;height:28px;fill:currentColor}
.f-label{min-height:32px;display:flex;align-items:center;background:#fff;color:#333;padding:5px 12px 5px 20px;border-radius:20px;font-size:13px;font-weight:700;margin-left:-12px;box-shadow:0 4px 10px rgb(0 0 0 / .1);white-space:nowrap;line-height:1}
.f-wa .f-icon{background:#25D366;animation:f-jump 3s infinite}
.f-msg .f-icon{background:#0084FF;animation:f-jump 3s infinite 1s}
.f-call .f-icon{background:maroon;animation:f-jump 3s infinite 2s}
@keyframes f-jump{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (max-width:768px){.floating-contact-wrap{bottom:110px;left:10px;gap:12px}.f-icon{width:44px;height:44px;min-width:44px}.f-icon svg{width:24px;height:24px}.f-label{min-height:29px;font-size:12px}}

.order-form-wrap{background:#f7f7f7;padding:0 16px 50px}
.order-card{max-width:680px;margin:0 auto;overflow:hidden;border-radius:14px;border:2px solid rgb(191 149 63 / .45);background:#fff;box-shadow:0 15px 40px rgb(0 0 0 / .14)}
.order-card-head{background:#115e29;color:#fff;text-align:center;padding:20px}
.order-card-head h2{font-size:24px;font-weight:600;color:#FFE541;line-height:1.3;margin:0}
.order-card-head p{margin-top:4px;font-size:15px;font-weight:500}
.order-form{display:grid;gap:16px;padding:24px}
.order-field{display:block}
.order-field span{display:block;margin-bottom:6px;color:#115e29;font-weight:700;font-size:15px}
.order-field input,.order-field textarea,.order-field select{width:100%;border:1px solid #d9d9d9;border-radius:8px;background:#fbfbfb;padding:13px 14px;outline:none;font-family:inherit;font-size:16px}
.order-field input:focus,.order-field textarea:focus,.order-field select:focus{border-color:#bf953f;box-shadow:0 0 0 3px rgb(191 149 63 / .16)}
.order-submit{border:0;margin:6px auto 0;width:100%;max-width:360px}
.cod-note{text-align:center;color:#666;font-size:13px;margin:0}
.order-success{text-align:center;padding:34px 24px;color:#115e29}
.success-icon{font-size:52px;margin:0}
.success-title{font-size:22px;font-weight:700;margin:8px 0}
.order-error{background:#fde2e2;border:1px solid #f5b5b5;color:#8a1414;padding:12px;border-radius:8px;text-align:center;font-weight:600}

.faria-footer{background:#115e29;color:#fff;text-align:center;padding:32px 16px}
.faria-footer h3{color:#FFE541;font-size:20px;font-weight:700;line-height:1.3}
.faria-footer p{font-size:13px;margin-top:5px;opacity:.9}

@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}}

/* ---------- Offer scrolling heading ---------- */
.offer-scroll-heading{background:linear-gradient(90deg,#000,#1a1a1a);color:#FFE541;overflow:hidden;padding:10px 0;border-bottom:2px solid #bf953f}
.offer-scroll-track{display:flex;gap:60px;width:max-content;animation:offerScroll 35s linear infinite;white-space:nowrap}
.offer-scroll-track span{font-size:16px;font-weight:700;color:#FFE541}
@keyframes offerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ---------- Promo video ---------- */
.promo-video-wrap{padding:30px 16px;background:#0a0a0a}
.promo-video-heading{text-align:center;margin-bottom:20px}
.promo-video-heading h2{color:#FFE541;font-size:24px;font-weight:700}
.pv-gold-line{width:80px;height:3px;background:linear-gradient(90deg,#bf953f,#fcf6ba,#bf953f);margin:10px auto 0;border-radius:3px}
.fp-player{position:relative;max-width:760px;margin:0 auto;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 20px 40px rgb(0 0 0 / .5);border:2px solid #bf953f}
.fp-glow{position:absolute;inset:-2px;background:linear-gradient(45deg,#bf953f,#fcf6ba,#bf953f);z-index:-1;border-radius:18px;opacity:.6}
.fp-video{width:100%;display:block;background:#000}
.fp-youtube{aspect-ratio:16/9;background:#000}
.fp-big-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:rgb(0 0 0 / .6);border:3px solid #FFE541;color:#FFE541;cursor:pointer;display:flex;align-items:center;justify-content:center}
.fp-big-play svg{width:36px;height:36px;fill:currentColor;margin-left:4px}

/* ---------- Certification (matched to Lovable) ---------- */
.cert-section{padding:56px 16px 40px;background:linear-gradient(180deg,#f7fbf3 0%,#eaf5e0 100%);position:relative;overflow:hidden;color:#1a2b1f}
.cert-head{text-align:center;max-width:760px;margin:0 auto 32px}
.cert-logo{width:92px;height:92px;border-radius:50%;object-fit:contain;background:#fff;padding:6px;box-shadow:0 8px 24px rgb(20 90 30 / .18);margin:0 auto 14px;display:block;border:0}
.cert-title{font-size:clamp(22px,4.5vw,32px);font-weight:800;color:#14532d;margin:0 0 10px;line-height:1.3}
.cert-sub{font-size:clamp(15px,2.6vw,17px);color:#2f4a35;line-height:1.7;margin:0 auto 16px;max-width:760px;opacity:1}
.cert-sub b{color:#047857}
.cert-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.cert-badge{background:#fff;color:#047857;border:1.5px solid #10b981;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:700;box-shadow:0 2px 8px rgb(16 185 129 / .15)}
.cert-grid{display:grid;gap:16px;max-width:1100px;margin:0 auto;grid-template-columns:repeat(2,minmax(0,1fr))}
.cert-card{background:#fff;border-radius:16px;overflow:hidden;border:2px solid #d1e7c4;padding:0;cursor:pointer;display:flex;flex-direction:column;text-align:left;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 4px 14px rgb(20 90 30 / .08);width:100%;color:#1a2b1f}
.cert-card:hover,.cert-card:focus-visible{transform:translateY(-4px);border-color:#10b981;box-shadow:0 12px 28px rgb(16 185 129 / .22)}
.cert-img-wrap{position:relative;aspect-ratio:3/4;overflow:hidden;background:#f3f4f6}
.cert-img-wrap img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .4s ease}
.cert-card:hover .cert-img-wrap img{transform:scale(1.04)}
.cert-zoom{position:absolute;bottom:8px;right:8px;background:rgb(0 0 0 / .7);color:#fff;font-size:12px;padding:4px 8px;border-radius:6px;opacity:0;transition:opacity .2s ease}
.cert-card:hover .cert-zoom,.cert-img-wrap:active .cert-zoom{opacity:1}
.cert-meta{padding:12px 14px 14px}
.cert-card-title{font-size:15px;font-weight:700;color:#14532d;margin-bottom:2px}
.cert-card-sub{font-size:12px;color:#5b7560;margin-top:0}
.cert-lightbox{position:fixed;inset:0;background:rgb(0 0 0 / .92);z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;cursor:zoom-out;animation:certFade .2s ease}
.cert-lightbox[hidden]{display:none}
.cert-lightbox img{max-width:100%;max-height:92vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px rgb(0 0 0 / .5);cursor:default}
.cert-close{position:absolute;top:16px;right:20px;width:44px;height:44px;border-radius:50%;background:#fff;color:#111;border:0;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgb(0 0 0 / .3);font-weight:400}
@keyframes certFade{from{opacity:0}to{opacity:1}}
@media (min-width:768px){.cert-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.cert-section{padding:80px 24px 60px}}
@media (max-width:767px){.cert-zoom{opacity:1}}

/* ---------- Products (matched to Lovable) ---------- */
.product-section{padding:64px 16px;background:linear-gradient(180deg,#FBF8F0 0%,#F0F5E8 100%)}
.product-heading{text-align:center;max-width:720px;margin:0 auto 32px}
.product-heading .kicker{display:inline-block;background:#0E4A2A;color:#E5B748;padding:6px 18px;border-radius:999px;font-size:14px;font-weight:600;margin-bottom:12px;letter-spacing:0;text-transform:none}
.product-heading h2{font-size:clamp(24px,5vw,36px);color:#0E4A2A;margin:0 0 12px;line-height:1.3;font-weight:800}
.product-heading .gold-divider,.gold-divider{width:80px;height:3px;background:linear-gradient(90deg,transparent,#E5B748,transparent);margin:12px auto;border-radius:0}
.product-heading p{color:#1A2B1F;opacity:.8;font-size:15px;margin:0}
.product-subhead{text-align:center;font-size:clamp(20px,4vw,26px);color:#0E4A2A;margin:36px 0 20px;font-weight:700}
.product-grid{display:grid;grid-template-columns:1fr;gap:20px;max-width:1100px;margin:0 auto}
.product-card{position:relative;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 6px 20px rgb(14 74 42 / .08);border:1px solid rgb(14 74 42 / .08);display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}
.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgb(14 74 42 / .15)}
.product-card--highlight{border:2px solid #E5B748;box-shadow:0 8px 24px rgb(229 183 72 / .25)}
.product-badge{position:absolute;top:12px;left:12px;right:auto;z-index:2;background:linear-gradient(135deg,#d62828,#8b0000);color:#fff;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:700;box-shadow:0 4px 12px rgb(214 40 40 / .4)}
.product-img-wrap{width:100%;aspect-ratio:1/1;overflow:hidden;background:linear-gradient(135deg,#faf9f5,#f0ede3);position:relative;display:flex;align-items:center;justify-content:center}
.product-img-wrap img{max-width:92%;max-height:92%;width:auto;height:auto;object-fit:contain;display:block;transition:transform .5s ease;filter:drop-shadow(0 6px 14px rgba(0,0,0,.08))}.product-card:hover .product-img-wrap img{transform:scale(1.04)}
.product-body{padding:16px;display:flex;flex-direction:column;gap:10px;flex:1}
.product-title{font-size:16px;font-weight:600;color:#0E4A2A;margin:0;line-height:1.4;min-height:44px}
.product-price-row{display:flex;align-items:baseline;gap:10px}
.product-old{color:#999;text-decoration:line-through;font-size:15px}
.product-price{color:#d62828;font-size:24px;font-weight:800}
.product-delivery{font-size:13px;color:#1A2B1F;opacity:.75;background:#FBF8F0;padding:6px 10px;border-radius:8px;border:0}
.product-description{font-size:13.5px;line-height:1.65;color:#1A2B1F;opacity:.82;margin:2px 0 0}
.product-benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:#1A2B1F;line-height:1.5}
.product-benefits li{position:relative;padding-left:22px;margin-bottom:0;font-size:13.5px;line-height:1.5;color:#1A2B1F}
.product-benefits li::before{content:"✓";position:absolute;left:0;top:0;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;color:#E5B748;font-weight:800;font-size:12px}
.product-cta{margin-top:auto;display:block;text-align:center;background:linear-gradient(135deg,#0E4A2A,#1a6b3f);color:#E5B748;padding:12px 16px;border-radius:12px;font-weight:700;font-size:15px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px rgb(14 74 42 / .2)}
.product-cta:hover{background:linear-gradient(135deg,#0E4A2A,#1a6b3f);transform:translateY(-2px);box-shadow:0 6px 16px rgb(14 74 42 / .3)}
.product-card--highlight .product-cta{background:linear-gradient(135deg,#E5B748,#c99a2e);color:#0E4A2A}
@media (min-width:600px){.product-grid{grid-template-columns:repeat(2,1fr)}.product-grid--combo{grid-template-columns:repeat(2,1fr)}}
@media (min-width:960px){.product-grid{grid-template-columns:repeat(3,1fr)}.product-grid--combo{grid-template-columns:repeat(2,1fr);max-width:880px}}
/* ---------- Call button section ---------- */
.call-button-section{text-align:center;padding:30px 16px;background:#fff}

/* ---------- Order picker (matches Lovable) ---------- */
.order-picker{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.order-picker-label{font-weight:700;color:#0E4A2A;font-size:15px}
.order-picker-label span{font-weight:500;font-size:12px;opacity:.75;margin-left:6px}
.order-picker-list{display:flex;flex-direction:column;gap:10px;max-height:380px;overflow-y:auto;padding-right:4px}
.order-pick-item{display:grid;grid-template-columns:auto 64px 1fr auto;align-items:center;gap:12px;padding:10px 12px;border:1.5px solid #e6dfc9;border-radius:12px;background:#FBF8F0;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}
.order-pick-item:hover{border-color:#E5B748}
.order-pick-item.is-checked{border-color:#0E4A2A;background:#fff;box-shadow:0 4px 12px rgba(14,74,42,.12)}
.order-pick-item input[type=checkbox]{width:20px;height:20px;accent-color:#0E4A2A;cursor:pointer}
.order-pick-item img{width:64px;height:64px;object-fit:cover;border-radius:8px;background:#fff}
.order-pick-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.order-pick-title{font-weight:700;font-size:14px;color:#1A2B1F;line-height:1.35}
.order-pick-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12.5px}
.order-pick-price{font-weight:800;color:#0E4A2A}
.order-pick-action{font-size:12px;font-weight:700;padding:6px 10px;border-radius:999px;background:#0E4A2A;color:#E5B748;white-space:nowrap;text-align:center}
.order-pick-item:not(.is-checked) .order-pick-action{background:#fff;color:#0E4A2A;border:1.5px dashed #0E4A2A}

.order-delivery-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.order-delivery-item{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1.5px solid #e6dfc9;border-radius:12px;background:#FBF8F0;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}
.order-delivery-item:hover{border-color:#E5B748}
.order-delivery-item.is-active{border-color:#0E4A2A;background:#fff;box-shadow:0 4px 12px rgba(14,74,42,.12)}
.order-delivery-item input[type=radio]{width:18px;height:18px;accent-color:#0E4A2A;cursor:pointer}
.order-delivery-label{flex:1;font-weight:700;color:#1A2B1F;font-size:14px}
.order-delivery-charge{font-weight:800;color:#0E4A2A}
.order-delivery-item.is-free .order-delivery-charge{color:#c99a2e}
.order-free-note{margin-top:8px;font-size:13px;font-weight:700;color:#c99a2e;text-align:center}

.order-total-box{background:linear-gradient(135deg,#fff7dc,#fbe9a5);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;margin-bottom:14px;border:1.5px solid #E5B748}
.order-total-row{display:flex;justify-content:space-between;font-size:14px;color:#1A2B1F}
.order-total-row--final{border-top:1.5px dashed #c99a2e;margin-top:6px;padding-top:8px;font-size:17px;font-weight:800;color:#0E4A2A}
@media (max-width:520px){.order-pick-item{grid-template-columns:auto 56px 1fr}.order-pick-action{grid-column:1 / -1;margin-top:4px}.order-delivery-list{grid-template-columns:1fr}}

/* ---------- Hotline strip under checkout ---------- */
.order-hotline{background:linear-gradient(135deg,#0d4b21,#115e29);color:#fff;text-align:center;padding:20px;border-top:2px dashed #bf953f}
.order-hotline-text{font-size:14px;margin-bottom:10px;color:#fcf6ba}
.order-hotline-cta{display:inline-block;background:#FFE541;color:#3b0000;font-weight:700;font-size:18px;padding:10px 24px;border-radius:50px;text-decoration:none;box-shadow:0 6px 16px rgb(0 0 0 / .25)}

/* ---------- Footer additions ---------- */
.faria-footer-logo{width:80px;height:80px;border-radius:50%;border:3px solid #FFE541;background:#fff;object-fit:contain;padding:5px;margin:0 auto 12px}
.faria-footer-credit{margin-top:14px;font-size:13px;opacity:.85}
.faria-footer-credit a{color:#FFE541;font-weight:700;text-decoration:none;border-bottom:1px dashed #FFE541}

/* ---------- Thank-you page ---------- */
.thankyou-page{background:#f7f7f7;min-height:100vh;padding:30px 16px}
.thankyou-card{max-width:680px;margin:0 auto;background:#fff;border-radius:16px;border:2px solid #bf953f;box-shadow:0 15px 40px rgb(0 0 0 / .12);padding:30px;text-align:center}
.thankyou-logo{width:90px;height:90px;border-radius:50%;border:3px solid #115e29;background:#fff;object-fit:contain;padding:5px;margin:0 auto 16px}
.thankyou-check{font-size:60px;margin:0 0 12px}
.thankyou-card h1{font-size:24px;font-weight:700;color:#115e29;line-height:1.3}
.thankyou-sub{color:#555;margin-top:8px;font-size:15px}
.thankyou-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f0fdf4;padding:14px;border-radius:10px;margin:20px 0;text-align:left}
.thankyou-meta span{font-size:12px;color:#777;display:block}
.thankyou-meta strong{font-size:14px;color:#115e29}
.thankyou-section-title{text-align:left;font-size:16px;font-weight:700;color:#115e29;margin:20px 0 10px;border-bottom:2px dashed #bf953f;padding-bottom:6px}
.thankyou-items{display:flex;flex-direction:column;gap:10px;text-align:left}
.thankyou-item{display:flex;align-items:center;gap:12px;padding:10px;background:#fafafa;border:1px solid #eee;border-radius:10px}
.thankyou-item img{width:60px;height:60px;border-radius:6px;object-fit:cover}
.thankyou-item-info{flex:1}
.thankyou-item-title{font-size:14px;font-weight:600;color:#115e29}
.thankyou-item-price{color:#851a2a;font-weight:700;margin-top:3px}
.thankyou-customer{text-align:left;display:flex;flex-direction:column;gap:8px;background:#fafafa;padding:14px;border-radius:10px}
.thankyou-customer span{font-size:12px;color:#777;display:block}
.thankyou-customer strong{font-size:14px;color:#115e29}
.thankyou-total{background:#f7f7f7;border-radius:10px;padding:14px;margin-top:20px;text-align:left}
.thankyou-total-row{display:flex;justify-content:space-between;padding:5px 0;font-size:14px;color:#444}
.thankyou-total-row--final{border-top:1px dashed #bf953f;margin-top:6px;padding-top:10px;font-size:18px;font-weight:700;color:#851a2a}
.thankyou-cod{text-align:center;color:#666;font-size:12px;margin-top:10px}
.thankyou-hotline{background:linear-gradient(135deg,#0d4b21,#115e29);color:#fff;padding:16px;border-radius:10px;margin-top:20px;font-size:14px}
.thankyou-hotline a{display:inline-block;background:#FFE541;color:#3b0000;font-weight:700;padding:8px 18px;border-radius:50px;text-decoration:none;margin-top:8px}
.thankyou-home{display:inline-block;margin-top:20px;background:#115e29;color:#FFE541;padding:12px 28px;border-radius:50px;font-weight:700;text-decoration:none}
.thankyou-credit{margin-top:20px;font-size:13px;color:#666}
.thankyou-credit a{color:#115e29;font-weight:700;text-decoration:none;border-bottom:1px dashed #115e29}

.faria-hidden-wc-thankyou{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important}