/* Dedicated Peduli Asap campaign: storefront checkout lives at /. */
.social-landing{background:#fff9ef}
.social-hero{padding:82px 0;background:radial-gradient(circle at 83% 37%,#1c533f 0,#0d3828 47%,#07271d 100%);color:#fff}
.social-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:57px;align-items:center}
.social-copy h1{font-size:clamp(46px,5vw,74px);line-height:1.1;color:#fff}
.social-copy h1 em{font-style:normal;color:#e5bd81}
.social-copy>p{color:#dce5dc;font-size:16px;line-height:1.85;max-width:635px}
.social-trust{display:flex;gap:9px;flex-wrap:wrap;margin:23px 0 29px}
.social-trust span{border:1px solid #cbd2be67;color:#f4eddf;border-radius:22px;padding:6px 12px;font-size:11px;font-weight:700}
.social-actions{display:flex;flex-wrap:wrap;gap:10px}
.social-actions .btn-ghost{border-color:#f1e2c77d;color:#fff}
.social-copy p.social-disclaimer{font-size:11px;color:#c0cbbf;line-height:1.7;margin-top:24px}
.social-product-composition{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;align-items:stretch}
.social-product-photo{border:7px solid #c0a27678;background:#e7decc;border-radius:170px 170px 17px 17px;position:relative;overflow:hidden;min-height:360px}
.social-product-photo img{width:100%;height:100%;object-fit:cover;object-position:center 55%;display:block}
.social-product-photo>span{position:absolute;bottom:0;left:0;right:0;background:#092d21ed;color:#fff1d8;padding:14px;font-size:12px;font-weight:800;text-align:center}
.social-mask-card{border:1px solid #e0d3b9;background:#f9faf4;border-radius:145px 145px 18px 18px;padding:22px 15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#0d3c29}
.social-mask-card svg{max-width:100%;width:135px;filter:drop-shadow(0 15px 19px #204a3226)}
.social-mask-card b{font-size:12px;letter-spacing:.07em;text-align:center}
.social-mask-card small{text-align:center;font-size:10px;color:#627468}
.social-offers{background:#fffaf2}
.social-pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.social-price{border:1px solid #e7ddca;border-radius:15px;background:white;padding:27px 24px;box-shadow:0 15px 38px #17341d0f;display:flex;flex-direction:column}
.social-price.featured{border:2px solid #aa8647;transform:translateY(-6px);box-shadow:0 22px 51px #4e3d1918}
.social-price h3{font-size:30px;margin:14px 0 12px}
.social-price .sale-tag{font-size:10px;font-weight:800;letter-spacing:.11em;color:#fff;background:#a84436;display:inline-block;border-radius:30px;padding:6px 12px;align-self:flex-start}
.social-old{color:#8d9c8b;text-decoration:line-through;font-size:14px}
.social-price>strong{font-size:39px;font-weight:800;color:#a84436;line-height:1.3}
.social-price p{font-size:13px;color:#637765;margin:9px 0 24px}
.social-buy{margin-top:auto;text-align:center}
.social-logistic-note{max-width:850px;margin:28px auto 0;font-size:12px;text-align:center;color:#768273;background:#f6f1e6;border-radius:9px;padding:13px 18px}
.social-story{background:#eaf0e7}
.social-story-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:65px;align-items:center}
.social-story h2{font-size:clamp(32px,3.6vw,51px)}
.social-story h2 em{font-style:normal;color:#9a7239}
.social-story p{color:#687968;line-height:1.85}
.story-visual img{display:block;width:100%;max-height:450px;object-fit:cover;border-radius:16px;box-shadow:0 16px 40px #2e421a2d}
.social-help{background:#f8f3e7}
.social-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.social-help-grid>div{padding:28px;border-radius:14px;background:#fff;border:1px solid #e7e2d5}
.social-help-grid h3{font-size:22px}
.social-help-grid p{color:#667968;font-size:13px}
.social-wait{background:#f3ead9;padding:8px 12px;font-size:12px;border-radius:7px;color:#7c5b30}
.social-last{background:#0a3526;padding:65px 0;text-align:center;color:#fff}
.social-last h2{font-size:clamp(30px,3.6vw,48px)}
.social-last p{color:#ccdbc9}
.social-footer{display:flex;justify-content:space-between;gap:30px;align-items:center}
.social-footer>a img{width:270px;height:auto;border-radius:4px}
.social-footer>div{display:flex;gap:14px;flex-wrap:wrap;max-width:470px;justify-content:flex-end}
.social-footer>div a{font-size:12px;font-weight:700}
.social-footer>div p{width:100%;font-size:11px;color:#c7d6c4;margin:5px 0}
@media(max-width:970px){.social-hero-grid,.social-story-grid{grid-template-columns:1fr;gap:30px}.social-product-composition{max-width:530px}.social-pricing{grid-template-columns:repeat(2,1fr)}.social-price.featured{transform:none}}
@media(max-width:620px){.social-hero{padding:45px 0 55px}.social-copy h1{font-size:clamp(40px,10vw,53px)}.social-copy>p{font-size:14px}.social-trust span{font-size:10px}.social-actions{display:grid;grid-template-columns:1fr}.social-product-composition{gap:11px;grid-template-columns:1.15fr .85fr}.social-product-photo{min-height:244px}.social-mask-card{padding:11px 7px}.social-mask-card svg{width:88px}.social-pricing,.social-help-grid{grid-template-columns:1fr}.social-price{padding:22px}.social-price>strong{font-size:35px}.social-story-grid{gap:25px}.social-footer{align-items:flex-start;flex-direction:column}.social-footer>a img{width:225px}.social-footer>div{justify-content:flex-start}}

/* V8: compassionate social narrative, transparent impact claims */
.social-purpose{background:#eaf0e6}
.social-purpose .section-heading{max-width:820px}
.social-purpose .section-heading p{font-size:15px;line-height:1.9}
.social-purpose h2 em{font-style:normal;color:#a17738}
.social-purpose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.social-purpose-grid article{background:#fffdf7;border:1px solid #e1e6da;border-radius:13px;padding:25px 23px}
.social-purpose-grid article span{font:700 29px 'Playfair Display',serif;color:#b78d51}
.social-purpose-grid article h3{font-size:23px;margin:16px 0 9px}
.social-purpose-grid article p{font-size:13px;color:#6a7a6b;line-height:1.8}
.social-truth{border-left:4px solid #bd9b60;background:#fff8ea;border-radius:7px;padding:18px 21px;margin-top:22px;color:#586c5a;font-size:13px;line-height:1.75}
.social-truth b{color:#234b36}
@media(max-width:750px){.social-purpose-grid{grid-template-columns:1fr}.social-purpose-grid article{padding:22px}.social-purpose-grid article h3{margin-top:8px}.social-truth{font-size:12px}}

/* V9: emotionally engaging but evidence-grounded Peduli Asap LP */
.emotional-social-hero{background:radial-gradient(circle at 87% 25%,#265943,#0a3527 58%,#05251b);padding:89px 0 78px}
.emotional-social-hero .social-hero-grid{grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}
.emotional-social-hero .social-copy h1{font-size:clamp(43px,4.7vw,69px);line-height:1.12;letter-spacing:-.037em;max-width:690px}
.emotional-social-hero .social-copy h1 em{font-style:normal;color:#e9c384}
.emotional-social-hero .social-copy p.social-hero-lede{font:400 clamp(19px,1.6vw,24px)/1.57 'Playfair Display',serif;color:#f3eee1;max-width:630px;margin:27px 0 18px}
.emotional-social-hero .social-copy>p:not(.social-hero-lede):not(.social-disclaimer){color:#d2e0d3;font-size:14px;line-height:1.9;max-width:640px}
.social-promise{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 27px}
.social-promise span{font-size:12px;padding:10px 14px;color:#faeedb;border:1px solid #d5c59c6b;border-radius:9px;background:#ffffff0a}
.social-promise strong{color:#f3d18d}
.emotional-product-visual{position:relative;align-items:end}
.emotional-product-visual .social-product-photo{min-height:410px}
.emotion-art-caption{grid-column:1/-1;background:#f3e6ca;color:#25472f;padding:16px 21px;border-radius:10px;font:600 22px/1.35 'Playfair Display',serif;box-shadow:0 12px 29px #06180e25}
.emotion-art-caption strong{color:#91703e}
.social-purpose .section-heading h2{font-size:clamp(36px,3.7vw,55px)}
.social-purpose .section-heading p{max-width:770px;margin:18px auto 0;color:#667c69}
.emotional-story-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:37px;align-items:center;margin:35px 0}
.social-story-text{background:#fffefa;padding:34px 35px;border-radius:15px;border:1px solid #e2e6d9}
.social-story-text .story-kicker{font-size:10px;letter-spacing:.15em;font-weight:800;color:#a07943}
.social-story-text h3{font-size:clamp(24px,2.65vw,37px);line-height:1.32;margin:11px 0 20px;color:#1b4733}
.social-story-text p{color:#5f7564;font-size:14px;line-height:1.83;margin:13px 0}
.social-story-text .text-cta{margin-top:8px}
.social-story-image{margin:0;position:relative;min-height:470px;background:#eee5d4;overflow:hidden;border-radius:15px}
.social-story-image img{width:100%;height:470px;object-fit:cover;object-position:60% 55%;display:block}
.social-story-image figcaption{position:absolute;left:18px;bottom:18px;right:18px;background:#0c3325e8;color:#f8ecd2;padding:13px 17px;border-radius:7px;font:600 19px 'Playfair Display',serif}
.social-conviction{background:radial-gradient(circle at 82% 25%,#225340,#0b3226 70%);padding:75px 0;color:#fff}
.conviction-layout{display:flex;align-items:center;justify-content:space-between;gap:55px}
.conviction-layout>div{max-width:760px}
.conviction-layout h2{font-size:clamp(36px,3.3vw,52px);line-height:1.2}
.conviction-layout h2 em{color:#e9c281;font-style:normal}
.conviction-layout p{font-size:14px;color:#d3e1d4;line-height:1.85;margin-top:18px;margin-bottom:0}
.conviction-layout .btn{flex:none}
.social-offers .section-heading{max-width:860px}
.social-offers .section-heading h2{font-size:clamp(37px,4vw,57px)}
.social-offers .section-heading p{font-size:15px}
.social-price{background:linear-gradient(150deg,#fffefa,#f8f3e8);border:1px solid #ded5c2}
.social-price .social-buy{line-height:1.4;min-height:55px}
.social-price.featured{border-color:#b28c4d}
@media(max-width:975px){.emotional-social-hero .social-hero-grid,.emotional-story-grid{grid-template-columns:1fr}.social-story-image{min-height:340px}.social-story-image img{height:390px}.conviction-layout{align-items:flex-start;flex-direction:column;gap:18px}}
@media(max-width:620px){.emotional-social-hero{padding:47px 0 54px}.emotional-social-hero .social-copy h1{font-size:clamp(37px,10vw,50px)}.emotional-social-hero .social-copy p.social-hero-lede{font-size:19px;line-height:1.5}.social-promise{gap:8px}.social-promise span{font-size:11px;padding:8px 10px}.emotional-product-visual .social-product-photo{min-height:256px}.emotion-art-caption{font-size:18px}.social-story-text{padding:22px 19px}.social-story-text h3{font-size:26px}.social-story-text p{font-size:13px}.social-story-image{min-height:285px}.social-story-image img{height:285px}.social-story-image figcaption{font-size:16px;left:10px;bottom:10px;right:10px;padding:10px}.social-conviction{padding:51px 0}.conviction-layout h2{font-size:36px}.conviction-layout p{font-size:13px}.conviction-layout .btn{width:100%}}

/* V10 LP: source-documented haze and actual spice photography, strong conversion rhythm */
.social-honest-imagery{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:minmax(0,1fr) 165px;gap:13px;align-items:stretch}
.social-archive-photo{grid-column:1/-1;grid-row:1;margin:0;position:relative;overflow:hidden;border-radius:20px 20px 13px 13px;height:302px;min-height:302px;box-shadow:0 20px 45px #06170c3c;background:#3a483b}
.social-archive-photo img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.75) contrast(1.08)}
.social-archive-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;background:#092d22dd;color:#fff5e3;font-size:10px;line-height:1.6}
.social-real-spices{grid-column:1;grid-row:2;position:relative;margin:0;height:165px;overflow:hidden;border:5px solid #d7ba88;border-radius:13px;background:#f8eedc}
.social-real-spices img{width:100%;height:100%;object-fit:cover}
.social-real-spices figcaption{position:absolute;left:0;right:0;bottom:0;padding:9px 12px;background:#113829df;color:#fff;font-size:10px;line-height:1.4}
.social-real-spices figcaption b{color:#f6d7a5}
.social-mask-badge{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f6efdc;color:#204232;border-radius:13px;box-shadow:0 12px 29px #06230d35;border:1px solid #dbbb81;padding:12px;text-align:center}
.mask-glyph{font-size:34px;line-height:1;color:#a97d41}
.social-mask-badge b{font-size:13px;letter-spacing:.06em}
.social-mask-badge small{font-size:11px;color:#6a7c66;line-height:1.6}
.social-hero-price{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border-left:3px solid #d6ae72;background:#ffffff14;padding:12px 16px;margin:14px 0 18px;color:#f4e6c9;font-size:13px}
.social-hero-price strong{font-size:25px;color:#ffd797}
.social-hero-price span{font-size:12px}
.social-impact-bar{background:#e8f0e4;color:#29573b;padding:20px 0;border-top:1px solid #cbd8c9}
.social-impact-bar .container{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;font-size:12px;line-height:1.7}
.social-impact-bar strong{font-weight:800;color:#214e32}
.social-story .story-visual img{height:450px;object-fit:cover;object-position:50% 25%;background:#e5d5b9}
.campaign-photo-credit{width:100%;font-size:10px!important;color:#c7dac5!important;line-height:1.6}
.campaign-photo-credit a{color:#f3d7a4;text-decoration:underline}
.social-sticky-order{display:none}
@media(max-width:900px){.social-honest-imagery{max-width:590px;width:100%}}
@media(max-width:620px){
 .social-honest-imagery{grid-template-columns:1.2fr .8fr;grid-template-rows:215px 135px;gap:9px}
 .social-archive-photo{height:215px;min-height:215px;border-radius:13px}
 .social-archive-photo figcaption{font-size:9px;padding:7px 10px}
 .social-real-spices{height:135px;border-width:3px}
 .social-real-spices figcaption{font-size:9px;padding:7px}
 .social-mask-badge{padding:7px}
 .social-mask-badge b{font-size:11px}
 .social-mask-badge small{font-size:9px}
 .social-hero-price{gap:6px}
 .social-hero-price strong{font-size:24px}
 .social-story .story-visual img{height:305px}
 .social-landing{padding-bottom:54px}
 .social-sticky-order{display:flex;align-items:center;justify-content:space-between;gap:12px;position:fixed;z-index:55;left:13px;right:13px;bottom:12px;background:#eac58a;border:1px solid #ad7a34;color:#173d2b;border-radius:36px;padding:13px 17px;font-size:12px;font-weight:800;box-shadow:0 9px 32px #07190d69}
}

/* The correct Laras portrait appears in the campaign as a real locked brand asset. */
.story-laras-correct{position:relative;overflow:hidden;border-radius:17px;background:#f4eadf;max-height:520px}
.story-laras-correct img{display:block;width:100%;height:520px;object-fit:cover;object-position:50% 24%;background:#f4eadf}
.story-laras-caption{position:absolute;left:15px;right:15px;bottom:15px;padding:13px 16px;border-radius:8px;color:#fff2d7;background:#0b362bdc;font:600 17px/1.4 'Playfair Display',Georgia,serif}
@media(max-width:600px){.story-laras-correct{max-height:350px}.story-laras-correct img{height:350px}.story-laras-caption{font-size:14px}}

.story-laras-correct img{object-position:center 39%}
@media(max-width:600px){.story-laras-correct img{object-position:center 39%}}