
/* Foellie v10 — aligned with May L’Odeur, mobile-first */
.page-foellie .header-buy,
.page-foellie-ad .header-cta{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  white-space:nowrap!important;line-height:1!important;text-align:center!important;
}

/* WB is paused. Links remain in data/code for later reactivation. */
.page-foellie a[href*="wildberries"],
.page-foellie [data-link="wbSeller"],
.page-foellie .btn-wb,
.page-foellie .mobile-wb,
.page-foellie .product-actions .wb,
.page-foellie [data-product-wb],
.page-foellie-ad a[href*="wildberries"],
.page-foellie-ad .wb,
.page-foellie-ad .btn-wb,
.page-foellie-ad [data-market="wb"],
.page-foellie-ad [data-product-wb]{display:none!important}

.page-foellie .foellie-hero-v10 .hero-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:42px;align-items:center}
.page-foellie .foellie-hero-v10 .hero-copy h1{font-size:clamp(46px,6vw,78px);line-height:.98;letter-spacing:-.05em}
.page-foellie .foellie-hero-v10 .hero-copy h1 em{display:block;font-size:.62em;line-height:1.08;margin-top:10px;color:var(--wine);font-style:normal;font-weight:700}
.page-foellie .foellie-hero-v10 .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.page-foellie .foellie-hero-v10 .hero-photo{height:auto;aspect-ratio:3/2;transform:none;border-radius:30px;position:relative;background:#f4e7eb}
.page-foellie .foellie-hero-v10 .hero-photo img{width:100%;height:100%;object-fit:cover}
.page-foellie .hero-photo-badge{position:absolute;left:18px;bottom:18px;background:rgba(255,255,255,.9);color:var(--wine);padding:9px 14px;border-radius:999px;font-size:12px;font-weight:900;box-shadow:0 8px 24px rgba(76,21,41,.12)}
.page-foellie .foellie-hero-v10 .hero-proof,.page-foellie .foellie-hero-v10 .hero-mobile-social{grid-column:1/-1}
.page-foellie .foellie-hero-v10 .hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.page-foellie .foellie-hero-v10 .hero-proof>div{padding:14px 16px;background:rgba(255,255,255,.68);border:1px solid rgba(111,23,54,.08);border-radius:18px}
.page-foellie .foellie-hero-v10 .hero-mobile-social{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:rgba(255,255,255,.62)}
.page-foellie .foellie-hero-v10 .hero-mobile-social>div{padding:16px;border-right:1px solid var(--line)}
.page-foellie .foellie-hero-v10 .hero-mobile-social>div:last-child{border-right:0}
.page-foellie .foellie-hero-v10 .hero-mobile-social strong{display:block;color:var(--wine);font-size:20px}
.page-foellie .foellie-hero-v10 .hero-mobile-social span{display:block;color:var(--muted);font-size:12px}

.page-foellie .foellie-inner-intro{background:#fff;padding-top:70px;padding-bottom:70px}
.page-foellie .foellie-inner-intro .what-is-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.page-foellie .foellie-inner-intro .what-is-card{padding:20px;border-radius:20px}

/* Foellie quiz — same visual logic as May L’Odeur */
.page-foellie .quiz-section{background:linear-gradient(180deg,#31121e,#68152f);padding:58px 0}
.page-foellie .quiz-shell{display:block;min-height:0;max-width:940px;margin:auto;padding:28px;border-radius:30px;background:linear-gradient(145deg,#53162d,#7b1d40);box-shadow:none}
.page-foellie .quiz-copy{padding:0 0 18px}
.page-foellie .quiz-copy .kicker{margin-bottom:8px;color:#f1cbd5}
.page-foellie .quiz-copy h2{font-size:clamp(34px,5vw,52px)}
.page-foellie .quiz-progress{margin-top:18px}
.page-foellie .quiz-skip-link{display:inline-block;margin-top:10px;color:#f1cbd5;font-size:12px}
.page-foellie .quiz-stage{padding:0;background:transparent;color:#fff;display:block}
.page-foellie .quiz-question h3{font-size:30px;margin:10px 0 6px}
.page-foellie .quiz-question>p{margin:0 0 14px;color:#f2d9e0}
.page-foellie .quiz-answers{display:grid;grid-template-columns:1fr;gap:8px}
.page-foellie .quiz-answers button{min-height:54px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:#fff}
.page-foellie .quiz-answers button:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.45);transform:none}
.page-foellie .quiz-answers i{width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.12);font-size:15px}
.page-foellie .quiz-nav small{color:#eac8d2}

/* Compact Foellie catalog */
.page-foellie .products-section{padding-top:64px}
.page-foellie .products-section .section-head{margin-bottom:24px}
.page-foellie .product-grid{gap:14px}
.page-foellie .product-card{border-radius:22px}
.page-foellie .product-media{height:330px}
.page-foellie .product-body{padding:18px}
.page-foellie .product-title h3{font-size:29px}
.page-foellie .product-why{font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.page-foellie .product-facts{display:none}
.page-foellie .product-actions{grid-template-columns:1fr;margin-top:9px}
.page-foellie .product-actions a{height:42px}
.page-foellie .product-stock,.page-foellie #stockNotice{display:none!important}
.page-foellie .product-more{margin-top:10px;min-height:40px}

@media(max-width:680px){
  .page-foellie .site-header .header-inner{gap:8px}
  .page-foellie .brand-wrap{min-width:0;display:flex;align-items:center;white-space:nowrap}
  .page-foellie .brand{gap:6px;min-width:0}
  .page-foellie .brand span,.page-foellie .brand-current{font-size:11px!important}
  .page-foellie .header-buy{min-height:38px!important;padding:0 12px!important;font-size:10px!important;flex:0 0 auto!important}

  .page-foellie .foellie-hero-v10{padding:22px 0 0!important}
  .page-foellie .foellie-hero-v10 .hero-grid{display:flex!important;flex-direction:column!important;gap:10px!important}
  .page-foellie .foellie-hero-v10 .hero-copy{order:1;text-align:left!important}
  .page-foellie .foellie-hero-v10 .eyebrow{font-size:9px!important;margin-bottom:8px!important}
  .page-foellie .foellie-hero-v10 .hero-copy h1{font-size:clamp(34px,9.7vw,43px)!important;line-height:.98!important}
  .page-foellie .foellie-hero-v10 .hero-copy h1 em{font-size:.68em!important;margin-top:5px!important}
  .page-foellie .foellie-hero-v10 .hero-lead{font-size:10.5px!important;line-height:1.38!important;margin:10px 0!important;text-align:left!important}
  .page-foellie .foellie-hero-v10 .hero-actions{grid-template-columns:1fr 1fr!important;gap:6px!important;margin:8px 0 10px!important}
  .page-foellie .foellie-hero-v10 .hero-actions .btn{min-height:40px!important;padding:0 6px!important;font-size:8.8px!important;border-radius:12px!important}
  .page-foellie .foellie-hero-v10 .hero-visual{order:2;min-height:0!important;width:100%!important}
  .page-foellie .foellie-hero-v10 .hero-photo{width:100%!important;aspect-ratio:3/2!important;height:auto!important;border-radius:18px!important}
  .page-foellie .foellie-hero-v10 .hero-photo img{object-fit:cover!important}
  .page-foellie .hero-photo-badge{left:10px;bottom:10px;padding:6px 9px;font-size:8px}
  .page-foellie .foellie-hero-v10 .hero-proof{order:3;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;width:100%!important}
  .page-foellie .foellie-hero-v10 .hero-proof>div{min-height:46px!important;padding:7px 6px!important;border-radius:11px!important;text-align:left!important}
  .page-foellie .foellie-hero-v10 .hero-proof strong{font-size:10.5px!important;line-height:1.1!important}
  .page-foellie .foellie-hero-v10 .hero-proof span{font-size:7px!important;line-height:1.2!important;margin-top:3px!important}
  .page-foellie .foellie-hero-v10 .hero-mobile-social{order:4;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:calc(100% + 24px)!important;margin:8px -12px 0!important;border-inline:0!important}
  .page-foellie .foellie-hero-v10 .hero-mobile-social>div{padding:10px 13px!important;border-bottom:1px solid var(--line)!important}
  .page-foellie .foellie-hero-v10 .hero-mobile-social>div:nth-child(2n){border-right:0!important}
  .page-foellie .foellie-hero-v10 .hero-mobile-social strong{font-size:12px!important}
  .page-foellie .foellie-hero-v10 .hero-mobile-social span{font-size:7.5px!important}

  .page-foellie .foellie-inner-intro{padding:34px 0!important}
  .page-foellie .foellie-inner-intro .section-head{margin-bottom:12px!important}
  .page-foellie .foellie-inner-intro .section-head h2{font-size:28px!important}
  .page-foellie .foellie-inner-intro .section-head>p{font-size:9.5px!important;line-height:1.35!important;margin-top:8px!important}
  .page-foellie .foellie-inner-intro .what-is-grid{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}
  .page-foellie .foellie-inner-intro .what-is-card{display:grid!important;grid-template-columns:36px 1fr!important;column-gap:10px!important;padding:10px 11px!important;border-radius:14px!important}
  .page-foellie .foellie-inner-intro .what-is-card span{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:8px}
  .page-foellie .foellie-inner-intro .what-is-card h3{font-size:15px!important;margin:0 0 2px!important}
  .page-foellie .foellie-inner-intro .what-is-card p{font-size:8.5px!important;line-height:1.3!important;margin:0!important}

  .page-foellie .quiz-section{padding:30px 0!important}
  .page-foellie .quiz-shell{padding:12px!important;border-radius:18px!important}
  .page-foellie .quiz-copy{padding:0 0 9px!important}
  .page-foellie .quiz-copy .kicker{font-size:8px!important;margin-bottom:5px!important}
  .page-foellie .quiz-copy h2{font-size:27px!important;line-height:1!important}
  .page-foellie .quiz-progress{height:5px!important;margin-top:10px!important}
  .page-foellie .quiz-copy small,.page-foellie .quiz-skip-link{font-size:7.5px!important;margin-top:5px!important}
  .page-foellie .quiz-question h3{font-size:18px!important;line-height:1.05!important;margin:8px 0 3px!important}
  .page-foellie .quiz-question>p{font-size:8.5px!important;margin:0 0 8px!important}
  .page-foellie .quiz-answers{gap:5px!important}
  .page-foellie .quiz-answers button{min-height:42px!important;padding:7px 9px!important;border-radius:11px!important;font-size:9px!important;gap:8px!important}
  .page-foellie .quiz-answers i{width:27px!important;height:27px!important;font-size:12px!important}
  .page-foellie .quiz-nav{margin-top:6px!important}

  .page-foellie .products-section{padding:36px 0!important}
  .page-foellie .products-section .section-head{margin-bottom:12px!important}
  .page-foellie .products-section .section-head h2{font-size:28px!important}
  .page-foellie .products-section .section-head>p{font-size:9px!important;line-height:1.3!important;margin-top:6px!important}
  .page-foellie .product-grid{gap:8px!important;padding-bottom:8px!important}
  .page-foellie .product-card,.page-foellie .product-card.featured{min-width:72vw!important;max-width:285px!important;border-radius:17px!important}
  .page-foellie .product-media,.page-foellie .featured .product-media{height:250px!important}
  .page-foellie .product-badge{top:8px!important;left:8px!important;padding:5px 7px!important;font-size:7px!important}
  .page-foellie .product-body,.page-foellie .featured .product-body{padding:11px!important}
  .page-foellie .product-title h3{font-size:24px!important}
  .page-foellie .product-title span{font-size:7px!important;padding:4px 6px!important}
  .page-foellie .product-short{font-size:10px!important;margin:4px 0 2px!important}
  .page-foellie .product-note-chips{gap:4px!important;margin:6px 0!important}
  .page-foellie .product-note-chips span{font-size:6.5px!important;padding:3px 5px!important}
  .page-foellie .product-why{font-size:8px!important;line-height:1.3!important;margin:7px 0!important}
  .page-foellie .product-more{min-height:34px!important;margin-top:6px!important;font-size:8px!important;border-radius:9px!important}
  .page-foellie .product-actions{margin-top:5px!important}
  .page-foellie .product-actions a{height:34px!important;border-radius:9px!important;font-size:8px!important}
}
