/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/assets/fonts/inter-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/assets/fonts/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ===== RESET & BASE ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --ig-gradient:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);
  --ig-purple:#833ab4;
  --ig-pink:#fd1d1d;
  --ig-orange:#fcb045;
  --bg:#ffffff;
  --text:#1a1a2e;
  --text-light:#6b7280;
  --card-bg:#ffffff;
  --card-border:#e5e7eb;
  --card-shadow:0 4px 24px rgba(0,0,0,.06);
  --radius:16px;
  --radius-sm:10px;
  --max-w:1200px;
  --header-h:72px;
}
html{scroll-behavior:smooth;font-size:16px}
body{font-synthesis:none;font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
ul,ol{list-style:none}
button{cursor:pointer;border:none;font-family:inherit}
input,textarea,select{font-family:inherit;font-size:1rem}

/* ===== UTILITIES ===== */
.container{max-width:var(--max-w);margin:0 auto;padding:0 20px}
.gradient-text{background:var(--ig-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border-radius:50px;font-weight:600;font-size:1rem;transition:all .3s ease}
.btn-primary{background:var(--ig-gradient);color:#fff;box-shadow:0 4px 20px rgba(131,58,180,.3)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(131,58,180,.4)}
.btn-outline{border:2px solid var(--ig-purple);color:var(--ig-purple);background:transparent}
.btn-outline:hover{background:var(--ig-gradient);color:#fff;border-color:transparent}
.btn-sm{padding:10px 24px;font-size:.9rem}
.section-title{font-size:2rem;font-weight:800;text-align:center;margin-bottom:8px}
.section-subtitle{text-align:center;color:var(--text-light);font-size:1.1rem;max-width:600px;margin:0 auto 24px}

/* ===== HEADER ===== */
.header{position:sticky;top:0;z-index:1000;background:linear-gradient(135deg,#833ab4,#c13584,#fd1d1d,#fcb045);height:var(--header-h);box-shadow:0 4px 20px rgba(131,58,180,.2)}
.header .container{display:flex;align-items:center;justify-content:space-between;height:100%}
.logo{font-size:1.5rem;font-weight:900;display:flex;align-items:center;gap:8px;color:#fff;letter-spacing:-.01em;text-shadow:0 1px 4px rgba(0,0,0,.1)}
.logo span{font-size:1.6rem}
.nav{display:flex;align-items:center;gap:28px}
.nav a{font-weight:600;color:#fff;transition:all .2s;font-size:.95rem;letter-spacing:.01em}
.nav > a:hover{color:#fff;text-shadow:0 0 12px rgba(255,255,255,.5)}
.nav-cart{position:relative;font-size:1.5rem;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}
.nav-cart .badge{position:absolute;top:-8px;right:-10px;background:#fff;color:var(--ig-purple);font-size:.7rem;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.lang-switch{background:rgba(255,255,255,.15);color:#fff;padding:5px 12px;border-radius:8px;font-size:.8rem;font-weight:600;text-decoration:none;white-space:nowrap;border:1px solid rgba(255,255,255,.25);transition:all .2s;line-height:1.2}
.lang-switch:hover{background:rgba(255,255,255,.35)}
.lang-dropdown{position:relative;display:inline-block}
.lang-dropdown-menu{display:none;position:absolute;right:0;top:100%;background:#fff;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.2);min-width:150px;z-index:1001;overflow:hidden;margin-top:6px;padding:4px 0}
.lang-dropdown-menu.open{display:block}
.lang-dropdown-menu a{display:flex;align-items:center;gap:8px;padding:10px 16px;color:#333;text-decoration:none;font-size:.85rem;font-weight:500;white-space:nowrap;transition:background .15s}
.lang-dropdown-menu a:hover{background:#f0f0f0}
.mobile-toggle{display:none;font-size:1.5rem;background:none;color:#fff}
@media(max-width:768px){
  .nav{position:fixed;top:var(--header-h);left:0;right:0;bottom:0;background:linear-gradient(180deg,#833ab4,#c13584,#fd1d1d);flex-direction:column;padding:40px 20px;gap:24px;transform:translateX(100%);transition:transform .3s ease;z-index:999}
  .nav.open{transform:translateX(0)}
  .mobile-toggle{display:block}
}

/* ===== HERO ===== */
.hero{padding:40px 0 30px;text-align:center;background:linear-gradient(180deg,#faf5ff 0%,#fff 100%)}
.hero h1{font-size:3rem;font-weight:900;line-height:1.15;margin-bottom:20px}
.hero p{font-size:1.2rem;color:var(--text-light);max-width:600px;margin:0 auto 36px}
.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
@media(max-width:600px){.hero h1{font-size:2rem}.hero p{font-size:1rem}}

/* ===== SERVICE CARDS ===== */
.services{padding:80px 0}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}
.service-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:32px 24px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}
.service-card:hover{transform:translateY(-6px);box-shadow:var(--card-shadow)}
.service-card .icon{font-size:3rem;margin-bottom:16px}
.service-card h3{font-size:1.1rem;font-weight:700;margin-bottom:8px}
.service-card p{color:var(--text-light);font-size:.9rem;margin-bottom:16px}
.service-card.coming-soon{opacity:.65}
.service-card.coming-soon::after{content:"Coming Soon";position:absolute;top:16px;right:-30px;background:#f59e0b;color:#fff;font-size:.7rem;font-weight:700;padding:4px 36px;transform:rotate(45deg);text-transform:uppercase}

/* ===== HOW IT WORKS ===== */
.how-it-works{padding:80px 0;background:#faf5ff}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;counter-reset:step}
.step{text-align:center;padding:24px}
.step::before{counter-increment:step;content:counter(step);display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--ig-gradient);color:#fff;font-size:1.4rem;font-weight:800;margin:0 auto 20px}
.step h3{font-size:1.1rem;font-weight:700;margin-bottom:8px}
.step p{color:var(--text-light);font-size:.9rem}

/* ===== TRUST ===== */
.trust{padding:60px 0}
.trust-items{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}
.trust-item{text-align:center}
.trust-item .num{font-size:2.4rem;font-weight:900;background:var(--ig-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.trust-item p{color:var(--text-light);font-size:.9rem;margin-top:4px}

/* ===== TESTIMONIALS ===== */
.testimonials{padding:80px 0;background:#faf5ff}
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.testimonial{background:#fff;border-radius:var(--radius);padding:28px;box-shadow:var(--card-shadow)}
.testimonial .stars{color:#f59e0b;font-size:1.1rem;margin-bottom:12px}
.testimonial p{color:var(--text);font-size:.95rem;margin-bottom:16px;font-style:italic}
.testimonial .author{font-weight:700;font-size:.9rem}


/* ===== FAQ ===== */
.faq{padding:80px 0;background:#faf5ff}
.faq-list{max-width:760px;margin:0 auto}
.faq-item{background:#fff;border-radius:var(--radius-sm);margin-bottom:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.faq-item summary{padding:20px 24px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:1.4rem;color:var(--ig-purple);transition:transform .3s}
.faq-item[open] summary::after{content:"−"}
.faq-item .faq-answer{padding:0 24px 20px;color:var(--text-light);line-height:1.7}

/* ===== CART PAGE ===== */
.cart-page,.checkout-page{padding:60px 0;min-height:60vh}
.cart-table{width:100%;border-collapse:collapse;margin-bottom:32px}
.cart-table th{text-align:left;padding:12px;border-bottom:2px solid var(--card-border);font-size:.85rem;color:var(--text-light);text-transform:uppercase}
.cart-table td{padding:16px 12px;border-bottom:1px solid var(--card-border)}
.cart-table .remove-btn{background:none;color:var(--ig-pink);font-size:1.2rem;padding:4px 8px}
.cart-total{text-align:right;font-size:1.4rem;font-weight:800;margin-bottom:32px}
.cart-empty{text-align:center;padding:60px 20px;color:var(--text-light)}
.cart-empty .icon{font-size:4rem;margin-bottom:16px}
@media(max-width:600px){
  .cart-table thead{display:none}
  .cart-table tr{display:flex;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--card-border)}
  .cart-table td{border:none;padding:4px 12px}
}

/* ===== CHECKOUT ===== */
.checkout-form{max-width:640px}
.form-group{margin-bottom:20px}
.form-group label{display:block;font-weight:600;margin-bottom:6px;font-size:.95rem}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:2px solid var(--card-border);border-radius:var(--radius-sm);font-size:1rem;transition:border-color .2s}
.form-group input:focus,.form-group textarea:focus{border-color:var(--ig-purple);outline:none}
.order-summary{background:#faf5ff;border-radius:var(--radius);padding:28px;margin-bottom:32px}
.order-summary h3{margin-bottom:16px;font-size:1.1rem}
.order-summary .line{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--card-border)}
.order-summary .total{font-weight:800;font-size:1.2rem;border:none;padding-top:12px}

/* ===== TOAST ===== */
.toast{position:fixed;bottom:32px;right:32px;background:#1a1a2e;color:#fff;padding:16px 28px;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;z-index:9999;transform:translateY(120%);transition:transform .4s ease;box-shadow:0 8px 30px rgba(0,0,0,.2)}
.toast.show{transform:translateY(0)}
.toast.success{background:#16a34a}
.toast.info{background:var(--ig-purple)}

/* ===== FOOTER ===== */
.footer{background:#1a1a2e;color:#fff;padding:60px 0 30px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}
.footer h4{font-size:1rem;margin-bottom:16px}
.footer a{color:rgba(255,255,255,.7);font-size:.9rem;display:block;margin-bottom:8px;transition:color .2s}
.footer a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;text-align:center;color:rgba(255,255,255,.5);font-size:.85rem}

/* ===== BREADCRUMB ===== */
.breadcrumb{padding:8px 0;font-size:.82rem;color:#9ca3af;background:#fff;border-bottom:1px solid #f3f4f6}
.breadcrumb .container{display:flex;align-items:center}
.breadcrumb a{color:var(--ig-purple);font-weight:500;transition:color .2s}
.breadcrumb a:hover{color:var(--ig-pink)}
.breadcrumb span{margin:0 8px;color:#d1d5db}

/* Service card images */
.service-card .icon img{width:64px;height:64px;margin:0 auto;object-fit:contain}
/* ===== PACK SELECTOR (Twicsy style) ===== */



@media(max-width:500px){
}

.legal-page{padding:60px 0;min-height:60vh}
.legal-page h1{font-size:2.2rem;font-weight:800;margin-bottom:24px}
.legal-page h2{font-size:1.3rem;font-weight:700;margin:32px 0 12px;color:#1a1a2e}
.legal-page p,.legal-page li{color:#4b5563;line-height:1.8;margin-bottom:12px}
.legal-page ul{padding-left:24px;list-style:disc}
.legal-page a{color:#833ab4;text-decoration:underline}

/* Pack filter toggle */

/* ===== FOLLOWERS PREVIEW ===== */
.followers-preview{padding:60px 0 0}
.preview-card{max-width:580px;margin:0 auto;background:#fff;border-radius:20px;border:1px solid #e5e7eb;box-shadow:0 8px 32px rgba(0,0,0,.06);overflow:hidden}
.preview-header{display:flex;align-items:center;gap:16px;padding:24px 24px 16px}
.preview-icon{font-size:2rem;background:linear-gradient(135deg,rgba(131,58,180,.1),rgba(252,176,69,.1));width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.preview-header h3{font-size:1.15rem;font-weight:700;color:#1a1a2e;margin-bottom:4px}
.preview-header p{font-size:.82rem;color:#6b7280;line-height:1.5}
.preview-image-wrap{padding:0 24px;margin-bottom:16px}
.preview-image-wrap img{width:100%;border-radius:16px;border:1px solid #e5e7eb;object-fit:contain;max-height:500px}
.preview-badges{display:flex;flex-wrap:wrap;gap:8px;padding:0 24px 24px;justify-content:center}
.preview-badge{background:#f9fafb;border:1px solid #e5e7eb;padding:6px 14px;border-radius:50px;font-size:.8rem;font-weight:500;color:#4b5563}

/* ===== PACK SELECTOR (redesigned) ===== */
.pack-selector{max-width:580px;margin:0 auto;padding:16px 0}

/* Filter toggle */
.pack-filter{display:flex;justify-content:center;gap:0;margin-bottom:36px;background:#f3f4f6;border-radius:50px;padding:4px;max-width:320px;margin-left:auto;margin-right:auto}
.filter-btn{flex:1;padding:10px 20px;border-radius:50px;border:none;background:transparent;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;color:#6b7280}
.filter-btn:hover{color:#1a1a2e}
.filter-btn.active{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);color:#fff;box-shadow:0 4px 12px rgba(131,58,180,.25)}

/* Chips grid */
.pack-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:36px}
.pack-chip{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 8px;border-radius:14px;border:2px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .25s ease;position:relative}
.pack-chip:hover{border-color:#d1d5db;box-shadow:0 2px 12px rgba(0,0,0,.06);transform:translateY(-1px)}
.pack-chip.active{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045) border-box;box-shadow:0 4px 16px rgba(131,58,180,.15)}
.pack-chip-qty{font-size:1.25rem;font-weight:800;color:#1a1a2e}
.pack-chip-discount{font-size:.75rem;font-weight:700;color:#833ab4}
.pack-chip-base{color:#9ca3af}
.pack-chip.active .pack-chip-discount{color:#fd1d1d}

/* Price display */
.pack-price-display{margin-bottom:28px;padding:0 4px}
.pack-price-row{display:flex;align-items:baseline;gap:14px;margin-bottom:8px}
.pack-current-price{font-size:2.8rem;font-weight:900;color:#1a1a2e;letter-spacing:-.02em}
.pack-qty-label{font-size:1.1rem;font-weight:600;color:#666;white-space:nowrap}
.pack-original-price{font-size:1.2rem;font-weight:500;color:#c4c4c4;text-decoration:line-through}
.pack-savings-row{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,rgba(131,58,180,.08),rgba(252,176,69,.08));padding:8px 14px;border-radius:8px;display:inline-flex}
.pack-savings-label{font-size:.9rem;color:#6b7280}
.pack-savings-gem{font-size:.85rem}
.pack-savings-amount{font-size:.9rem;font-weight:700;color:#833ab4}

/* Add to cart button */
.btn-add-to-cart{display:block;width:100%;padding:18px 32px;border-radius:14px;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);color:#fff;font-size:1.15rem;font-weight:700;border:none;cursor:pointer;transition:all .25s ease;text-align:center;letter-spacing:.02em}
.btn-add-to-cart:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(131,58,180,.3)}
.btn-add-to-cart:active{transform:translateY(0)}

@media(max-width:500px){
  .pack-chips{grid-template-columns:repeat(3,1fr);gap:8px}
  .pack-chip{padding:14px 6px}
  .pack-chip-qty{font-size:1.05rem}
  .pack-current-price{font-size:2.2rem}
  .pack-filter{max-width:280px}
  .filter-btn{font-size:.85rem;padding:8px 16px}
}

/* ===== GUARANTEES ===== */
.guarantees{padding:80px 0;background:#fff}
.guarantee-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:900px;margin:0 auto}
.guarantee-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:32px 28px;transition:all .3s ease}
.guarantee-card:hover{border-color:var(--ig-purple);box-shadow:0 8px 32px rgba(131,58,180,.08);transform:translateY(-2px)}
.guarantee-icon{font-size:2.2rem;margin-bottom:16px;width:56px;height:56px;background:linear-gradient(135deg,rgba(131,58,180,.08),rgba(252,176,69,.08));border-radius:14px;display:flex;align-items:center;justify-content:center}
.guarantee-card h3{font-size:1.05rem;font-weight:700;margin-bottom:8px;color:#1a1a2e}
.guarantee-card p{font-size:.9rem;color:#6b7280;line-height:1.7}
@media(max-width:600px){.guarantee-grid{grid-template-columns:1fr}}

/* ===== WHY US / COMPARISON ===== */
.why-us{padding:80px 0;background:#fff}
.comparison-table{max-width:760px;margin:0 auto;overflow-x:auto}
.comparison-table table{width:100%;border-collapse:separate;border-spacing:0;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.06)}
.comparison-table thead{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}
.comparison-table th{padding:16px 20px;color:#fff;font-weight:600;font-size:.9rem;text-align:left}
.comparison-table th:first-child{color:rgba(255,255,255,.8)}
.comparison-table td{padding:14px 20px;border-bottom:1px solid #f3f4f6;font-size:.9rem;color:#4b5563}
.comparison-table tr:last-child td{border-bottom:none}
.comparison-table tr:hover td{background:#faf5ff}
.comparison-table .highlight-col{font-weight:600;color:#1a1a2e;background:rgba(131,58,180,.03)}
.comparison-table tr:hover .highlight-col{background:rgba(131,58,180,.06)}

/* ===== TRUST BAR ===== */
.trust-bar{min-height:80px;padding:32px 0;background:#fff;border-bottom:1px solid #f3f4f6}
.trust-bar-inner{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}
.trust-bar-rating{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1rem;color:#1a1a2e}
.trust-bar-rating .stars-row{color:#f59e0b;font-size:1.1rem;letter-spacing:2px}
.trust-bar-avatars{display:flex;margin-left:-6px}
.trust-bar-avatars span{width:32px;height:32px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;margin-left:-8px;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.trust-bar-avatars span:nth-child(1){background:#e0d4f5}
.trust-bar-avatars span:nth-child(2){background:#fde68a}
.trust-bar-avatars span:nth-child(3){background:#bbf7d0}
.trust-bar-avatars span:nth-child(4){background:#fecaca}
.trust-bar-badges{display:flex;gap:12px;flex-wrap:wrap}
.trust-pill{display:inline-flex;align-items:center;gap:6px;background:#f9fafb;border:1px solid #e5e7eb;padding:8px 18px;border-radius:50px;font-size:.85rem;font-weight:600;color:#4b5563;box-shadow:0 2px 8px rgba(0,0,0,.04);white-space:nowrap}
.trust-pill .pill-icon{font-size:1rem}

/* ===== WHY CHOOSE (colored cards) ===== */
.why-choose{padding:80px 0;background:#fff}
.why-choose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:960px;margin:0 auto}
.why-choose-card{border-radius:20px;padding:40px 28px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}
.why-choose-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.08)}
.why-choose-card.card-blue{background:linear-gradient(135deg,#e0f2fe,#dbeafe);border:1px solid #bfdbfe}
.why-choose-card.card-yellow{background:linear-gradient(135deg,#fef9c3,#fef3c7);border:1px solid #fde68a}
.why-choose-card.card-purple{background:linear-gradient(135deg,#f3e8ff,#ede9fe);border:1px solid #ddd6fe}
.why-choose-card .wc-icon{font-size:3rem;margin-bottom:20px;display:block}
.why-choose-card h3{font-size:1.15rem;font-weight:700;margin-bottom:10px;color:#1a1a2e}
.why-choose-card p{font-size:.92rem;color:#4b5563;line-height:1.7}
@media(max-width:700px){.why-choose-grid{grid-template-columns:1fr;max-width:400px}}

/* ===== HOW TO ORDER (pastel steps) ===== */
.how-to-order{padding:80px 0;background:#faf5ff}
.order-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:960px;margin:0 auto}
.order-step{border-radius:20px;padding:36px 24px;text-align:center;position:relative}
.order-step.step-purple{background:linear-gradient(135deg,#f3e8ff,#ede9fe)}
.order-step.step-mint{background:linear-gradient(135deg,#d1fae5,#ecfdf5)}
.order-step.step-cyan{background:linear-gradient(135deg,#cffafe,#e0f2fe)}
.order-step-num{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;color:#fff;margin:0 auto 20px}
.step-purple .order-step-num{background:linear-gradient(135deg,#833ab4,#a855f7)}
.step-mint .order-step-num{background:linear-gradient(135deg,#10b981,#34d399)}
.step-cyan .order-step-num{background:linear-gradient(135deg,#06b6d4,#22d3ee)}
.order-step h3{font-size:1.1rem;font-weight:700;margin-bottom:10px;color:#1a1a2e}
.order-step p{font-size:.9rem;color:#4b5563;line-height:1.7}
@media(max-width:700px){.order-steps{grid-template-columns:1fr;max-width:400px}}

/* ===== SEO CONTENT BLOCKS ===== */
.seo-block{padding:80px 0}
.seo-block:nth-child(even){background:#faf5ff}
.seo-block-inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;max-width:1000px;margin:0 auto}
.seo-block-inner.reverse{direction:rtl}
.seo-block-inner.reverse > *{direction:ltr}
.seo-text h2{font-size:1.8rem;font-weight:800;margin-bottom:20px;color:#1a1a2e;line-height:1.3}
.seo-text h3{font-size:1.2rem;font-weight:700;margin:24px 0 12px;color:#1a1a2e}
.seo-text p{font-size:.95rem;color:#4b5563;line-height:1.8;margin-bottom:14px}
.seo-illustration{display:flex;align-items:center;justify-content:center;min-height:280px;border-radius:20px;font-size:5rem}
.seo-illustration.illus-growth{background:linear-gradient(135deg,#ede9fe,#fae8ff)}
.seo-illustration.illus-visibility{background:linear-gradient(135deg,#d1fae5,#cffafe)}
.seo-illustration.illus-trust{background:linear-gradient(135deg,#fef3c7,#fce7f3)}
.seo-illustration.illus-organic{background:linear-gradient(135deg,#dbeafe,#ede9fe)}
@media(max-width:768px){
  .seo-block-inner,.seo-block-inner.reverse{grid-template-columns:1fr;direction:ltr}
  .seo-illustration{min-height:200px;font-size:4rem}
}

/* ===== WHO BENEFITS ===== */
.who-benefits{padding:80px 0;background:#fff}
.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:960px;margin:0 auto}
.benefit-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:32px 24px;text-align:center;transition:all .3s ease}
.benefit-card:hover{border-color:var(--ig-purple);box-shadow:0 8px 32px rgba(131,58,180,.08);transform:translateY(-2px)}
.benefit-card .bc-icon{font-size:2.5rem;margin-bottom:16px;display:block}
.benefit-card h3{font-size:1.1rem;font-weight:700;margin-bottom:10px;color:#1a1a2e}
.benefit-card p{font-size:.9rem;color:#4b5563;line-height:1.7;margin-bottom:12px}
.benefit-card .more-text{display:none;font-size:.88rem;color:#4b5563;line-height:1.7;margin-bottom:12px}
.benefit-card .more-toggle{background:none;color:var(--ig-purple);font-weight:600;font-size:.88rem;padding:0;cursor:pointer;border:none;font-family:inherit}
.benefit-card .more-toggle:hover{text-decoration:underline}
@media(max-width:700px){.benefits-grid{grid-template-columns:1fr;max-width:400px}}

/* ===== SAFETY GUARANTEES ===== */
.safety-section{padding:80px 0;background:linear-gradient(135deg,#2e1065,#581c87,#7c3aed);color:#fff}
.safety-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:960px;margin:0 auto}
.safety-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:36px 24px;text-align:center;transition:all .3s ease}
.safety-card:hover{background:rgba(255,255,255,.16);transform:translateY(-3px)}
.safety-card .sc-icon{font-size:2.5rem;margin-bottom:16px;display:block}
.safety-card h3{font-size:1.1rem;font-weight:700;margin-bottom:10px;color:#fff}
.safety-card p{font-size:.9rem;color:rgba(255,255,255,.8);line-height:1.7}
@media(max-width:700px){.safety-grid{grid-template-columns:1fr;max-width:400px}}

/* Nav Dropdown */
.nav-dropdown {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.nav-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  color: rgba(255,255,255,.95);
  text-decoration: none;
  font-weight: 600;
  font-size: .9rem;
  border-radius: 8px;
  transition: background .2s, color .2s;
  cursor: pointer;
}
.nav-link:hover {
  background: #f3f4f6;
  color: #000 !important;
}
.nav-icon {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  object-fit: contain;
}
.nav-arrow {
  font-size: .7rem;
  opacity: .5;
  transition: transform .2s;
}
.nav-dropdown:hover .nav-arrow {
  transform: rotate(180deg);
}

/* Dropdown menu */
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 24px rgba(0,0,0,.12), 0 1px 4px rgba(0,0,0,.06);
  padding: 8px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: all .2s ease;
  z-index: 1000;
}
.nav-dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.dropdown-menu a {
  display: block;
  padding: 10px 20px;
  color: #333 !important;
  text-decoration: none;
  font-size: .9rem;
  font-weight: 500;
  transition: background .15s, color .15s;
}
.dropdown-menu a:hover {
  background: #f8f9fa;
  color: #e1306c !important;
}

/* Coming Soon platforms */
.nav-soon {
  opacity: .5;
  cursor: default;
  position: relative;
}
.nav-soon::after {
  content: 'Coming Soon';
  position: absolute;
  bottom: -28px;
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: .7rem;
  font-weight: 500;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all .2s;
  pointer-events: none;
  z-index: 1001;
}
.nav-soon:hover::after {
  opacity: 1;
  visibility: visible;
}

/* Mobile nav adjustments */
@media (max-width: 768px) {
  .nav-dropdown {
    width: 100%;
  }
  .nav-link {
    width: 100%;
    padding: 12px 16px;
  }
  .dropdown-menu {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    background: #f8f9fa;
    border-radius: 8px;
    margin: 0 0 8px 0;
    display: none;
  }
  .nav-dropdown.open .dropdown-menu {
    display: block;
  }
  
.nav .dropdown-menu a {
    padding: 10px 16px 10px 36px;
  }
  .nav-soon::after {
    display: none;
  }
}

.nav-soon-fr::after { content: "Bientôt disponible" !important; }
.gradient-text-facebook{background:linear-gradient(135deg,#1877F2,#42A5F5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.gradient-text-youtube{background:linear-gradient(135deg,#FF0000,#CC0000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.gradient-text-twitch{background:linear-gradient(135deg,#9146FF,#772CE8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}


/* Homepage - Popular Services */
.popular-services{padding:80px 0;background:#f8f9fa}
.popular-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:960px;margin:0 auto}
.popular-card{display:flex;align-items:center;gap:16px;background:#fff;border-radius:16px;padding:24px;text-decoration:none;color:inherit;transition:all .3s ease;box-shadow:0 2px 12px rgba(0,0,0,.04);border:1px solid #f0f0f0}
.popular-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,.1)}
.popular-card img{flex-shrink:0;border-radius:10px}
.popular-card h3{font-size:.95rem;font-weight:700;color:#1a1a2e;margin-bottom:4px}
.popular-card .price{font-size:.85rem;color:var(--ig-purple,#833ab4);font-weight:600}
@media(max-width:768px){.popular-grid{grid-template-columns:1fr 1fr;gap:12px}.popular-card{padding:16px}}
@media(max-width:480px){.popular-grid{grid-template-columns:1fr}}

/* Homepage - Why Choose (simple version) */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:960px;margin:0 auto}
.why-card{text-align:center;padding:40px 24px;background:#fff;border-radius:20px;box-shadow:0 2px 12px rgba(0,0,0,.04);border:1px solid #f0f0f0;transition:all .3s ease}
.why-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.08)}
.why-icon{font-size:3rem;margin-bottom:16px}
.why-card h3{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:#1a1a2e}
.why-card p{font-size:.9rem;color:#6b7280;line-height:1.7}
@media(max-width:700px){.why-grid{grid-template-columns:1fr;max-width:400px}}

/* Homepage - Step numbers */
.step-num{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#833ab4,#a855f7);margin:0 auto 16px}

/* Homepage - Popular Services */
.popular-services{padding:80px 0;background:#f8f9fa}
.popular-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:960px;margin:0 auto}
.popular-card{display:flex;align-items:center;gap:16px;background:#fff;border-radius:16px;padding:24px;text-decoration:none;color:inherit;transition:all .3s ease;box-shadow:0 2px 12px rgba(0,0,0,.04);border:1px solid #f0f0f0}
.popular-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,.1)}
.popular-card img{flex-shrink:0;border-radius:10px}
.popular-card h3{font-size:.95rem;font-weight:700;color:#1a1a2e;margin-bottom:4px}
.popular-card .price{font-size:.85rem;color:var(--ig-purple,#833ab4);font-weight:600}
@media(max-width:768px){.popular-grid{grid-template-columns:1fr 1fr;gap:12px}.popular-card{padding:16px}}
@media(max-width:480px){.popular-grid{grid-template-columns:1fr}}
/* Homepage - Why Choose */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:960px;margin:0 auto}
.why-card{text-align:center;padding:40px 24px;background:#fff;border-radius:20px;box-shadow:0 2px 12px rgba(0,0,0,.04);border:1px solid #f0f0f0;transition:all .3s ease}
.why-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.08)}
.why-icon{font-size:3rem;margin-bottom:16px}
.why-card h3{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:#1a1a2e}
.why-card p{font-size:.9rem;color:#6b7280;line-height:1.7}
@media(max-width:700px){.why-grid{grid-template-columns:1fr;max-width:400px}}
/* Homepage - Step numbers */
.step-num{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#833ab4,#a855f7);margin:0 auto 16px}

/* ===== CART SIDEBAR ===== */
.cart-sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.45);z-index:9998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.cart-sidebar-overlay.open{opacity:1;visibility:visible}
.cart-sidebar{position:fixed;top:0;right:0;width:400px;max-width:100%;height:100%;background:#fff;z-index:9999;box-shadow:-4px 0 24px rgba(0,0,0,.15);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1)}
.cart-sidebar.open{transform:translateX(0)}
.cart-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #eee}
.cart-sidebar-header h2{margin:0;font-size:1.25rem;font-weight:700}
.cart-sidebar-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#333;padding:4px 8px;border-radius:6px;transition:background .2s}
.cart-sidebar-close:hover{background:#f0f0f0}
.cart-sidebar-body{flex:1;overflow-y:auto;padding:16px 24px}
.cart-sidebar-empty{text-align:center;padding:60px 20px;color:#999}
.cart-sidebar-empty .icon{font-size:3rem;margin-bottom:12px}
.cart-sb-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #f3f3f3}
.cart-sb-item:last-child{border-bottom:none}
.cart-sb-item-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f8f8f8;border-radius:10px;flex-shrink:0}
.cart-sb-item-info{flex:1;min-width:0}
.cart-sb-item-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cart-sb-item-meta{font-size:.8rem;color:#888;margin-top:2px}
.cart-sb-item-price{font-weight:700;font-size:.95rem;white-space:nowrap}
.cart-sb-item-remove{background:none;border:none;color:#ccc;font-size:1.1rem;cursor:pointer;padding:6px;border-radius:6px;transition:color .2s,background .2s;flex-shrink:0}
.cart-sb-item-remove:hover{color:#e74c3c;background:#fef2f2}
.cart-sidebar-footer{padding:16px 24px 20px;border-top:1px solid #eee;background:#fff}
.cart-sb-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:1.1rem;font-weight:700}
.cart-sb-checkout{display:block;width:100%;padding:14px;border:none;border-radius:12px;background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;text-align:center;text-decoration:none;transition:opacity .2s}
.cart-sb-checkout:hover{opacity:.9}
.cart-sb-browse{display:block;text-align:center;margin-top:10px;color:#888;font-size:.85rem;text-decoration:none;transition:color .2s}
.cart-sb-browse:hover{color:#333}
@media(max-width:480px){.cart-sidebar{width:100%}}

/* Platform services sections */
.platform-services{padding:60px 0 20px}
.platform-services + .platform-services{padding-top:20px}
.platform-header{display:flex;align-items:center;gap:14px;margin-bottom:28px}
.platform-header img{width:40px;height:40px;border-radius:10px}
.platform-header h2{font-size:1.6rem;font-weight:800;color:#1a1a2e;margin:0}

/* Best seller chip */
.pack-chip.best-seller{border:2px solid #e1306c;position:relative;background:#fff}
.pack-chip.best-seller.active{background:#fff;border-color:#e1306c;box-shadow:0 4px 16px rgba(225,48,108,.2)}
.pack-chip-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#fd1d1d,#e1306c,#c13584);color:#fff;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:10px;white-space:nowrap;letter-spacing:.02em;box-shadow:0 2px 8px rgba(225,48,108,.3)}
.pack-chip.best-seller.active .pack-chip-badge{background:linear-gradient(135deg,#fd1d1d,#e1306c,#c13584);color:#fff}

/* Price per unit */
.pack-per-unit{text-align:center;font-size:.88rem;color:#6b7280;margin:4px 0 16px;letter-spacing:.01em}
.pack-per-unit strong{color:#1a1a2e}

/* Conversion boosters */
.conversion-boosters{display:flex;flex-direction:column;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #f0f0f0}
.booster-item{font-size:.88rem;color:#555;text-align:center;line-height:1.5}
.booster-item strong{color:#1a1a2e}

/* Live dot animation */
.booster-dot{display:inline-block;width:8px;height:8px;background:#22c55e;border-radius:50%;margin-right:4px;animation:pulse-dot 1.5s infinite;vertical-align:middle}
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}

.booster-live{color:#16a34a}
.booster-live strong{color:#16a34a}
.booster-timer strong{color:#e1306c;font-variant-numeric:tabular-nums}
.booster-orders strong{color:#ea580c}

/* Tighter spacing for conversion */
.hero h1{margin-bottom:10px}
.hero p{margin-bottom:16px}
@media(max-width:768px){
  .hero{padding:24px 0 20px}
  .hero h1{font-size:1.8rem}
  .hero p{font-size:.95rem}
  .breadcrumb{padding:6px 0;font-size:.75rem}
  .section-title{font-size:1.6rem}
  .section-subtitle{margin:0 auto 16px;font-size:.95rem}
  .pack-selector{padding:10px 0}
}

/* Upsell section in cart sidebar */
.upsell-section{padding:16px 0;border-top:1px dashed #e5e7eb;margin-top:8px}
.upsell-title{font-size:.8rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;padding:0 4px}
.upsell-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;margin-bottom:8px;transition:all .2s}
.upsell-upgrade{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #e9d5ff}
.upsell-bundle{background:linear-gradient(135deg,#fef3c7,#fffbeb);border:1px solid #fde68a}
.upsell-cross{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border:1px solid #bbf7d0}
.upsell-info{flex:1;min-width:0}
.upsell-label{font-size:.82rem;font-weight:600;color:#1a1a2e;line-height:1.3}
.upsell-sublabel{font-size:.72rem;color:#6b7280;margin-top:2px}
.upsell-add-btn{flex-shrink:0;background:linear-gradient(135deg,#833ab4,#c13584,#fd1d1d,#fcb045);color:#fff;border:none;padding:8px 14px;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}
.upsell-add-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(131,58,180,.3)}

/* Disabled filter button */
.filter-btn-disabled{opacity:.5;cursor:not-allowed!important;position:relative}
.filter-btn-disabled:hover{background:transparent!important;color:inherit!important}
.filter-unavail{display:block;font-size:.65rem;color:#ef4444;font-weight:600;margin-top:2px;letter-spacing:.02em}

/* ===== MOBILE FIXES — April 2026 ===== */

html, body {
  overflow-x: hidden;
}

/* Fix 10: Disable tap highlight on iOS */
a, button, input, select, textarea, .pack-chip, .service-card, .popular-card {
  -webkit-tap-highlight-color: transparent;
}

/* Fix 11: Tactile feedback on buttons */
.btn-add-to-cart:active {
  transform: scale(0.97);
  box-shadow: none;
}
.btn-primary:active, .btn-outline:active {
  transform: scale(0.97);
}
.pack-chip:active {
  transform: scale(0.96);
}

/* Fix 12: Safe area for iPhone notch */
.header {
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}
.footer {
  padding-bottom: calc(30px + env(safe-area-inset-bottom));
}

/* ===== MOBILE BREAKPOINTS ===== */

@media (max-width: 768px) {
  /* Fix 2: Lock body scroll when mobile nav is open */
  body.nav-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
  }
  
  /* Fix 13: Reduce section spacing on mobile */
  .services, .how-it-works, .faq, .guarantees, .why-us, 
  .why-choose, .how-to-order, .who-benefits, .safety-section, 
  .seo-block, .trust, .testimonials {
    padding: 48px 0;
  }
  
  /* Fix 7: Better padding for SEO text blocks */
  .seo-text {
    padding: 0 4px;
  }
  .seo-text h2 {
    font-size: 1.4rem;
  }
  
  /* Fix 8: Trust bar better wrapping */
  .trust-bar-inner {
    gap: 16px;
    justify-content: center;
  }
  .trust-bar-badges {
    justify-content: center;
  }
  .trust-pill {
    font-size: .8rem;
    padding: 6px 12px;
  }
  
  /* Fix 9: Cart sidebar wider on tablets */
  .cart-sidebar {
    width: 100%;
  }
  
  /* Fix 6: Footer grid responsive */
  .footer-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  
  /* Fix 3: Comparison table mobile-friendly */
  .comparison-table-DISABLED {
    margin: 0 -8px;
  }
  .comparison-table th, .comparison-table td {
    padding: 10px 12px;
    font-size: .82rem;
  }
  .comparison-table th:first-child, .comparison-table td:first-child {
    min-width: 100px;
  }
  
  /* Trust items better spacing */
  .trust-items {
    gap: 24px;
  }
  .trust-item .num {
    font-size: 2rem;
  }
}

@media (max-width: 600px) {
  /* Fix 6: Footer single column on small screens */
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  
  /* Fix 5: Hero buttons full width */
  .hero-buttons {
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
  .hero-buttons .btn {
    width: 100%;
    max-width: 300px;
  }
  
  /* Guarantee grid already 1 column via existing media query */
  
  /* Popular card text sizing */
  .popular-card h3 {
    font-size: .88rem;
  }
  .popular-card .price {
    font-size: .8rem;
  }
}

@media (max-width: 480px) {
  /* Fix 14: Smaller hero on very small screens */
  .hero h1 {
    font-size: 1.6rem;
  }
  .hero p {
    font-size: .9rem;
    margin-bottom: 14px;
  }
  
  /* Fix 13: Even tighter section spacing */
  .services, .how-it-works, .faq, .guarantees, .why-us,
  .why-choose, .how-to-order, .who-benefits, .safety-section,
  .seo-block, .trust, .testimonials {
    padding: 36px 0;
  }
  
  /* Section titles smaller */
  .section-title {
    font-size: 1.4rem;
  }
  .section-subtitle {
    font-size: .88rem;
  }
  
  /* Platform header */
  .platform-header h2 {
    font-size: 1.3rem;
  }
  
  /* Footer tighter */
  .footer {
    padding: 36px 0 20px;
  }
  
  /* Legal page */
  .legal-page h1 {
    font-size: 1.6rem;
  }
}

@media (max-width: 360px) {
  /* Fix 4: Pack chips 2 columns on very small screens */
  .pack-chips {
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
  }
  .pack-chip {
    padding: 12px 4px;
  }
  .pack-chip-qty {
    font-size: .95rem;
  }
  .pack-current-price {
    font-size: 1.8rem;
  }
  
  /* Hero even smaller */
  .hero h1 {
    font-size: 1.4rem;
  }
}