/* OVIA Marketplace Phase 5.3 — real HTML/CSS hero and unified navy/orange/white palette */
:root{
--ovia-navy:#062e6f;
--ovia-navy-2:#0a3d85;
--ovia-orange:#ff5a00;
--ovia-orange-2:#ef6a19;
--ovia-ink:#10213d;
--ovia-border:#dce5ef;
--ovia-muted:#6f8095;
--ovia-white:#fff;
}
body{color:var(--ovia-ink);background:#fff}
.mp-top{background:var(--ovia-navy)!important;color:#fff!important}
.mp-top a,.mp-top span{color:#fff!important}
.mp-header{background:#fff!important;border-bottom-color:var(--ovia-border)!important}
.mp-nav{background:#fff!important;border-bottom:1px solid var(--ovia-border)!important}
.mp-nav a{color:var(--ovia-ink)!important}
.mp-nav a:hover{color:var(--ovia-orange)!important}
.mp-nav .cat-toggle{background:var(--ovia-navy)!important;color:#fff!important}
.mp-nav em,.mp-nav em.green{background:var(--ovia-orange)!important;color:#fff!important}
.mp-search button,.mp-filter-submit,.mp-primary-action,.mp-add-cart,.mp-checkout-btn,.mp-place-order,.mp-seller-status>a,.mp-vendor-directory-hero>a{background:var(--ovia-orange)!important;color:#fff!important;border-color:var(--ovia-orange)!important}
.mp-search button:hover,.mp-add-cart:hover{background:#df4d00!important}
.mp-kicker,.mp-real-section-head span,.mp-vendor-level{color:var(--ovia-orange)!important}
.mp-pv-chip,.mp-real-pv{background:#fff1e8!important;color:#c94a00!important}
.mp-catalog-summary strong,.mp-product-rating b,.mp-pv-value strong,.mp-cart-count strong{color:var(--ovia-orange)!important}
.mp-catalog-hero,.mp-commerce-hero,.mp-vendor-directory-hero,.mp-store-hero,.mp-sell-hero{background:linear-gradient(135deg,#fff,#fff6f0)!important;border-color:#f0d9c8!important}
/* Built hero: no screenshot/background-image embedding. */
.mp-premium-hero{
position:relative;
min-height:570px;
margin:0 0 22px;
overflow:hidden;
border-radius:0;
background:
radial-gradient(circle at 78% 34%,rgba(255,90,0,.30),transparent 28%),
linear-gradient(108deg,#061329 0%,#071b39 42%,#0a2f68 72%,#111827 100%);
box-shadow:0 16px 38px rgba(11,21,38,.16);
}
.mp-premium-hero-bg{
position:absolute;inset:0;
background:
linear-gradient(90deg,rgba(0,0,0,.12),transparent 50%),
radial-gradient(ellipse at 60% 98%,rgba(255,90,0,.18),transparent 45%);
pointer-events:none;
}
.mp-premium-copy{
position:relative;z-index:5;
width:43%;
padding:53px 0 145px 58px;
color:#fff;
}
.mp-premium-kicker{display:none}
.mp-premium-copy h1{
margin:0;
font-size:clamp(44px,5vw,69px);
line-height:.96;
letter-spacing:-.035em;
font-weight:950;
}
.mp-premium-copy h1 span,.mp-premium-copy h1 strong{display:block}
.mp-premium-copy h1 strong{margin-top:10px;color:var(--ovia-orange);font-weight:950}
.mp-premium-copy p{margin:22px 0 0;color:#f4f4f4;font-size:18px;line-height:1.5;font-weight:550}
.mp-premium-actions{display:flex;gap:15px;margin-top:28px}
.mp-premium-actions a{
min-width:137px;height:52px;padding:0 18px;border-radius:7px;
display:flex;align-items:center;justify-content:center;gap:9px;
font-size:13px;font-weight:900;text-decoration:none;
}
.mp-premium-actions svg{width:20px;height:20px}
.mp-premium-actions .shop{background:var(--ovia-orange);color:#fff;border:1px solid var(--ovia-orange)}
.mp-premium-actions .learn{background:rgba(9,9,9,.35);color:#fff;border:2px solid rgba(255,255,255,.75)}
.mp-premium-actions .learn:hover{border-color:var(--ovia-orange);color:#fff}
.mp-premium-trust-row{
display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;
margin-top:28px;max-width:520px;
}
.mp-premium-trust-row>div{text-align:center;color:#fff}
.mp-premium-trust-row .ico{
width:34px;height:34px;margin:0 auto 6px;
display:grid;place-items:center;color:var(--ovia-orange);
font-size:24px;font-weight:900;
}
.mp-premium-trust-row b{display:block;font-size:13px;line-height:1.1}
.mp-premium-trust-row small{display:block;margin-top:2px;color:#f0f0f0;font-size:11px;line-height:1.2}
.mp-premium-stage{position:absolute;z-index:3;right:0;top:0;width:61%;height:455px}
.mp-premium-logo{position:absolute;right:70px;top:19px;width:190px;height:auto;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25));z-index:8}
.mp-premium-glow{
position:absolute;right:3%;top:18%;width:72%;height:65%;
background:radial-gradient(circle at center,rgba(255,102,0,.28),rgba(255,87,0,.06) 48%,transparent 71%);
filter:blur(8px);
}
.mp-premium-plinth{
position:absolute;right:1%;bottom:0;width:78%;height:89px;
border-radius:50% 12% 0 0/50% 12% 0 0;
background:linear-gradient(180deg,#344967,#17253a 55%,#0c1728);
box-shadow:0 -9px 21px rgba(255,110,29,.08),inset 0 8px 15px rgba(255,255,255,.08);
}
.hero-product{position:absolute;margin:0;bottom:42px;z-index:4}
.hero-product img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 12px rgba(0,0,0,.45))}
.hero-product.spervig{left:3%;width:26%;height:320px;z-index:4}
.hero-product.rutoid{left:24%;width:29%;height:345px;z-index:5}
.hero-product.livahet{left:47%;width:28%;height:350px;z-index:6}
.hero-product.natdef{left:69%;width:28%;height:342px;z-index:5}
.mp-premium-leaves{position:absolute;z-index:2;width:170px;height:100px;opacity:.55;filter:blur(.2px)}
.mp-premium-leaves:before,.mp-premium-leaves:after{content:"";position:absolute;border-radius:100% 0 100% 0;background:linear-gradient(135deg,#174a10,#4b7f23);transform:rotate(-24deg)}
.mp-premium-leaves:before{width:105px;height:42px;left:0;top:22px}.mp-premium-leaves:after{width:95px;height:36px;left:64px;top:0}
.mp-premium-leaves.leaf-a{right:-20px;bottom:65px;transform:rotate(6deg)}
.mp-premium-leaves.leaf-b{left:36%;bottom:2px;transform:scale(.8) rotate(184deg)}
.mp-premium-benefits{
position:absolute;z-index:10;left:6.2%;right:5.6%;bottom:0;
min-height:102px;padding:16px 22px;
display:grid;grid-template-columns:repeat(4,1fr);
background:rgba(16,17,18,.94);
border:1px solid rgba(255,255,255,.14);
border-radius:14px 14px 0 0;
box-shadow:0 -10px 32px rgba(0,0,0,.22);
}
.mp-premium-benefits article{display:flex;align-items:center;gap:11px;padding:0 18px;border-left:1px solid rgba(255,255,255,.10);color:#fff}
.mp-premium-benefits article:first-child{border-left:0}
.benefit-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;color:var(--ovia-orange);font-size:28px}
.mp-premium-benefits b{display:block;font-size:13px}
.mp-premium-benefits small{display:block;margin-top:4px;color:#dbdbdb;line-height:1.35;font-size:10.5px}
/* Unified downstream palette */
.mp-home-real{padding-top:14px!important}
.mp-home-quick-strip{border-color:var(--ovia-border)!important;background:var(--ovia-border)!important}
.mp-home-quick-strip a:hover b{color:var(--ovia-orange)!important}
.mp-real-product-card{border-color:var(--ovia-border)!important}
.mp-real-product-card .tag{color:var(--ovia-orange)!important}
.mp-real-price{color:var(--ovia-navy)!important}
.mp-real-details{color:var(--ovia-navy)!important}
.mp-real-product-card .mp-add-cart{background:var(--ovia-orange)!important}
.mp-real-path-grid>a:hover{border-color:#ffc39d!important;box-shadow:0 10px 24px rgba(255,90,0,.08)}
.mp-real-path-grid .icon,.mp-real-path-grid .herb,.mp-real-path-grid .liver,.mp-real-path-grid .joint,.mp-real-path-grid .vitality,.mp-real-path-grid .family{background:#fff1e8!important;color:var(--ovia-orange)!important}
.mp-real-path-grid .pv{background:#edf3ff!important;color:var(--ovia-navy)!important}
.mp-real-banner{background:linear-gradient(120deg,var(--ovia-navy),#091d36 65%,#2a1010)!important}
.mp-real-banner span{color:#ffb98f!important}
.mp-real-banner a{background:var(--ovia-orange)!important}
.mp-real-difference-grid article>div{background:#fff1e8!important;color:var(--ovia-orange)!important}
.mp-real-bottom-cta{background:var(--ovia-navy)!important}
.mp-real-bottom-cta a{background:var(--ovia-orange)!important}
.mp-real-bottom-cta a.outline{background:transparent!important;border-color:#fff!important}
.mp-product-seller,.mp-pv-value{background:#fff8f3!important;border-color:#f1d8c7!important}
.mp-product-seller strong{color:var(--ovia-navy)!important}
.mp-product-thumbs button.active{outline-color:var(--ovia-orange)!important;border-color:var(--ovia-orange)!important}
.mp-card-rating,.stars{color:#f59e0b!important}
.mp-view-product,.mp-card-open,.mp-filter-reset,.mp-secondary-action{color:var(--ovia-navy)!important;border-color:#bfd0e7!important;background:#fff!important}
.mp-vendor-card:hover{border-color:#ffc39d!important}
.mp-vendor-mark,.mp-store-logo{background:#fff1e8!important;color:var(--ovia-orange)!important}
.mp-store-trust,.mp-sell-benefits span{border-color:#f0d9c8!important}
.mp-sell-flow>b{color:var(--ovia-orange)!important}
.mp-pagination a.active{background:var(--ovia-orange)!important;border-color:var(--ovia-orange)!important}
.mp-breadcrumb a{color:var(--ovia-navy)!important}
.mp-footer{border-top:1px solid var(--ovia-border)!important}
.mp-footer a:hover{color:var(--ovia-orange)!important}
.copyright{color:#718196!important}
@media(max-width:1100px){
.mp-premium-hero{min-height:610px}
.mp-premium-copy{width:48%;padding-left:38px}
.mp-premium-stage{width:58%;height:440px}
.mp-premium-logo{right:32px;width:150px}
.hero-product.spervig{left:-1%;width:29%}.hero-product.rutoid{left:22%;width:31%}.hero-product.livahet{left:47%;width:30%}.hero-product.natdef{left:70%;width:29%}
.mp-premium-benefits{left:3%;right:3%}
}
@media(max-width:820px){
.mp-premium-hero{min-height:790px;border-radius:14px}
.mp-premium-copy{width:100%;padding:34px 26px 0;text-align:left}
.mp-premium-copy h1{font-size:48px}
.mp-premium-copy p{font-size:16px}
.mp-premium-trust-row{max-width:none}
.mp-premium-stage{position:relative;right:auto;top:auto;width:100%;height:360px;margin-top:10px}
.mp-premium-logo{right:24px;top:2px;width:125px}
.hero-product{bottom:26px}
.hero-product.spervig{left:2%;width:26%;height:270px}
.hero-product.rutoid{left:23%;width:28%;height:285px}
.hero-product.livahet{left:47%;width:27%;height:290px}
.hero-product.natdef{left:70%;width:27%;height:280px}
.mp-premium-benefits{position:relative;left:auto;right:auto;bottom:auto;margin:0 14px 14px;grid-template-columns:1fr 1fr;border-radius:14px}
.mp-premium-benefits article:nth-child(3){border-left:0;border-top:1px solid rgba(255,255,255,.10)}
.mp-premium-benefits article:nth-child(4){border-top:1px solid rgba(255,255,255,.10)}
.mp-premium-benefits article{min-height:78px}
}
@media(max-width:560px){
.mp-premium-hero{min-height:0}
.mp-premium-copy{padding:28px 18px 5px}
.mp-premium-copy h1{font-size:39px}
.mp-premium-copy p br{display:none}
.mp-premium-actions{gap:8px}.mp-premium-actions a{min-width:0;flex:1;height:48px;padding:0 10px;font-size:11px}
.mp-premium-trust-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:21px}
.mp-premium-stage{height:300px}
.hero-product.spervig{left:-4%;width:32%;height:225px}
.hero-product.rutoid{left:20%;width:33%;height:240px}
.hero-product.livahet{left:45%;width:32%;height:245px}
.hero-product.natdef{left:70%;width:32%;height:235px}
.mp-premium-logo{width:100px;right:14px}
.mp-premium-benefits{grid-template-columns:1fr;padding:8px 15px}
.mp-premium-benefits article{border-left:0!important;border-top:1px solid rgba(255,255,255,.10);padding:10px 4px;min-height:auto}
.mp-premium-benefits article:first-child{border-top:0}
}
/* Phase 5.4: hero products are catalogue-driven rather than health-product hardcodes. */
.hero-product.dynamic{bottom:42px}
.hero-product.dynamic.p1{left:2%;width:27%;height:320px;z-index:4}
.hero-product.dynamic.p2{left:24%;width:28%;height:345px;z-index:5}
.hero-product.dynamic.p3{left:47%;width:29%;height:350px;z-index:6}
.hero-product.dynamic.p4{left:70%;width:28%;height:340px;z-index:5}
.hero-product.dynamic a{display:block;width:100%;height:100%}
.hero-product.dynamic img{background:transparent}
.mp-premium-kicker{display:inline-flex!important;margin-bottom:12px;padding:7px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#ffb98f;font-size:9px;letter-spacing:.14em;font-weight:900}
.mp-premium-trust-row .ico{font-size:18px}
.mp-real-path-grid .icon{background:#fff1e8!important;color:#ff5a00!important}
@media(max-width:1100px){
.hero-product.dynamic.p1{left:-1%;width:29%}.hero-product.dynamic.p2{left:22%;width:31%}.hero-product.dynamic.p3{left:47%;width:30%}.hero-product.dynamic.p4{left:71%;width:29%}
}
@media(max-width:820px){
.hero-product.dynamic.p1{left:1%;width:27%;height:270px}.hero-product.dynamic.p2{left:23%;width:29%;height:285px}.hero-product.dynamic.p3{left:48%;width:28%;height:290px}.hero-product.dynamic.p4{left:71%;width:28%;height:280px}
}
@media(max-width:560px){
.hero-product.dynamic.p1{left:-3%;width:31%;height:225px}.hero-product.dynamic.p2{left:20%;width:33%;height:240px}.hero-product.dynamic.p3{left:46%;width:32%;height:245px}.hero-product.dynamic.p4{left:71%;width:31%;height:235px}
}
/* Phase 5.6 — professional category-safe merchandising and transparent footwear */
.mp-premium-stage-label{
position:absolute;z-index:9;left:28px;top:28px;
padding:7px 10px;border-radius:999px;
background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);
color:#fff;font-size:9px;letter-spacing:.14em;font-weight:900;
backdrop-filter:blur(6px)
}
.mp-premium-stage .hero-product img{
background:transparent!important;
mix-blend-mode:normal!important;
object-fit:contain!important;
filter:drop-shadow(0 20px 18px rgba(0,0,0,.42))!important
}
.mp-real-product-card .image{
background:linear-gradient(180deg,#fbfcfe,#f4f7fb)!important;
display:grid!important;place-items:center!important;
overflow:hidden!important
}
.mp-real-product-card .image img{
width:100%!important;height:100%!important;
object-fit:contain!important;
background:transparent!important;
padding:6px!important;
filter:drop-shadow(0 10px 10px rgba(16,33,61,.10))
}
.mp-category-product-section{scroll-margin-top:110px}
.mp-category-product-section+.mp-category-product-section{
padding-top:6px;border-top:1px solid #edf1f6
}
.mp-real-banner-products img{
background:transparent!important;
object-fit:contain!important;
filter:drop-shadow(0 14px 12px rgba(0,0,0,.26))!important
}
.mp-main-product-image{
background:linear-gradient(180deg,#fbfcfe,#f5f8fb)!important
}
.mp-main-product-image img,.mp-product-thumbs img{
background:transparent!important;
object-fit:contain!important
}
.mp-shop-image{background:linear-gradient(180deg,#fbfcfe,#f4f7fb)!important}
.mp-shop-image img{background:transparent!important;object-fit:contain!important}
.mp-cart-row>img{background:transparent!important;object-fit:contain!important}
.mp-order-item img{background:transparent!important}
.mp-real-path-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important}
.mp-real-path-grid>a{min-height:132px;display:flex;flex-direction:column;justify-content:center}
.mp-real-section-head p{max-width:780px}
@media(max-width:700px){
.mp-premium-stage-label{left:14px;top:8px}
.mp-real-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
/* Phase 5.7 — product detail redesign */
.mp-product-shell-v57{max-width:1440px;margin:0 auto;padding:20px 20px 46px}
.mp-product-detail-v57{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:42px;align-items:start;padding:28px;border:1px solid #e2e8f0;border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(10,42,86,.06)}
.mp-product-gallery-v57{min-width:0}
.mp-gallery-frame{position:relative;border-radius:18px;background:linear-gradient(145deg,#f8fafc,#eef3f8);border:1px solid #e6ebf1;overflow:hidden}
.mp-product-gallery-v57 .mp-main-product-image{height:590px;border:0!important;background:transparent!important;display:grid;place-items:center;padding:30px}
.mp-product-gallery-v57 .mp-main-product-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 20px rgba(12,31,57,.12))}
.mp-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid #dce3eb;border-radius:50%;background:rgba(255,255,255,.94);font-size:30px;line-height:1;color:#062e6f;cursor:pointer;box-shadow:0 6px 18px rgba(6,46,111,.12);z-index:4}
.mp-gallery-arrow.prev{left:16px}.mp-gallery-arrow.next{right:16px}
.mp-product-gallery-v57 .mp-product-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}
.mp-product-gallery-v57 .mp-product-thumbs button{height:104px;padding:6px;border:1px solid #e1e7ef;border-radius:12px;background:#f8fafc;overflow:hidden;cursor:pointer}
.mp-product-gallery-v57 .mp-product-thumbs button.active{border:2px solid #ff5a00;background:#fff}
.mp-product-gallery-v57 .mp-product-thumbs img{width:100%;height:100%;object-fit:contain}
.mp-gallery-notes{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.mp-gallery-notes span{padding:7px 10px;border-radius:999px;background:#f1f6ff;color:#07356f;font-size:11px;font-weight:800}
.mp-product-info-v57{position:sticky;top:104px;padding:10px 4px 0}
.mp-product-info-v57 h1{font-size:34px;line-height:1.1;margin:8px 0 10px;color:#0b2549;letter-spacing:-.025em}
.mp-product-brandline{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#52657d}
.mp-product-rating{display:flex;align-items:center;gap:8px;padding-bottom:18px;border-bottom:1px solid #edf0f4;color:#f39a00;font-size:12px}
.mp-product-rating span{color:#7b8797}
.mp-product-short{font-size:14px;line-height:1.65;color:#52657d;margin:16px 0}
.mp-price-block{display:flex;align-items:baseline;gap:14px;padding:18px 0;border-bottom:1px solid #edf0f4}
.mp-price-block small{font-size:10px;letter-spacing:.12em;color:#718096;font-weight:900}
.mp-price-block strong{font-size:30px;color:#0b2549}.mp-price-block del{color:#8995a5}
.mp-product-facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#e6ebf1;border:1px solid #e6ebf1;border-radius:14px;overflow:hidden;margin:16px 0}
.mp-product-facts>div{background:#f9fbfd;padding:13px 14px;min-height:68px}
.mp-product-facts span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#7a899b;font-weight:900;margin-bottom:5px}
.mp-product-facts strong{display:block;font-size:12px;color:#152f50;line-height:1.35}
.mp-product-seller{border-radius:14px!important;margin:14px 0!important}
.mp-purchase-panel-v57{padding:0!important;border:0!important;background:transparent!important;margin-top:16px}
.mp-purchase-panel-v57 .mp-product-buy-actions{display:grid!important;grid-template-columns:1fr 150px!important;gap:10px!important}
.mp-purchase-panel-v57 .mp-primary-action,.mp-purchase-panel-v57 .mp-secondary-action{height:48px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important}
.mp-purchase-panel-v57>small{display:block;margin-top:10px;color:#7b8797;line-height:1.5}
.mp-product-content-v57{margin-top:34px}
.mp-product-section-title span,.mp-related-v57 .section-head span{font-size:10px;font-weight:900;letter-spacing:.13em;color:#ff5a00}
.mp-product-section-title h2{font-size:26px;margin:5px 0 14px;color:#0b2549}
.mp-product-tabs-v57{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:18px}
.mp-product-tabs-v57 article{border:1px solid #e3e8ef;border-radius:16px;background:#fff;padding:24px;min-height:220px}
.mp-product-tabs-v57 h3{margin:0 0 16px;font-size:18px;color:#0b2549}
.mp-product-tabs-v57 .mp-rich-copy{font-size:14px;line-height:1.75;color:#4e6179}
.mp-empty-copy{padding:18px;border-radius:10px;background:#f8fafc;color:#7b8797}
.mp-product-tabs-v57 dl{margin:0}.mp-product-tabs-v57 dl>div{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid #edf0f4}
.mp-product-tabs-v57 dt{font-weight:800;color:#607087}.mp-product-tabs-v57 dd{margin:0;color:#183656}
.mp-related-v57{margin-top:36px;padding-top:26px;border-top:1px solid #e7ebf0}
.mp-related-v57 .section-head{align-items:end;margin-bottom:15px}
.mp-related-v57 .section-head h2{font-size:26px;margin:4px 0;color:#0b2549}
.mp-related-v57 .mp-shop-card{border-radius:14px;overflow:hidden}
.mp-related-v57 .mp-shop-image{height:210px}
.mp-related-v57 .mp-shop-image img{padding:12px}
@media(max-width:980px){
.mp-product-detail-v57{grid-template-columns:1fr;gap:24px}
.mp-product-info-v57{position:static}
.mp-product-gallery-v57 .mp-main-product-image{height:520px}
.mp-product-tabs-v57{grid-template-columns:1fr}
}
@media(max-width:640px){
.mp-product-shell-v57{padding:10px 10px 30px}
.mp-product-detail-v57{padding:12px;border-radius:14px}
.mp-product-gallery-v57 .mp-main-product-image{height:390px;padding:14px}
.mp-product-gallery-v57 .mp-product-thumbs{display:flex;overflow-x:auto;gap:8px;padding-bottom:3px;scroll-snap-type:x mandatory}
.mp-product-gallery-v57 .mp-product-thumbs button{flex:0 0 82px;height:82px;scroll-snap-align:start}
.mp-product-info-v57 h1{font-size:27px}
.mp-price-block strong{font-size:25px}
.mp-product-facts{grid-template-columns:1fr}
.mp-purchase-panel-v57 .mp-product-buy-actions{grid-template-columns:1fr!important}
.mp-product-tabs-v57 article{padding:18px}
.mp-related-v57 .mp-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.mp-related-v57 .mp-shop-image{height:160px}
}
/* Phase 5.8 — guarantee entire product image is visible */
.mp-product-gallery-v57 .mp-main-product-image{
height:clamp(460px,52vw,650px)!important;
min-height:0!important;
padding:42px!important;
overflow:hidden!important;
}
.mp-product-gallery-v57 .mp-main-product-image img{
display:block!important;
width:auto!important;
height:auto!important;
max-width:100%!important;
max-height:100%!important;
margin:auto!important;
object-fit:contain!important;
object-position:center center!important;
transform:none!important;
}
.mp-product-gallery-v57 .mp-product-thumbs button{
display:grid!important;
place-items:center!important;
}
.mp-product-gallery-v57 .mp-product-thumbs img{
width:auto!important;
height:auto!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
}
.mp-gallery-arrow{z-index:20!important}
.mp-primary-action.mp-add-cart:disabled{opacity:.65;cursor:wait}
.mp-toast{position:fixed;right:20px;bottom:22px;z-index:99999;min-width:240px;max-width:420px;padding:13px 16px;border-radius:12px;background:#10213d;color:#fff;box-shadow:0 14px 40px rgba(0,0,0,.2);opacity:0;transform:translateY(12px);transition:.2s}
.mp-toast.ok{background:#0f6946}.mp-toast.error{background:#a52b2b}.mp-toast.show{opacity:1;transform:none}
@media(max-width:640px){
.mp-product-gallery-v57 .mp-main-product-image{height:390px!important;padding:22px!important}
}
/* Phase 5.9 — stable gallery dimensions: no layout jump between images */
.mp-gallery-frame{
height:620px!important;
min-height:620px!important;
max-height:620px!important;
display:grid!important;
place-items:center!important;
}
.mp-product-gallery-v57 .mp-main-product-image{
width:100%!important;
height:620px!important;
min-height:620px!important;
max-height:620px!important;
padding:34px!important;
display:grid!important;
place-items:center!important;
overflow:hidden!important;
}
.mp-product-gallery-v57 .mp-main-product-image img{
width:100%!important;
height:100%!important;
max-width:100%!important;
max-height:100%!important;
object-fit:contain!important;
object-position:center!important;
margin:0!important;
}
.mp-product-gallery-v57 .mp-product-thumbs{
grid-auto-rows:96px!important;
}
.mp-product-gallery-v57 .mp-product-thumbs button{
width:100%!important;
height:96px!important;
min-height:96px!important;
max-height:96px!important;
aspect-ratio:1/1!important;
padding:6px!important;
}
.mp-product-gallery-v57 .mp-product-thumbs img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
object-position:center!important;
}
@media(max-width:980px){
.mp-gallery-frame,
.mp-product-gallery-v57 .mp-main-product-image{
height:540px!important;
min-height:540px!important;
max-height:540px!important;
}
}
@media(max-width:640px){
.mp-gallery-frame,
.mp-product-gallery-v57 .mp-main-product-image{
height:400px!important;
min-height:400px!important;
max-height:400px!important;
}
.mp-product-gallery-v57 .mp-product-thumbs{
grid-auto-rows:auto!important;
}
.mp-product-gallery-v57 .mp-product-thumbs button{
flex:0 0 82px!important;
width:82px!important;
height:82px!important;
min-height:82px!important;
max-height:82px!important;
}
}
/* =========================================================
OVIA Marketplace Phase 6.0
Homepage rebuilt against the supplied source-of-truth layout.
Uses live catalogue images; no screenshot embedding.
========================================================= */
.mp-home-source-v60{max-width:1510px;margin:0 auto;padding:18px 18px 42px}
.v60-top-grid{display:grid;grid-template-columns:220px minmax(0,1fr) 310px;gap:14px;align-items:stretch}
.v60-category-sidebar{border:1px solid #dce6f2;border-radius:14px;background:#fff;overflow:hidden}
.v60-side-title{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#0b57d0;color:#fff;font-size:13px;font-weight:900}
.v60-category-sidebar nav{display:grid}
.v60-category-sidebar nav a{display:grid;grid-template-columns:22px 1fr 14px;gap:7px;align-items:center;padding:10px 13px;color:#193957;border-bottom:1px solid #edf2f7;text-decoration:none;font-size:11px}
.v60-category-sidebar nav a:last-child{border-bottom:0}.v60-category-sidebar nav a:hover{background:#f5f9ff;color:#0b57d0}.v60-cat-bullet{color:#0b57d0;font-weight:900}.v60-category-sidebar .view-all{color:#0b57d0;font-weight:900}
.v60-hero{position:relative;min-height:430px;padding:34px 32px;border:1px solid #d8e6f7;border-radius:16px;background:linear-gradient(125deg,#f8fbff 0%,#eaf4ff 55%,#d9ebff 100%);overflow:hidden}
.v60-hero-copy{position:relative;z-index:5;width:53%}.v60-eyebrow{display:inline-flex;padding:5px 8px;border-radius:999px;background:#e9f2ff;color:#0b57d0;font-size:8px;font-weight:900;letter-spacing:.13em}
.v60-hero h1{margin:13px 0 12px;font-size:40px;line-height:.99;color:#10284a;letter-spacing:-.04em}.v60-hero h1 strong{color:#0b57d0}.v60-hero h1 em{color:#0b57d0;font-style:normal}
.v60-hero p{max-width:510px;margin:0;color:#48627f;font-size:14px;line-height:1.55}.v60-hero-actions{display:flex;gap:10px;margin-top:20px}
.v60-hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-width:118px;height:42px;padding:0 14px;border-radius:8px;text-decoration:none;font-size:11px;font-weight:900}
.v60-hero-actions .primary{background:#0b57d0;color:#fff}.v60-hero-actions .secondary{background:#fff;color:#12375f;border:1px solid #cad9ea}
.v60-hero-trust{display:flex;flex-wrap:wrap;gap:13px;margin-top:20px;color:#2f5b8d;font-size:9px;font-weight:800}
.v60-hero-stage{position:absolute;right:10px;top:18px;width:48%;height:360px}.v60-cart-shape{position:absolute;left:11%;right:3%;bottom:55px;height:90px;border-radius:20px 20px 35px 35px;background:linear-gradient(180deg,#d8e7f8,#a9c6e8);transform:skewX(-8deg);opacity:.7}
.v60-phone-card{position:absolute;right:7%;top:33px;width:130px;height:230px;border:7px solid #142e50;border-radius:27px;background:linear-gradient(180deg,#fff,#edf5ff);box-shadow:0 12px 25px rgba(11,54,113,.2);z-index:2;padding:28px 13px 10px;text-align:center}
.v60-phone-card:before{content:"";position:absolute;left:34px;right:34px;top:8px;height:8px;border-radius:999px;background:#142e50}.v60-phone-card span{display:block;font-size:16px;font-weight:900;color:#0b57d0}.v60-phone-card small{display:block;color:#647b95}.v60-phone-card strong{display:block;margin-top:28px;font-size:25px;color:#0b57d0}.v60-phone-card em{display:block;color:#6c8097;font-size:9px;font-style:normal}
.v60-hero-product{position:absolute;z-index:4;width:115px;height:150px;display:grid;place-items:center}.v60-hero-product img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 12px 10px rgba(16,44,80,.18))}
.v60-hero-product.p1{left:7%;top:52px}.v60-hero-product.p2{left:29%;top:91px}.v60-hero-product.p3{left:15%;top:190px}.v60-hero-product.p4{left:42%;top:180px}
.v60-pv-coins{position:absolute;right:22%;bottom:35px;z-index:5;display:flex;gap:4px}.v60-pv-coins span{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffc951,#f29b00);border:3px solid #ffd978;color:#a35b00;font-weight:900;box-shadow:0 7px 16px rgba(140,92,0,.18)}
.v60-slider-dots{position:absolute;left:50%;bottom:11px;display:flex;gap:6px}.v60-slider-dots i{width:7px;height:7px;border-radius:50%;background:#b5c9e2}.v60-slider-dots i:first-child{background:#0b57d0}
.v60-promo-stack{display:grid;grid-template-rows:repeat(4,1fr);gap:10px}.v60-promo-card{display:grid;grid-template-columns:1fr 92px;gap:10px;align-items:center;padding:13px 14px;border-radius:13px;text-decoration:none;overflow:hidden;border:1px solid transparent}
.v60-promo-card div>span{display:block;font-size:8px;font-weight:900;letter-spacing:.08em}.v60-promo-card b{display:block;margin-top:3px;color:#163856;font-size:12px}.v60-promo-card small{display:block;margin-top:3px;color:#5f7185;font-size:9px;line-height:1.3}.v60-promo-card img{width:92px;height:75px;object-fit:contain}
.v60-promo-card .promo-symbol{justify-self:end;width:65px;height:65px;border-radius:20px;display:grid;place-items:center;font-size:23px}
.v60-promo-card.deal{background:#edf6ff;border-color:#dcecff}.v60-promo-card.deal div>span{color:#0b57d0}.v60-promo-card.protect{background:#effaf6;border-color:#d8f0e7}.v60-promo-card.protect div>span{color:#0a8b58}.v60-promo-card.protect .promo-symbol{color:#0a8b58;background:#fff}
.v60-promo-card.pv{background:#f8f0ff;border-color:#ebdbff}.v60-promo-card.pv div>span{color:#7f38c9}.v60-promo-card.pv .promo-symbol{color:#7f38c9;background:#fff}
.v60-promo-card.delivery{background:#fff5ea;border-color:#ffe5c8}.v60-promo-card.delivery div>span{color:#ff6a00}.v60-promo-card.delivery .promo-symbol{color:#ff6a00;background:#fff}
.v60-service-strip{display:grid;grid-template-columns:repeat(5,1fr);margin-top:14px;border:1px solid #dfe7f0;border-radius:14px;background:#fff;overflow:hidden}.v60-service-strip a{display:flex;gap:10px;align-items:center;padding:14px 16px;border-left:1px solid #e8eef4;text-decoration:none;color:#193957}.v60-service-strip a:first-child{border-left:0}.v60-service-strip a>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eff5ff;color:#0b57d0;font-weight:900}.v60-service-strip b,.v60-service-strip small{display:block}.v60-service-strip b{font-size:10px}.v60-service-strip small{margin-top:2px;font-size:8px;color:#74869a}
.v60-growth-grid{display:grid;grid-template-columns:1.05fr .95fr 1.15fr;gap:12px;margin-top:14px}.v60-growth-card{min-height:225px;border-radius:15px;padding:20px;position:relative;overflow:hidden;border:1px solid #e0e8f1;display:grid;grid-template-columns:1fr 135px;gap:10px}
.v60-growth-card>div:first-child{position:relative;z-index:2}.v60-growth-card span{font-size:9px;font-weight:900;letter-spacing:.08em}.v60-growth-card h2{margin:7px 0;font-size:18px;color:#143556}.v60-growth-card p{margin:0;color:#5f748c;font-size:10px;line-height:1.45}.v60-growth-card ul{padding-left:17px;margin:10px 0;color:#385775;font-size:9px}.v60-growth-card a{display:inline-flex;margin-top:10px;padding:9px 12px;border-radius:8px;background:#0b57d0;color:#fff;text-decoration:none;font-size:9px;font-weight:900}
.v60-growth-card.distributor{background:linear-gradient(130deg,#eef6ff,#f7fbff)}.v60-growth-card.distributor span{color:#0b57d0}.v60-growth-card.refer{background:linear-gradient(130deg,#fff5eb,#fffaf4)}.v60-growth-card.refer span{color:#ff6a00}.v60-growth-card.rank{background:linear-gradient(130deg,#eefbf4,#f7fffa)}.v60-growth-card.rank span{color:#0d8b58}
.v60-illustration.people{align-self:end;height:185px;border-radius:80px 80px 16px 16px;background:linear-gradient(160deg,#0b57d0,#164c93);display:grid;place-items:center;color:#fff;font-size:22px;font-weight:900;box-shadow:inset 0 0 0 10px rgba(255,255,255,.12)}
.v60-network-graphic{position:relative;align-self:center;height:150px}.v60-network-graphic b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#ff8b00;font-size:28px;box-shadow:0 8px 20px rgba(255,142,0,.16)}.v60-network-graphic i{position:absolute;width:30px;height:30px;border-radius:50%;background:#fff;border:2px solid #ffc77f}.v60-network-graphic i:nth-child(1){left:10px;top:10px}.v60-network-graphic i:nth-child(2){right:10px;top:13px}.v60-network-graphic i:nth-child(3){left:0;bottom:15px}.v60-network-graphic i:nth-child(4){right:0;bottom:12px}.v60-network-graphic i:nth-child(5){left:52px;top:0}
.v60-rank-medals{align-self:center;display:flex;gap:6px}.v60-rank-medals i{width:37px;height:48px;clip-path:polygon(50% 0,95% 23%,85% 80%,50% 100%,15% 80%,5% 23%);display:grid;place-items:center;background:linear-gradient(145deg,#c58427,#ffd36a);color:#fff;font-style:normal;font-weight:900;border:1px solid #b57921}.v60-rank-medals i:nth-child(2){background:linear-gradient(145deg,#8791a0,#dce3ec)}.v60-rank-medals i:nth-child(3){background:linear-gradient(145deg,#d6a511,#ffe382)}.v60-rank-medals i:nth-child(4){background:linear-gradient(145deg,#8293ac,#dbe6f4)}.v60-rank-medals i:nth-child(5){background:linear-gradient(145deg,#0072c6,#44b5ff)}
.v60-section{margin-top:14px;border:1px solid #e0e7ef;border-radius:15px;background:#fff;padding:17px}.v60-section-head{display:flex;justify-content:space-between;gap:15px;align-items:end;margin-bottom:12px}.v60-section-head span{font-size:9px;font-weight:900;letter-spacing:.08em;color:#0b57d0}.v60-section-head h2{margin:3px 0 0;font-size:19px;color:#143556}.v60-section-head a{font-size:9px;color:#0b57d0;font-weight:900;text-decoration:none}
.v60-category-carousel{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:9px}.v60-category-carousel a{text-align:center;text-decoration:none;color:#193957}.v60-cat-image{height:88px;display:grid;place-items:center;border-radius:50%;background:#f5f8fc}.v60-cat-image img{width:82px;height:82px;object-fit:contain}.v60-category-carousel b,.v60-category-carousel small{display:block}.v60-category-carousel b{margin-top:7px;font-size:9px}.v60-category-carousel small{font-size:7px;color:#7a899a}
.v60-deals-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,.8fr);gap:12px}.v60-deal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.v60-deal-grid article{position:relative;padding:9px;border:1px solid #e2e8f0;border-radius:11px;background:#fff}.v60-deal-image{height:125px;display:grid;place-items:center}.v60-deal-image img{max-width:100%;max-height:100%;object-fit:contain}.v60-deal-grid article>small{display:block;color:#7b8a9d;font-size:7px;text-transform:uppercase}.v60-deal-grid h3{margin:4px 0;height:30px;overflow:hidden;font-size:9px}.v60-deal-grid h3 a{color:#173756;text-decoration:none}.v60-deal-grid strong{display:block;color:#ff5a00;font-size:10px}.v60-pv-chip{display:inline-flex;margin-top:5px;padding:4px 6px;border-radius:5px;background:#eaf8ef;color:#0a864f;font-size:7px;font-weight:900}.v60-deal-grid .mp-add-cart{position:absolute;right:7px;bottom:7px;width:26px;height:26px;border-radius:7px!important;padding:0!important;font-size:0}.v60-deal-grid .mp-add-cart:after{content:"+";font-size:15px}
.v60-snapshot{margin-top:14px;border:1px solid #e0e7ef;border-radius:15px;background:#fff;padding:18px}.v60-snapshot>span{font-size:9px;font-weight:900;color:#0b57d0;letter-spacing:.07em}.v60-snapshot h2{margin:5px 0;font-size:18px;color:#143556}.v60-snapshot p{color:#687c91;font-size:9px}.v60-snapshot-ring{margin:18px auto;width:150px;height:90px;border-radius:90px 90px 15px 15px;border:12px solid #1b8fcd;border-bottom-width:4px;display:grid;place-items:center;text-align:center}.v60-snapshot-ring strong,.v60-snapshot-ring small{display:block}.v60-snapshot-ring strong{color:#0b57d0}.v60-snapshot-ring small{font-size:8px;color:#718398}.v60-snapshot>a{display:inline-flex;padding:9px 12px;background:#0b57d0;color:#fff;border-radius:7px;text-decoration:none;font-size:9px;font-weight:900}.v60-snapshot-mini{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;border-top:1px solid #e6edf4}.v60-snapshot-mini span{text-align:center;padding-top:10px;font-size:7px;color:#74869a}.v60-snapshot-mini b{display:block;color:#143556;font-size:11px;margin-top:3px}
.v60-brand-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:12px}.v60-brand-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.v60-brand-strip a{text-align:center;text-decoration:none;color:#163756;padding:10px}.v60-brand-strip span{display:grid;margin:auto;width:42px;height:42px;place-items:center;border:2px solid #7cb6ff;border-radius:50%;color:#0b57d0;font-size:18px}.v60-brand-strip b{display:block;margin-top:6px;font-size:9px}
.v60-earn-card{margin-top:14px;border:1px solid #ffe0d2;border-radius:15px;background:linear-gradient(120deg,#fff3ef,#fff);padding:17px;display:grid;grid-template-columns:1fr 170px;gap:10px}.v60-earn-card span{font-size:9px;font-weight:900;color:#ff5a00}.v60-earn-card h2{font-size:16px;color:#153655}.v60-earn-card a{display:inline-flex;padding:8px 10px;border-radius:7px;background:#0b57d0;color:#fff;text-decoration:none;font-size:8px;font-weight:900}.v60-earn-products{display:flex;align-items:end}.v60-earn-products img{width:70px;height:95px;object-fit:contain;margin-left:-12px;filter:drop-shadow(0 8px 7px rgba(0,0,0,.1))}
.v60-trust-strip{display:grid;grid-template-columns:repeat(5,1fr);margin-top:14px;border:1px solid #e0e7ef;border-radius:14px;background:#fff}.v60-trust-strip>div{display:flex;gap:8px;padding:14px;border-left:1px solid #edf1f5}.v60-trust-strip>div:first-child{border-left:0}.v60-trust-strip>div>span{color:#0b57d0;font-weight:900}.v60-trust-strip b,.v60-trust-strip small{display:block}.v60-trust-strip b{font-size:9px}.v60-trust-strip small{font-size:7px;color:#76869a}
.v60-lower-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:12px;margin-top:14px}.v60-community-card,.v60-opportunity-card{min-height:215px;border:1px solid #dfe7ef;border-radius:15px;background:#fff;padding:18px}.v60-community-card>span,.v60-opportunity-card span{font-size:9px;font-weight:900;color:#0b57d0}.v60-community-card h2,.v60-opportunity-card h2{margin:5px 0 12px;font-size:18px;color:#143556}.v60-community-points{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.v60-community-points p{padding:12px;border-radius:11px;background:#f7faff;margin:0}.v60-community-points b,.v60-community-points small{display:block}.v60-community-points b{font-size:9px}.v60-community-points small{font-size:8px;color:#718399;margin-top:4px}
.v60-opportunity-card{display:grid;grid-template-columns:1fr 210px;background:linear-gradient(120deg,#eff6ff,#fff)}.v60-opportunity-card ul{padding-left:17px;color:#4f6986;font-size:9px}.v60-opportunity-card a{display:inline-flex;padding:8px 10px;background:#0b57d0;color:#fff;border-radius:7px;text-decoration:none;font-size:8px;font-weight:900}.v60-opportunity-art{display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#0b57d0,#173d77)}.v60-opportunity-art img{width:150px;height:95px;object-fit:contain}
.v60-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin-top:14px;border-radius:13px;background:#0b57d0;color:#fff;padding:17px}.v60-metrics>div{text-align:center;border-left:1px solid rgba(255,255,255,.18)}.v60-metrics>div:first-child{border-left:0}.v60-metrics strong,.v60-metrics span{display:block}.v60-metrics strong{font-size:20px}.v60-metrics span{margin-top:3px;font-size:8px;color:#d8e8ff}
@media(max-width:1180px){
.v60-top-grid{grid-template-columns:190px 1fr}.v60-promo-stack{grid-column:1/-1;grid-template-columns:repeat(4,1fr);grid-template-rows:auto}
.v60-promo-card{grid-template-columns:1fr 60px}.v60-promo-card img{width:60px;height:55px}
.v60-category-carousel{grid-template-columns:repeat(6,1fr)}
}
@media(max-width:900px){
.v60-top-grid{grid-template-columns:1fr}.v60-category-sidebar{display:none}
.v60-service-strip{grid-template-columns:repeat(2,1fr)}
.v60-growth-grid,.v60-deals-layout,.v60-brand-layout,.v60-lower-grid{grid-template-columns:1fr}
.v60-category-carousel{grid-template-columns:repeat(4,1fr)}
.v60-deal-grid{grid-template-columns:repeat(3,1fr)}
.v60-brand-strip{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:650px){
.mp-home-source-v60{padding:10px 8px 30px}
.v60-hero{min-height:660px;padding:24px 18px}.v60-hero-copy{width:100%}.v60-hero h1{font-size:34px}.v60-hero-stage{top:310px;right:0;width:100%;height:310px}.v60-phone-card{right:9%;height:190px;width:110px}.v60-hero-product{width:95px;height:115px}.v60-hero-product.p1{left:8%;top:40px}.v60-hero-product.p2{left:32%;top:55px}.v60-hero-product.p3{left:13%;top:165px}.v60-hero-product.p4{left:39%;top:165px}.v60-pv-coins{right:19%;bottom:24px}.v60-pv-coins span{width:34px;height:34px;font-size:10px}
.v60-promo-stack{grid-template-columns:1fr 1fr}.v60-service-strip{grid-template-columns:1fr}.v60-service-strip a{border-left:0;border-top:1px solid #e8eef4}.v60-service-strip a:first-child{border-top:0}
.v60-growth-grid{grid-template-columns:1fr}.v60-growth-card{grid-template-columns:1fr 110px}
.v60-category-carousel{grid-template-columns:repeat(3,1fr)}.v60-deal-grid{grid-template-columns:repeat(2,1fr)}
.v60-brand-strip{grid-template-columns:repeat(3,1fr)}.v60-trust-strip{grid-template-columns:1fr 1fr}.v60-trust-strip>div{border-top:1px solid #edf1f5;border-left:0}
.v60-community-points{grid-template-columns:1fr}.v60-opportunity-card{grid-template-columns:1fr}.v60-opportunity-art{min-height:120px;margin-top:10px}
.v60-metrics{grid-template-columns:1fr 1fr;gap:12px}.v60-metrics>div:nth-child(3){border-left:0}
}
/* OVIA Marketplace Phase 6.1 — source-of-truth visual rebuild */
.v61-home{max-width:1510px;margin:0 auto;padding:16px 18px 42px}
.v61-main-grid{display:grid;grid-template-columns:220px minmax(0,1fr) 315px;gap:14px}
.v61-categories,.v61-hero,.v61-promos .promo,.v61-section,.v61-snapshot,.v61-trust-row,.v61-community-row>article{border:1px solid #dfe7f0;border-radius:14px;background:#fff}
.v61-cat-head{display:flex;align-items:center;gap:9px;background:#0b57d0;color:#fff;padding:14px 15px;font-weight:900;border-radius:14px 14px 0 0}
.v61-categories nav{display:grid}.v61-categories a{display:grid;grid-template-columns:25px 1fr 12px;align-items:center;gap:6px;padding:10px 13px;text-decoration:none;color:#14385b;border-bottom:1px solid #eef2f6;font-size:11px}.v61-categories a:hover{background:#f4f8ff;color:#0b57d0}.v61-categories .all{color:#0b57d0;font-weight:900}.v61-cat-icon{color:#0b57d0}.v61-categories i{font-style:normal}
.v61-hero{position:relative;overflow:hidden;min-height:430px;background:linear-gradient(135deg,#eef7ff 0%,#e4f1ff 63%,#d2e8ff 100%);padding:31px 29px}
.v61-hero:after{content:"";position:absolute;right:-70px;top:-60px;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(49,125,235,.18),transparent 65%)}
.v61-hero-copy{position:relative;z-index:4;width:50%}.v61-hero-copy .eyebrow{display:inline-flex;padding:5px 8px;border-radius:999px;background:#fff;color:#0b57d0;font-size:8px;font-weight:900;letter-spacing:.1em}.v61-hero h1{font-size:39px;line-height:1;margin:12px 0;color:#102a4f;letter-spacing:-.04em}.v61-hero h1 strong,.v61-hero h1 em{color:#0b57d0;font-style:normal}.v61-hero p{color:#48627e;font-size:14px;line-height:1.5;max-width:490px}.v61-hero-actions{display:flex;gap:10px;margin-top:18px}.v61-hero-actions a{height:42px;padding:0 18px;border-radius:8px;display:flex;align-items:center;text-decoration:none;font-size:10px;font-weight:900}.v61-hero-actions .primary{background:#0b57d0;color:#fff}.v61-hero-actions .secondary{background:#fff;color:#15395e;border:1px solid #c7d6e7}.v61-hero-trust{display:flex;gap:13px;flex-wrap:wrap;margin-top:18px;color:#32608f;font-size:8px;font-weight:800}
.v61-hero-art{position:absolute;right:10px;top:8px;width:52%;height:390px;z-index:2}.v61-bag{position:absolute;left:20%;bottom:40px;width:115px;height:140px;background:linear-gradient(150deg,#0b57d0,#123f8f);clip-path:polygon(18% 16%,82% 16%,100% 100%,0 100%);color:#fff;display:grid;place-items:center;z-index:3;box-shadow:0 12px 26px rgba(18,71,140,.25)}.v61-bag:before{content:"";position:absolute;left:27px;right:27px;top:-19px;height:38px;border:7px solid #0b57d0;border-bottom:0;border-radius:22px 22px 0 0}.v61-bag span{font-size:33px;margin-top:25px}.v61-bag b{font-size:15px;margin-top:-33px}
.v61-phone{position:absolute;right:7%;top:40px;width:132px;height:236px;border:8px solid #16395f;border-radius:30px;background:linear-gradient(180deg,#fff,#eef6ff);box-shadow:0 15px 25px rgba(18,60,110,.2);z-index:4;text-align:center;padding-top:35px}.v61-phone i{position:absolute;top:9px;left:40px;right:40px;height:7px;border-radius:999px;background:#16395f}.v61-phone span,.v61-phone b,.v61-phone small,.v61-phone em{display:block}.v61-phone span{color:#0b57d0;font-weight:900}.v61-phone b{font-size:26px;color:#0b57d0;margin-top:24px}.v61-phone small{color:#54708d;font-size:9px}.v61-phone em{font-style:normal;color:#173b62;font-size:10px;margin-top:24px}
.v61-cart{position:absolute;left:15%;top:82px;width:225px;height:155px;z-index:2;border-left:7px solid #5f7894;border-bottom:7px solid #5f7894;transform:skewX(-6deg)}.v61-cart:before{content:"";position:absolute;left:22px;right:0;top:20px;height:105px;border:5px solid #5f7894;border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.44),rgba(197,216,236,.35))}.v61-cart i{position:absolute;bottom:-22px;width:25px;height:25px;border-radius:50%;background:#365a82}.v61-cart i:first-child{left:40px}.v61-cart i:nth-child(2){right:35px}
.v61-hero-prod{position:absolute;z-index:5;display:grid;place-items:center;width:94px;height:115px}.v61-hero-prod img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 12px 8px rgba(15,43,75,.16))}.v61-hero-prod.p1{left:9%;top:86px}.v61-hero-prod.p2{left:28%;top:130px}.v61-hero-prod.p3{left:17%;top:210px}.v61-hero-prod.p4{left:38%;top:230px}.v61-coins{position:absolute;right:20%;bottom:31px;display:flex;gap:4px;z-index:6}.v61-coins span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffd857,#e9a20c);border:3px solid #ffe985;color:#a66100;font-size:12px;font-weight:900}.v61-dots{position:absolute;bottom:10px;left:47%;display:flex;gap:6px}.v61-dots i{width:7px;height:7px;border-radius:50%;background:#afc4dc}.v61-dots .active{background:#0b57d0}
.v61-promos{display:grid;grid-template-rows:repeat(4,1fr);gap:10px}.v61-promos .promo{display:grid;grid-template-columns:1fr 92px;align-items:center;padding:12px 13px;text-decoration:none;overflow:hidden}.v61-promos .promo div>span{display:block;font-size:8px;font-weight:900}.v61-promos .promo b{display:block;margin:4px 0 2px;color:#153958;font-size:11px}.v61-promos .promo small{display:block;color:#62778c;font-size:8px;line-height:1.3}.v61-promos .promo img{width:92px;height:72px;object-fit:contain}.v61-promos .promo>strong{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;justify-self:end;background:#fff;font-size:22px}.v61-promos .blue{background:#eaf5ff}.v61-promos .blue span{color:#0b57d0}.v61-promos .mint{background:#ebf9f3}.v61-promos .mint span,.v61-promos .mint>strong{color:#159463}.v61-promos .violet{background:#f6edff}.v61-promos .violet span,.v61-promos .violet>strong{color:#7b38cf}.v61-promos .orange{background:#fff3e6}.v61-promos .orange span,.v61-promos .orange>strong{color:#f36a00}
.v61-benefit-strip{margin-top:13px;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #dfe7f0;border-radius:14px;background:#fff;overflow:hidden}.v61-benefit-strip a{display:flex;align-items:center;gap:10px;padding:13px 15px;border-left:1px solid #edf1f5;text-decoration:none;color:#173959}.v61-benefit-strip a:first-child{border-left:0}.v61-benefit-strip a>span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#eef5ff;color:#0b57d0;font-weight:900}.v61-benefit-strip b,.v61-benefit-strip small{display:block}.v61-benefit-strip b{font-size:9px}.v61-benefit-strip small{font-size:7px;color:#74869a;margin-top:3px}
.v61-banner-row{display:grid;grid-template-columns:1fr 1fr 1.12fr;gap:12px;margin-top:13px}.v61-banner{position:relative;overflow:hidden;min-height:230px;border-radius:14px;border:1px solid #e0e8f1;padding:19px;display:grid;grid-template-columns:1fr 150px}.v61-banner .copy{z-index:3}.v61-banner .copy>span{font-size:9px;font-weight:900;letter-spacing:.05em}.v61-banner h2{font-size:17px;color:#14395b;margin:6px 0}.v61-banner p,.v61-banner li{font-size:9px;color:#567087}.v61-banner ul{padding-left:18px}.v61-banner a{display:inline-flex;padding:9px 12px;border-radius:7px;background:#0b57d0;color:#fff;text-decoration:none;font-size:8px;font-weight:900}.v61-banner.distributor{background:linear-gradient(130deg,#eef6ff,#f7fbff)}.v61-banner.distributor .copy>span{color:#0b57d0}.v61-banner.refer{background:linear-gradient(130deg,#fff4e6,#fffaf2)}.v61-banner.refer .copy>span{color:#ff6c00}.v61-banner.rank{background:linear-gradient(130deg,#edf9f3,#f7fffb)}.v61-banner.rank .copy>span{color:#118b59}
.human-art{position:relative}.person{position:absolute;bottom:-12px;left:21px;width:115px;height:192px}.person .head{position:absolute;left:34px;top:0;width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,#5b351f,#bb7447)}.person .body{position:absolute;left:9px;top:46px;width:98px;height:145px;border-radius:48px 48px 13px 13px;background:linear-gradient(160deg,#1262da,#083e9e);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:900}.person .arm{position:absolute;top:75px;width:27px;height:92px;border-radius:20px;background:#1262da}.person .arm.a{left:-4px;transform:rotate(16deg)}.person .arm.b{right:-4px;transform:rotate(-16deg)}.spark{position:absolute;color:#6ca7ff}.s1{right:5px;top:16px}.s2{left:1px;top:43px}
.network-art{position:relative}.network-art b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:#fff;color:#ff8a00;display:grid;place-items:center;font-size:28px;box-shadow:0 8px 20px rgba(255,141,0,.17)}.network-art .n1,.network-art .n2,.network-art .n3,.network-art .n4,.network-art .n5{position:absolute;width:31px;height:31px;border:3px solid #ffc267;background:#fff;border-radius:50%;z-index:2}.network-art .n1{left:10px;top:15px}.network-art .n2{right:10px;top:18px}.network-art .n3{left:1px;bottom:25px}.network-art .n4{right:0;bottom:20px}.network-art .n5{left:55px;top:0}.network-art .l1,.network-art .l2,.network-art .l3,.network-art .l4,.network-art .l5{position:absolute;height:2px;background:#efac48;width:62px;left:45px;top:75px;transform-origin:left center}.network-art .l1{transform:rotate(-140deg)}.network-art .l2{transform:rotate(-38deg)}.network-art .l3{transform:rotate(145deg)}.network-art .l4{transform:rotate(38deg)}.network-art .l5{transform:rotate(-90deg)}
.medal-art{display:flex;align-items:center;justify-content:center;gap:6px}.medal-art i{width:40px;height:54px;clip-path:polygon(50% 0,94% 22%,84% 82%,50% 100%,16% 82%,6% 22%);display:grid;place-items:center;color:#fff;font-style:normal;font-weight:900;background:linear-gradient(150deg,#ac6c2a,#e8b75d)}.medal-art i:nth-child(2){background:linear-gradient(150deg,#7f8794,#d8e0e9)}.medal-art i:nth-child(3){background:linear-gradient(150deg,#d19d04,#ffe06f)}.medal-art i:nth-child(4){background:linear-gradient(150deg,#8b97aa,#dce7f4)}.medal-art i:nth-child(5){background:linear-gradient(150deg,#0076c7,#3bb7ff)}
.v61-section{margin-top:13px;padding:16px}.v61-section-head{display:flex;justify-content:space-between;align-items:end;gap:10px}.v61-section-head span{font-size:8px;font-weight:900;color:#0b57d0}.v61-section-head h2{font-size:18px;color:#153959;margin:3px 0}.v61-section-head a{font-size:8px;color:#0b57d0;font-weight:900;text-decoration:none}
.v61-category-row{display:grid;grid-template-columns:repeat(10,1fr);gap:9px;margin-top:12px}.v61-category-row a{text-align:center;text-decoration:none;color:#17395a}.v61-category-row .img{height:78px;display:grid;place-items:center;border-radius:50%;background:#f4f8fc}.v61-category-row img{width:72px;height:72px;object-fit:contain}.v61-category-row b,.v61-category-row small{display:block}.v61-category-row b{font-size:8px;margin-top:6px}.v61-category-row small{font-size:7px;color:#798b9c}
.v61-deals-wrap{display:grid;grid-template-columns:1.8fr .82fr;gap:12px}.v61-deal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:11px}.v61-deal-grid article{position:relative;border:1px solid #e1e8f0;border-radius:10px;padding:9px}.v61-deal-grid .pic{height:130px;display:grid;place-items:center}.v61-deal-grid .pic img{max-width:100%;max-height:100%;object-fit:contain}.v61-deal-grid small{font-size:7px;text-transform:uppercase;color:#8190a2}.v61-deal-grid h3{height:28px;overflow:hidden;margin:3px 0;font-size:9px}.v61-deal-grid h3 a{color:#17395a;text-decoration:none}.v61-deal-grid strong{display:block;color:#ff5a00;font-size:9px}.v61-deal-grid .pv{display:inline-flex;margin-top:5px;padding:4px 6px;background:#e8f7ee;color:#0b8b55;border-radius:5px;font-size:7px;font-weight:900}.v61-deal-grid .mp-add-cart{position:absolute;right:6px;bottom:6px;width:26px;height:26px;padding:0!important;border-radius:7px!important}
.v61-snapshot{margin-top:13px;padding:17px}.v61-snapshot>span{font-size:8px;font-weight:900;color:#0b57d0}.v61-snapshot h2{font-size:17px;color:#153959}.v61-snapshot .ring{width:155px;height:95px;margin:18px auto;border:12px solid #1794d4;border-bottom-width:4px;border-radius:95px 95px 18px 18px;display:grid;place-items:center}.v61-snapshot .ring div{text-align:center}.v61-snapshot strong,.v61-snapshot small{display:block}.v61-snapshot strong{color:#0b57d0}.v61-snapshot small{font-size:8px;color:#77899b}.v61-snapshot>a{display:inline-flex;padding:9px 12px;border-radius:7px;background:#0b57d0;color:#fff;text-decoration:none;font-size:8px;font-weight:900}.v61-snapshot .mini{display:grid;grid-template-columns:repeat(3,1fr);margin-top:13px;border-top:1px solid #e7edf3}.v61-snapshot .mini span{text-align:center;padding-top:9px;color:#7a8b9c;font-size:7px}.v61-snapshot .mini b{display:block;color:#153959;font-size:11px}
.v61-brand-pv-row{display:grid;grid-template-columns:1.6fr 1fr;gap:12px}.v61-brand-pv-row .brand-sec{min-height:165px}.brands{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:13px}.brands a{text-align:center;text-decoration:none;color:#17395a}.brand-icon{width:42px;height:42px;border:2px solid #5da5ff;border-radius:50%;display:grid;place-items:center;margin:auto;color:#0b57d0}.brand-icon.c2{border-color:#74c7f8}.brand-icon.c3{border-color:#ff66ce}.brand-icon.c4{border-color:#8566ff}.brand-icon.c5{border-color:#56c789}.brand-icon.c6{border-color:#ff7558}.brands b{display:block;font-size:8px;margin-top:5px}
.v61-pv-banner{margin-top:13px;border:1px solid #ffd9c8;border-radius:14px;background:linear-gradient(120deg,#fff4ef,#fff);padding:16px;display:grid;grid-template-columns:1fr 190px;align-items:center}.v61-pv-banner span{font-size:8px;font-weight:900;color:#ff5a00}.v61-pv-banner h2{font-size:16px;color:#153959}.v61-pv-banner a{display:inline-flex;padding:8px 10px;background:#0b57d0;color:#fff;border-radius:7px;text-decoration:none;font-size:8px;font-weight:900}.pv-products{position:relative;display:flex;align-items:end;height:110px}.pv-products img{width:65px;height:95px;object-fit:contain;margin-left:-12px;filter:drop-shadow(0 8px 6px rgba(0,0,0,.12))}.v61-mini-bag{width:68px;height:80px;background:#0b57d0;color:#fff;display:grid;place-items:center;margin-left:-4px;clip-path:polygon(15% 14%,85% 14%,100% 100%,0 100%);font-weight:900}.v61-mini-bag b{font-size:8px}
.v61-trust-row{margin-top:13px;display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden}.v61-trust-row>div{display:flex;gap:8px;padding:13px 14px;border-left:1px solid #edf1f5}.v61-trust-row>div:first-child{border-left:0}.v61-trust-row>div>span{color:#0b57d0;font-weight:900}.v61-trust-row b,.v61-trust-row small{display:block}.v61-trust-row b{font-size:8px}.v61-trust-row small{font-size:7px;color:#7b8b9d}
.v61-community-row{display:grid;grid-template-columns:1fr 1.1fr;gap:12px;margin-top:13px}.v61-community-row>article{padding:17px}.community-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.community-cards>div{padding:11px;background:#f7faff;border-radius:10px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900}.a1{background:#315f9b}.a2{background:#f5a33c}.a3{background:#16885c}.community-cards b,.community-cards small{display:block}.community-cards b{font-size:8px;margin-top:5px}.community-cards small{font-size:7px;color:#75869b}
.opportunity{display:grid!important;grid-template-columns:1fr 210px;background:linear-gradient(120deg,#eef6ff,#fff)!important}.opportunity>div:first-child>span{font-size:8px;font-weight:900;color:#0b57d0}.opportunity h2{font-size:17px;color:#153959}.opportunity ul{padding-left:17px;color:#536f89;font-size:8px}.opportunity a{display:inline-flex;padding:8px 10px;background:#0b57d0;color:#fff;border-radius:7px;text-decoration:none;font-size:8px;font-weight:900}.group-art{position:relative;min-height:150px;background:linear-gradient(160deg,#0b57d0,#18478b);border-radius:13px}.group-art span{position:absolute;width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#784328,#c98255);border:4px solid rgba(255,255,255,.3)}.group-art span:after{content:"";position:absolute;left:-6px;top:33px;width:50px;height:70px;border-radius:26px 26px 9px 9px;background:#145bbd}.group-art .g1{left:20px;top:34px}.group-art .g2{left:58px;top:18px}.group-art .g3{left:97px;top:32px}.group-art .g4{left:137px;top:20px}.group-art .g5{left:168px;top:42px}
.v61-metrics{margin-top:13px;padding:17px;border-radius:13px;background:#0b57d0;color:#fff;display:grid;grid-template-columns:repeat(4,1fr)}.v61-metrics div{text-align:center;border-left:1px solid rgba(255,255,255,.17)}.v61-metrics div:first-child{border-left:0}.v61-metrics span,.v61-metrics strong,.v61-metrics small{display:block}.v61-metrics span{font-size:18px}.v61-metrics strong{font-size:20px}.v61-metrics small{font-size:8px;color:#d8e9ff}
@media(max-width:1180px){.v61-main-grid{grid-template-columns:190px 1fr}.v61-promos{grid-column:1/-1;grid-template-columns:repeat(4,1fr);grid-template-rows:auto}.v61-promos .promo{grid-template-columns:1fr 55px}.v61-banner-row{grid-template-columns:1fr 1fr}.v61-banner.rank{grid-column:1/-1}.v61-category-row{grid-template-columns:repeat(6,1fr)}}
@media(max-width:900px){.v61-main-grid{grid-template-columns:1fr}.v61-categories{display:none}.v61-banner-row,.v61-deals-wrap,.v61-brand-pv-row,.v61-community-row{grid-template-columns:1fr}.v61-benefit-strip{grid-template-columns:repeat(2,1fr)}.v61-category-row{grid-template-columns:repeat(4,1fr)}.v61-deal-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.v61-home{padding:9px 8px 28px}.v61-hero{min-height:660px;padding:24px 17px}.v61-hero-copy{width:100%}.v61-hero h1{font-size:34px}.v61-hero-art{top:310px;width:100%;right:0;height:320px}.v61-phone{right:7%;height:190px;width:110px}.v61-bag{left:18%;width:90px;height:112px}.v61-cart{left:11%;width:185px}.v61-hero-prod{width:78px;height:95px}.v61-hero-prod.p1{left:7%;top:75px}.v61-hero-prod.p2{left:27%;top:108px}.v61-hero-prod.p3{left:14%;top:177px}.v61-hero-prod.p4{left:35%;top:191px}.v61-promos{grid-template-columns:1fr 1fr}.v61-benefit-strip{grid-template-columns:1fr}.v61-banner{grid-template-columns:1fr 105px}.v61-category-row{grid-template-columns:repeat(3,1fr)}.v61-deal-grid{grid-template-columns:repeat(2,1fr)}.brands{grid-template-columns:repeat(3,1fr)}.v61-pv-banner{grid-template-columns:1fr}.v61-trust-row{grid-template-columns:1fr 1fr}.opportunity{grid-template-columns:1fr!important}.group-art{margin-top:10px}.v61-metrics{grid-template-columns:1fr 1fr;gap:12px}}
/* =========================================================
Phase 6.2 — source-of-truth visual refinement
========================================================= */
/* Header / navigation: closer to source-of-truth proportions */
.mp-top{
min-height:30px!important;padding:0 28px!important;
display:flex!important;align-items:center!important;justify-content:space-between!important;
font-size:10px!important;letter-spacing:.01em
}
.mp-top>div{display:flex;align-items:center;gap:18px}
.mp-top a{text-decoration:none!important;font-size:10px!important}
.mp-header{
min-height:76px!important;padding:10px 28px!important;
display:grid!important;grid-template-columns:180px minmax(0,1fr) 210px!important;gap:22px!important;
align-items:center!important
}
.mp-logo-uploaded img{width:118px!important;height:58px!important;object-fit:contain!important}
.mp-logo-uploaded b{display:block!important;font-size:0!important}
.mp-logo-uploaded b small{display:block!important;font-size:8px!important;line-height:1.05!important;letter-spacing:.04em!important;color:#253b57!important}
.mp-search-v2{height:44px!important;border:1px solid #cbd8e8!important;border-radius:8px!important;overflow:hidden!important;background:#fff!important}
.mp-search-v2 input{font-size:12px!important;padding-left:16px!important}
.mp-search-v2 select{width:145px!important;border-left:1px solid #dde6ef!important;font-size:10px!important}
.mp-search-v2 button{width:90px!important;font-size:11px!important;border-radius:0!important;background:#0b57d0!important}
.mp-account{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:6px!important}
.mp-account a{display:grid!important;place-items:center!important;text-align:center!important;font-size:18px!important;text-decoration:none!important;color:#102b4d!important}
.mp-account a span{display:block!important;font-size:8px!important;margin-top:2px!important}
.mp-nav{min-height:44px!important;padding:0 28px!important;gap:18px!important}
.mp-nav a{font-size:10px!important;font-weight:800!important;padding:13px 8px!important}
.mp-nav .cat-toggle{width:155px!important;justify-content:flex-start!important;padding-left:14px!important}
/* Main hero proportions and polish */
.v61-main-grid{grid-template-columns:210px minmax(0,1fr) 300px!important;gap:12px!important}
.v61-categories{box-shadow:0 8px 24px rgba(25,57,90,.04)}
.v61-cat-head{background:#0b57d0!important;font-size:12px!important}
.v61-categories a{min-height:36px!important;font-size:9px!important;padding:9px 12px!important}
.v61-hero{min-height:410px!important;border-color:#d8e6f6!important;box-shadow:0 12px 30px rgba(26,74,130,.05)}
.v61-hero-copy{width:47%!important;padding-top:5px}
.v61-hero h1{font-size:42px!important;line-height:.96!important}
.v61-hero p{font-size:12px!important;max-width:455px!important}
.v61-hero-art{width:54%!important;right:2px!important}
.v61-phone{right:4%!important;top:28px!important;width:140px!important;height:245px!important}
.v61-cart{left:7%!important;top:73px!important;width:245px!important}
.v61-bag{left:21%!important;bottom:24px!important;width:122px!important;height:150px!important}
.v61-hero-prod{width:105px!important;height:126px!important}
.v61-hero-prod.p1{left:8%!important;top:74px!important}.v61-hero-prod.p2{left:31%!important;top:120px!important}.v61-hero-prod.p3{left:17%!important;top:202px!important}.v61-hero-prod.p4{left:42%!important;top:215px!important}
.v61-promos .promo{min-height:92px!important;padding:12px 14px!important;border-radius:12px!important}
.v61-promos .promo b{font-size:11px!important}
.v61-promos .promo img{height:74px!important}
/* Benefits strip */
.v61-benefit-strip{box-shadow:0 8px 18px rgba(21,57,89,.03)}
.v61-benefit-strip a{min-height:60px!important;padding:11px 15px!important}
.v61-benefit-strip a>span{width:32px!important;height:32px!important}
/* Source-of-truth banner row */
.v61-banner-row{grid-template-columns:1fr 1fr 1.15fr!important;gap:12px!important}
.v61-banner.v62-banner{
min-height:222px!important;
padding:18px 18px 14px!important;
grid-template-columns:minmax(0,1fr) 48%!important;
align-items:stretch!important;
box-shadow:0 10px 24px rgba(25,57,90,.04)!important
}
.v62-banner .copy{padding-top:3px}
.v62-banner .copy>span{font-size:8px!important;letter-spacing:.04em!important}
.v62-banner h2{font-size:17px!important;line-height:1.16!important;margin:7px 0 8px!important}
.v62-banner p,.v62-banner li{font-size:8px!important;line-height:1.5!important}
.v62-banner .copy a{margin-top:8px!important;padding:9px 12px!important}
.v62-art{display:grid;place-items:end center!important;min-width:0!important;height:100%!important;overflow:hidden!important}
.v62-art img{width:100%!important;height:100%!important;max-height:205px!important;object-fit:contain!important;object-position:center bottom!important}
.v62-banner.distributor{background:linear-gradient(130deg,#eef6ff 0%,#f9fcff 100%)!important}
.v62-banner.refer{background:linear-gradient(130deg,#fff6e9 0%,#fffaf4 100%)!important}
.v62-banner.rank{background:linear-gradient(130deg,#eefaf4 0%,#f7fffa 100%)!important}
.v62-banner.rank .rank-art img{max-height:160px!important}
/* Category section: remove dead whitespace and match the dense carousel */
.v62-categories{padding-bottom:14px!important}
.v62-categories .v61-section-head{margin-bottom:7px!important}
.v62-categories .v61-category-row{
display:grid!important;
grid-template-columns:repeat(auto-fit,minmax(100px,1fr))!important;
gap:7px!important;
align-items:start!important
}
.v62-categories .v61-category-row a{
min-width:0!important;padding:3px 2px!important;border-radius:10px!important
}
.v62-categories .v61-category-row .img{
width:82px!important;height:82px!important;margin:0 auto!important;
border-radius:50%!important;background:linear-gradient(145deg,#f8fbff,#eef4fb)!important;
border:1px solid #edf2f7!important
}
.v62-categories .v61-category-row img{width:75px!important;height:75px!important;padding:3px!important}
.v62-categories .v61-category-row b{font-size:8px!important;white-space:normal!important}
.v62-categories .utility .utility-icon{
font-size:23px!important;font-weight:900!important;color:#0b57d0!important;
background:linear-gradient(145deg,#edf5ff,#e3efff)!important
}
/* Power deals + snapshot: source-of-truth density */
.v61-deals-wrap{grid-template-columns:minmax(0,1.9fr) minmax(310px,.8fr)!important}
.v61-deal-grid{gap:7px!important}
.v61-deal-grid article{padding:8px!important;border-radius:10px!important;box-shadow:0 6px 14px rgba(26,59,92,.04)}
.v61-deal-grid .pic{height:138px!important;background:#f8fafc!important;border-radius:8px!important}
.v61-deal-grid .pic img{padding:6px!important}
.v61-deal-grid h3{font-size:9px!important;height:27px!important}
.v61-deal-grid strong{font-size:10px!important}
.v61-snapshot{background:#fff!important}
.v61-snapshot .ring{
width:170px!important;height:102px!important;border-width:11px!important;border-bottom-width:4px!important;
border-color:#2494d2!important;border-right-color:#0b57d0!important
}
.v61-snapshot .mini span{font-size:7px!important}
.v61-snapshot .mini b{font-size:12px!important}
/* Brand strip and PV banner */
.v61-brand-pv-row{grid-template-columns:1.6fr 1fr!important}
.brand-sec{padding-bottom:12px!important}
.brands{grid-template-columns:repeat(6,1fr)!important}
.brands a{padding:8px 3px!important}
.brand-icon{width:46px!important;height:46px!important;font-size:20px!important}
.brands b{font-size:8px!important}
.v61-pv-banner{
min-height:170px!important;padding:18px!important;
background:linear-gradient(115deg,#fff7f4 0%,#fff 52%,#fff0ec 100%)!important;
box-shadow:0 8px 18px rgba(255,90,0,.05)!important
}
.v61-pv-banner h2{font-size:17px!important;line-height:1.2!important}
.v61-pv-banner .pv-products{height:120px!important}
.v61-pv-banner .pv-products img{width:72px!important;height:108px!important}
/* Trust strip closer to source truth */
.v62-trust-row>div{min-height:62px!important;align-items:center!important}
.v62-trust-row .payments{display:block!important;text-align:center!important}
.v62-trust-row .payments small{display:block!important;margin-bottom:5px!important}
.v62-trust-row .payments b{font-size:13px!important;color:#0b57d0!important;letter-spacing:.02em!important}
/* Lower source-of-truth opportunity composition */
.v62-community-row{grid-template-columns:1fr 1.08fr!important}
.v62-community{background:#fff!important}
.v62-community .community-cards{gap:10px!important}
.v62-community .community-cards>div{padding:13px!important;background:#f8faff!important;border:1px solid #eef3f8!important}
.v62-community .avatar{width:42px!important;height:42px!important;font-size:10px!important}
.v62-opportunity{
grid-template-columns:minmax(0,1fr) 46%!important;
min-height:220px!important;
background:linear-gradient(120deg,#f2f7ff 0%,#fff 54%)!important;
overflow:hidden!important
}
.v62-opportunity>div:first-child{z-index:3}
.v62-team-art{display:grid;align-items:end;justify-items:end;overflow:hidden;margin:-6px -6px -17px 0}
.v62-team-art img{width:100%!important;height:100%!important;max-height:225px!important;object-fit:contain!important;object-position:right bottom!important}
/* Metrics */
.v61-metrics{
min-height:76px!important;padding:15px 18px!important;border-radius:10px!important;
background:linear-gradient(90deg,#0b57d0,#073b91)!important
}
.v61-metrics span{font-size:16px!important}.v61-metrics strong{font-size:21px!important}.v61-metrics small{font-size:8px!important}
/* Small polish */
.v61-section{box-shadow:0 8px 20px rgba(22,57,88,.025)}
.v61-section-head h2{letter-spacing:-.01em}
.v61-section-head a{font-size:8px!important}
.v61-home{padding-top:14px!important}
/* Responsive */
@media(max-width:1100px){
.mp-header{grid-template-columns:150px minmax(0,1fr) 190px!important;padding-left:18px!important;padding-right:18px!important}
.mp-nav{padding-left:18px!important;padding-right:18px!important;gap:10px!important}
.v61-banner-row{grid-template-columns:1fr 1fr!important}
.v62-banner.rank{grid-column:1/-1!important}
}
@media(max-width:800px){
.mp-top{display:none!important}
.mp-header{grid-template-columns:120px 1fr!important}
.mp-account{grid-column:1/-1!important;display:flex!important;justify-content:flex-end!important}
.v61-main-grid{grid-template-columns:1fr!important}
.v61-banner-row,.v62-community-row{grid-template-columns:1fr!important}
.v61-banner.v62-banner{grid-template-columns:1fr 43%!important}
.v61-brand-pv-row{grid-template-columns:1fr!important}
}
@media(max-width:560px){
.mp-header{padding:8px 10px!important;gap:8px!important}
.mp-logo-uploaded img{width:90px!important;height:46px!important}
.mp-search-v2{grid-column:1/-1!important}
.v61-banner.v62-banner{grid-template-columns:1fr!important}
.v62-art{min-height:150px!important}
.v62-opportunity{grid-template-columns:1fr!important}
.v62-team-art{min-height:155px!important;margin:0!important}
.v62-categories .v61-category-row{grid-template-columns:repeat(3,1fr)!important}
}
/* =========================================================
Phase 6.3 — complete source-of-truth sidebar + banners
========================================================= */
/* Complete sidebar: same density and rhythm as source-of-truth */
.v61-categories{
height:auto!important;
min-height:410px!important;
overflow:hidden!important;
background:#fff!important;
}
.v61-cat-head{
height:44px!important;
padding:0 14px!important;
border-radius:12px 12px 0 0!important;
background:#0b57d0!important;
}
.v61-categories nav{
display:block!important;
background:#fff!important;
}
.v61-categories nav a{
grid-template-columns:24px minmax(0,1fr) 12px!important;
min-height:31px!important;
height:31px!important;
padding:0 11px!important;
border-bottom:1px solid #edf1f5!important;
color:#153755!important;
font-size:8.5px!important;
line-height:1!important;
background:#fff!important;
}
.v61-categories nav a:hover{
background:#f4f8ff!important;
color:#0b57d0!important;
}
.v61-categories nav a .v61-cat-icon{
font-size:11px!important;
color:#0b57d0!important;
display:grid!important;
place-items:center!important;
}
.v61-categories nav a b{
font-weight:750!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.v61-categories nav a i{
font-size:11px!important;
color:#6180a0!important;
text-align:right!important;
}
.v61-categories nav a.all{
min-height:36px!important;
height:36px!important;
color:#0b57d0!important;
font-weight:900!important;
background:#fbfdff!important;
border-bottom:0!important;
}
/* Promotional cards: graphical, balanced and same visual language as reference */
.v63-promos{
gap:9px!important;
}
.v63-promos .promo{
grid-template-columns:minmax(0,1fr) 92px!important;
min-height:94px!important;
padding:11px 12px 11px 14px!important;
border-radius:12px!important;
border:1px solid rgba(22,57,89,.06)!important;
box-shadow:0 7px 16px rgba(21,57,89,.035)!important;
position:relative!important;
}
.v63-promos .promo:before{
content:""!important;
position:absolute!important;
left:0!important;top:0!important;bottom:0!important;
width:4px!important;
border-radius:12px 0 0 12px!important;
}
.v63-promos .promo.blue:before{background:#0b57d0!important}
.v63-promos .promo.mint:before{background:#12a167!important}
.v63-promos .promo.violet:before{background:#8539d2!important}
.v63-promos .promo.orange:before{background:#ff7a00!important}
.v63-promos .promo div:first-child{
position:relative!important;z-index:2!important;
}
.v63-promos .promo div:first-child>span{
font-size:7.5px!important;
font-weight:950!important;
letter-spacing:.04em!important;
}
.v63-promos .promo b{
font-size:11px!important;
line-height:1.15!important;
margin:4px 0 3px!important;
}
.v63-promos .promo small{
font-size:7.5px!important;
line-height:1.25!important;
}
.v63-promos .promo-art{
width:88px!important;
height:78px!important;
display:grid!important;
place-items:center!important;
align-self:center!important;
justify-self:end!important;
background:rgba(255,255,255,.56)!important;
border-radius:11px!important;
overflow:hidden!important;
}
.v63-promos .promo-art img{
width:82px!important;
height:72px!important;
object-fit:contain!important;
padding:2px!important;
}
.v63-promos .promo-art img.product{
width:76px!important;
height:72px!important;
filter:drop-shadow(0 7px 6px rgba(17,50,82,.13))!important;
}
.v63-promos .blue{background:linear-gradient(120deg,#eaf5ff,#f4f9ff)!important}
.v63-promos .mint{background:linear-gradient(120deg,#eaf8f2,#f4fcf8)!important}
.v63-promos .violet{background:linear-gradient(120deg,#f6ecff,#fbf6ff)!important}
.v63-promos .orange{background:linear-gradient(120deg,#fff2e5,#fff8ef)!important}
/* Banner row: replicate source-of-truth visual weight */
.v61-banner-row{
min-height:230px!important;
}
.v61-banner.v62-banner{
border-radius:13px!important;
min-height:230px!important;
overflow:hidden!important;
border:1px solid #dce6f0!important;
}
.v62-banner .copy{
padding:8px 2px 4px 2px!important;
}
.v62-banner .copy>span{
font-size:8px!important;
letter-spacing:.03em!important;
}
.v62-banner .copy h2{
font-size:16px!important;
line-height:1.16!important;
margin:6px 0 7px!important;
}
.v62-banner .copy p,.v62-banner .copy li{
font-size:8px!important;
line-height:1.45!important;
}
.v62-banner .copy a{
min-height:31px!important;
padding:0 12px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
font-size:8px!important;
border-radius:6px!important;
}
.v62-banner .v62-art{
align-self:stretch!important;
padding:0!important;
}
.v62-banner .v62-art img{
max-height:214px!important;
width:100%!important;
object-position:center bottom!important;
}
.v62-banner.distributor .v62-art img{
transform:scale(1.08)!important;
transform-origin:center bottom!important;
}
.v62-banner.refer .v62-art img{
transform:scale(.96)!important;
}
.v62-banner.rank .rank-art img{
max-height:155px!important;
width:110%!important;
}
/* Benefit strip same compactness as reference */
.v61-benefit-strip a{
min-height:58px!important;
gap:9px!important;
}
.v61-benefit-strip a>span{
width:31px!important;height:31px!important;
border:1px solid #d9e6f5!important;
background:#f4f8ff!important;
}
.v61-benefit-strip b{font-size:8.5px!important}
.v61-benefit-strip small{font-size:7px!important}
/* Category area in source truth is a compact horizontal carousel */
.v62-categories{
min-height:150px!important;
}
.v62-categories .v61-category-row{
grid-template-columns:repeat(auto-fit,minmax(88px,1fr))!important;
}
.v62-categories .v61-category-row .img{
width:72px!important;height:72px!important;
}
.v62-categories .v61-category-row img{
width:66px!important;height:66px!important;
}
/* Source-truth spacing */
.v61-home>section{margin-bottom:0!important}
.v61-benefit-strip,
.v61-banner-row,
.v61-section,
.v61-deals-wrap,
.v61-brand-pv-row,
.v61-trust-row,
.v61-community-row,
.v61-metrics{margin-top:12px!important}
@media(max-width:1180px){
.v61-categories{min-height:0!important}
.v61-categories nav a{height:34px!important;min-height:34px!important}
}
@media(max-width:900px){
.v61-categories{display:none!important}
.v63-promos{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:560px){
.v63-promos{grid-template-columns:1fr!important}
.v63-promos .promo{min-height:88px!important}
}
/* =========================================================
Phase 6.4 — richer graphical homepage + working hero slider
========================================================= */
.v64-hero-slider{
position:relative;
min-height:410px;
overflow:hidden;
border:1px solid #d8e6f6;
border-radius:14px;
background:#eaf4ff;
box-shadow:0 12px 30px rgba(26,74,130,.05);
}
.v64-slides{position:relative;min-height:410px}
.v64-slide{
position:absolute;inset:0;
display:grid;
grid-template-columns:48% 52%;
opacity:0;visibility:hidden;
transform:translateX(22px);
transition:opacity .45s ease,transform .45s ease,visibility .45s;
background:
radial-gradient(circle at 78% 18%,rgba(71,146,239,.16),transparent 28%),
linear-gradient(135deg,#f4f9ff 0%,#e8f3ff 58%,#d8ebff 100%);
}
.v64-slide.active{opacity:1;visibility:visible;transform:none;z-index:2}
.v64-slide:nth-child(2){
background:
radial-gradient(circle at 80% 25%,rgba(255,189,48,.22),transparent 28%),
linear-gradient(135deg,#f6faff 0%,#edf5ff 54%,#e6efff 100%);
}
.v64-slide:nth-child(3){
background:
radial-gradient(circle at 80% 25%,rgba(17,119,215,.18),transparent 32%),
linear-gradient(135deg,#f5f9ff 0%,#edf6ff 55%,#e8f3ff 100%);
}
.v64-hero-copy{
position:relative;z-index:4;
display:flex;flex-direction:column;justify-content:center;
padding:38px 30px 45px;
}
.v64-hero-copy .eyebrow{
display:inline-flex;align-self:flex-start;
padding:5px 9px;border-radius:999px;background:#fff;color:#0b57d0;
font-size:8px;font-weight:950;letter-spacing:.11em;
}
.v64-hero-copy h1{
margin:12px 0 13px;
font-size:39px;line-height:.98;letter-spacing:-.04em;color:#102a4f;
}
.v64-hero-copy h1 strong,.v64-hero-copy h1 em{color:#0b57d0;font-style:normal}
.v64-hero-copy p{max-width:465px;margin:0;color:#4c6682;font-size:12px;line-height:1.55}
.v64-hero-actions{display:flex;gap:10px;margin-top:18px}
.v64-hero-actions a{
min-height:40px;padding:0 16px;border-radius:7px;
display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
font-size:9px;font-weight:900;
}
.v64-hero-actions .primary{background:#0b57d0;color:#fff;box-shadow:0 8px 18px rgba(11,87,208,.15)}
.v64-hero-actions .secondary{background:#fff;color:#15385c;border:1px solid #cbd8e8}
.v64-hero-trust{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;font-size:7.5px;color:#355d86;font-weight:800}
.v64-hero-art{position:relative;min-width:0;overflow:hidden}
.v64-cart{
position:absolute;left:7%;top:75px;width:255px;height:165px;
border-left:7px solid #627b98;border-bottom:7px solid #627b98;
transform:skewX(-6deg);z-index:1;
}
.v64-cart:before{
content:"";position:absolute;left:20px;right:0;top:15px;height:110px;
border:5px solid #627b98;border-radius:11px;background:rgba(255,255,255,.30);
}
.v64-cart:after{
content:"";position:absolute;right:-11px;bottom:-19px;width:28px;height:28px;border-radius:50%;
background:#365a82;box-shadow:-210px 0 0 #365a82;
}
.v64-bag{
position:absolute;left:22%;bottom:32px;width:122px;height:150px;z-index:3;
clip-path:polygon(18% 16%,82% 16%,100% 100%,0 100%);
background:linear-gradient(160deg,#0b57d0,#073b91);color:#fff;display:grid;place-items:center;
box-shadow:0 13px 24px rgba(14,57,111,.22);
}
.v64-bag:before{content:"";position:absolute;left:28px;right:28px;top:-18px;height:38px;border:7px solid #0b57d0;border-bottom:0;border-radius:22px 22px 0 0}
.v64-bag span{font-size:31px;margin-top:25px}.v64-bag b{margin-top:-30px;font-size:14px}
.v64-phone{
position:absolute;right:6%;top:31px;width:140px;height:246px;z-index:5;
border:8px solid #183b62;border-radius:30px;background:linear-gradient(180deg,#fff,#eef6ff);
box-shadow:0 15px 28px rgba(18,60,110,.18);text-align:center;padding-top:36px;
}
.v64-phone i{position:absolute;top:9px;left:40px;right:40px;height:7px;border-radius:999px;background:#183b62}
.v64-phone span,.v64-phone b,.v64-phone small,.v64-phone em{display:block}
.v64-phone span{color:#0b57d0;font-weight:900}.v64-phone b{margin-top:22px;font-size:26px;color:#0b57d0}
.v64-phone small{font-size:8px;color:#5c738c}.v64-phone em{font-style:normal;color:#183b62;font-size:9px;margin-top:23px}
.v64-hero-prod{position:absolute;z-index:5;width:102px;height:120px;display:grid;place-items:center}
.v64-hero-prod img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 12px 8px rgba(15,43,75,.17))}
.v64-hero-prod.p1{left:7%;top:73px}.v64-hero-prod.p2{left:29%;top:117px}.v64-hero-prod.p3{left:16%;top:204px}.v64-hero-prod.p4{left:40%;top:215px}
.v64-coins{position:absolute;right:20%;bottom:27px;display:flex;gap:4px;z-index:6}
.v64-coins span{
width:43px;height:43px;border-radius:50%;display:grid;place-items:center;
background:linear-gradient(145deg,#ffd85b,#eca711);border:3px solid #ffea8c;
color:#9d6103;font-size:11px;font-weight:900;box-shadow:0 8px 12px rgba(176,117,0,.13)
}
/* slide 2 */
.v64-pv-ring{
position:absolute;right:13%;top:44px;width:180px;height:180px;border-radius:50%;
display:grid;place-items:center;text-align:center;
background:radial-gradient(circle,#fff 0 48%,transparent 49%),
conic-gradient(#0b57d0 0 33%,#27a96f 33% 67%,#ffb51f 67%);
box-shadow:0 18px 30px rgba(18,66,122,.14);
}
.v64-pv-ring span{font-size:42px;color:#0b57d0;font-weight:950}
.v64-pv-ring b{position:absolute;bottom:34px;font-size:8px;color:#1e446c}
.v64-rank-stack{position:absolute;right:9%;bottom:36px;display:flex;gap:6px}
.v64-rank-stack i{
width:40px;height:52px;clip-path:polygon(50% 0,94% 22%,84% 82%,50% 100%,16% 82%,6% 22%);
display:grid;place-items:center;color:#fff;font-style:normal;font-size:12px;font-weight:900;
background:linear-gradient(150deg,#a7672d,#e4ad62)
}
.v64-rank-stack i:nth-child(2){background:linear-gradient(150deg,#8b94a1,#dde4ec)}
.v64-rank-stack i:nth-child(3){background:linear-gradient(150deg,#d59c00,#ffe27a)}
.v64-rank-stack i:nth-child(4){background:linear-gradient(150deg,#8190a7,#dbe6f5)}
.v64-rank-stack i:nth-child(5){background:linear-gradient(150deg,#006fc0,#3ab8ff)}
.v64-pv-prod{position:absolute;width:90px;height:110px;display:grid;place-items:center;z-index:3}
.v64-pv-prod img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 10px 7px rgba(18,45,76,.14))}
.v64-pv-prod.p1{left:7%;top:69px}.v64-pv-prod.p2{left:28%;top:95px}.v64-pv-prod.p3{left:14%;top:205px}.v64-pv-prod.p4{left:34%;top:215px}
/* slide 3 */
.opportunity-slide{display:block}
.v64-team{position:absolute;right:2%;bottom:0;width:73%;height:88%;object-fit:contain;object-position:right bottom}
.v64-network{position:absolute;left:2%;top:42px;width:37%;height:55%;object-fit:contain;opacity:.95}
/* slider controls */
.v64-hero-arrow{
position:absolute;top:50%;z-index:8;transform:translateY(-50%);
width:38px;height:38px;border:1px solid rgba(19,63,107,.13);border-radius:50%;
background:rgba(255,255,255,.92);color:#0b57d0;font-size:25px;line-height:1;
box-shadow:0 8px 18px rgba(25,57,89,.08);cursor:pointer;
}
.v64-hero-arrow.prev{left:10px}.v64-hero-arrow.next{right:10px}
.v64-hero-arrow:hover{background:#0b57d0;color:#fff}
.v64-hero-dots{position:absolute;left:50%;bottom:11px;z-index:9;transform:translateX(-50%);display:flex;gap:6px}
.v64-hero-dots button{width:7px;height:7px;border:0;border-radius:50%;background:#a7bdd7;padding:0;cursor:pointer}
.v64-hero-dots button.active{width:19px;border-radius:999px;background:#0b57d0}
/* richer graphical features */
.v64-feature-showcase{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:12px;margin-top:12px}
.v64-feature-card{
min-height:155px;border-radius:13px;border:1px solid #dfe7f0;padding:16px 17px;
display:grid;grid-template-columns:1fr 45%;gap:12px;overflow:hidden;position:relative;
}
.v64-feature-card>div:first-child{position:relative;z-index:3}
.v64-feature-card span{font-size:8px;font-weight:950;letter-spacing:.06em}
.v64-feature-card h3{margin:5px 0 6px;color:#14395b;font-size:15px;line-height:1.16}
.v64-feature-card p{margin:0;color:#60758b;font-size:8px;line-height:1.45}
.v64-feature-card.shopping{background:linear-gradient(130deg,#edf6ff,#f9fcff)}
.v64-feature-card.shopping span{color:#0b57d0}
.v64-feature-card.earning{background:linear-gradient(130deg,#fff4e7,#fffaf2)}
.v64-feature-card.earning span{color:#ff7300}
.v64-feature-card.trust{background:linear-gradient(130deg,#edf9f4,#f8fffb)}
.v64-feature-card.trust span{color:#0f8b59}
.v64-feature-visual{position:relative;min-width:0}
.v64-feature-visual img{position:absolute;right:0;bottom:-5px;width:110px;height:110px;object-fit:contain}
.v64-mini-cart{
position:absolute;left:0;bottom:18px;width:120px;height:65px;border:4px solid #557594;border-top:0;transform:skewX(-8deg)
}
.v64-mini-cart:before{content:"";position:absolute;left:12px;right:12px;top:-36px;height:45px;border:4px solid #557594}
.v64-feature-visual img.f1,.v64-feature-visual img.f2,.v64-feature-visual img.f3{width:63px;height:77px;z-index:4}
.v64-feature-visual img.f1{left:7px;bottom:33px}.v64-feature-visual img.f2{left:48px;bottom:38px}.v64-feature-visual img.f3{left:82px;bottom:28px}
.v64-pv-medallion{
position:absolute;right:13px;top:10px;width:82px;height:82px;border-radius:50%;
background:linear-gradient(145deg,#ffd45e,#efa312);border:7px solid #ffe999;
color:#a66300;display:grid;place-items:center;font-size:25px;font-weight:950;
box-shadow:0 11px 18px rgba(177,113,0,.14)
}
.v64-bars{position:absolute;left:10px;bottom:14px;display:flex;align-items:end;gap:7px}
.v64-bars i{width:13px;border-radius:5px 5px 0 0;background:#0b57d0}.v64-bars i:nth-child(1){height:28px}.v64-bars i:nth-child(2){height:45px}.v64-bars i:nth-child(3){height:62px}.v64-bars i:nth-child(4){height:82px}
/* make major banner art more prominent */
.v62-banner .v62-art img{filter:drop-shadow(0 10px 12px rgba(31,70,111,.08))}
.v62-banner.distributor .v62-art img{transform:scale(1.16)!important}
.v62-banner.refer .v62-art img{transform:scale(1.04)!important}
.v62-banner.rank .rank-art img{transform:scale(1.04)!important}
/* cards and lower page polish */
.v61-deal-grid article,.v61-snapshot,.v61-section,.v62-community,.v62-opportunity{
box-shadow:0 8px 20px rgba(22,57,88,.035)!important;
}
.v61-deal-grid article:hover{transform:translateY(-2px);box-shadow:0 13px 24px rgba(22,57,88,.08)!important}
.v61-deal-grid article{transition:.18s ease}
.v61-pv-banner{overflow:hidden;position:relative}
.v61-pv-banner:after{content:"";position:absolute;right:-50px;top:-70px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(255,110,0,.10),transparent 68%)}
.v62-team-art img{filter:drop-shadow(0 12px 10px rgba(18,55,90,.11))}
/* desktop responsive fidelity */
@media(max-width:1180px){
.v64-slide{grid-template-columns:52% 48%}
.v64-hero-copy h1{font-size:34px}
.v64-phone{width:120px;height:220px}
.v64-cart{width:205px}
.v64-feature-showcase{grid-template-columns:1fr 1fr}
.v64-feature-card.trust{grid-column:1/-1}
}
@media(max-width:900px){
.v64-hero-slider,.v64-slides{min-height:650px}
.v64-slide{grid-template-columns:1fr;grid-template-rows:auto 320px}
.v64-hero-copy{padding:28px 22px 15px}
.v64-hero-art{min-height:320px}
.v64-feature-showcase{grid-template-columns:1fr}
.v64-feature-card.trust{grid-column:auto}
}
@media(max-width:560px){
.v64-hero-slider,.v64-slides{min-height:690px}
.v64-hero-copy h1{font-size:31px}
.v64-hero-copy p{font-size:10px}
.v64-hero-actions{flex-wrap:wrap}
.v64-hero-actions a{flex:1 1 130px}
.v64-phone{right:5%;width:105px;height:185px}
.v64-cart{left:3%;width:170px;height:125px}
.v64-bag{left:16%;width:90px;height:115px}
.v64-hero-prod{width:74px;height:88px}
.v64-hero-prod.p1{left:6%;top:52px}.v64-hero-prod.p2{left:27%;top:83px}.v64-hero-prod.p3{left:12%;top:165px}.v64-hero-prod.p4{left:34%;top:172px}
.v64-coins{right:18%}.v64-coins span{width:32px;height:32px;font-size:8px}
.v64-team{width:88%}.v64-network{width:45%}
.v64-feature-card{grid-template-columns:1fr 42%;min-height:145px}
}
/* =========================================================
Phase 6.5 — larger typography + stronger visual impact
========================================================= */
/* Remove any residual layout compensation for the removed nav category tab */
.mp-nav{
padding-left:28px!important;
gap:22px!important;
justify-content:flex-start!important;
}
.mp-nav .cat-toggle{display:none!important}
/* Global marketplace readability */
.v61-home,
.v64-hero-slider,
.v61-categories,
.v61-promos,
.v61-benefit-strip,
.v64-feature-showcase,
.v61-banner-row,
.v61-section,
.v61-snapshot,
.v61-pv-banner,
.v61-trust-row,
.v61-community-row,
.v61-metrics{
font-size:13px!important;
}
/* Header and primary navigation */
.mp-top{font-size:11px!important}
.mp-top a,.mp-top span{font-size:11px!important}
.mp-search-v2 input{font-size:13px!important}
.mp-search-v2 select{font-size:11px!important}
.mp-search-v2 button{font-size:12px!important;font-weight:900!important}
.mp-account a span{font-size:9px!important;font-weight:800!important}
.mp-nav a{
font-size:11px!important;
padding-top:14px!important;
padding-bottom:14px!important;
}
.mp-nav a:hover{color:#0b57d0!important}
/* Sidebar */
.v61-cat-head{font-size:13px!important}
.v61-categories nav a{
min-height:35px!important;
height:35px!important;
font-size:10px!important;
}
.v61-categories nav a .v61-cat-icon{font-size:12px!important}
/* Hero: stronger, brighter and larger */
.v64-hero-slider{
border-color:#bfd8f5!important;
box-shadow:0 18px 42px rgba(14,73,142,.10)!important;
}
.v64-slide{
background:
radial-gradient(circle at 82% 15%,rgba(67,160,255,.26),transparent 28%),
radial-gradient(circle at 65% 90%,rgba(64,119,255,.12),transparent 30%),
linear-gradient(135deg,#f9fcff 0%,#e8f4ff 50%,#cfe8ff 100%)!important;
}
.v64-slide:nth-child(2){
background:
radial-gradient(circle at 80% 22%,rgba(255,189,48,.28),transparent 27%),
radial-gradient(circle at 60% 88%,rgba(90,145,255,.14),transparent 27%),
linear-gradient(135deg,#fffdf8 0%,#eef5ff 52%,#dcecff 100%)!important;
}
.v64-slide:nth-child(3){
background:
radial-gradient(circle at 78% 18%,rgba(31,130,230,.24),transparent 30%),
linear-gradient(135deg,#f8fbff 0%,#eaf5ff 55%,#d9ecff 100%)!important;
}
.v64-hero-copy .eyebrow{
font-size:9px!important;
padding:7px 11px!important;
color:#0753c7!important;
box-shadow:0 5px 12px rgba(11,87,208,.08)!important;
}
.v64-hero-copy h1{
font-size:45px!important;
line-height:.99!important;
color:#0d2d56!important;
}
.v64-hero-copy p{
font-size:14px!important;
line-height:1.6!important;
color:#476783!important;
}
.v64-hero-actions a{
min-height:44px!important;
padding:0 18px!important;
font-size:10px!important;
}
.v64-hero-actions .primary{
background:linear-gradient(135deg,#0b57d0,#1748b8)!important;
box-shadow:0 10px 22px rgba(11,87,208,.22)!important;
}
.v64-hero-trust{font-size:9px!important}
.v64-phone{
box-shadow:0 18px 34px rgba(18,60,110,.22)!important;
}
.v64-bag{
background:linear-gradient(160deg,#1261df,#073b91)!important;
box-shadow:0 16px 30px rgba(11,87,208,.27)!important;
}
.v64-coins span{
transform:scale(1.05);
box-shadow:0 10px 16px rgba(176,117,0,.20)!important;
}
.v64-hero-arrow{
width:42px!important;height:42px!important;
font-size:29px!important;
}
/* Promo banners */
.v63-promos .promo{
min-height:100px!important;
box-shadow:0 12px 24px rgba(21,57,89,.07)!important;
}
.v63-promos .promo div:first-child>span{font-size:8.5px!important}
.v63-promos .promo b{font-size:12px!important}
.v63-promos .promo small{font-size:8.5px!important}
.v63-promos .blue{background:linear-gradient(120deg,#e2f1ff,#f4f9ff)!important}
.v63-promos .mint{background:linear-gradient(120deg,#e0f7ed,#f7fffb)!important}
.v63-promos .violet{background:linear-gradient(120deg,#f1e4ff,#fbf6ff)!important}
.v63-promos .orange{background:linear-gradient(120deg,#ffedd8,#fff9f1)!important}
/* Benefit strip */
.v61-benefit-strip{
box-shadow:0 10px 22px rgba(21,57,89,.05)!important;
}
.v61-benefit-strip b{font-size:10px!important}
.v61-benefit-strip small{font-size:8px!important}
.v61-benefit-strip a>span{
background:linear-gradient(145deg,#edf5ff,#dbeaff)!important;
color:#0b57d0!important;
}
/* Graphical showcase */
.v64-feature-card{
min-height:175px!important;
padding:19px 20px!important;
box-shadow:0 12px 26px rgba(22,57,88,.06)!important;
}
.v64-feature-card.shopping{
background:linear-gradient(135deg,#e7f4ff,#f8fbff)!important;
border-color:#cfe5fb!important;
}
.v64-feature-card.earning{
background:linear-gradient(135deg,#fff0d9,#fff9ef)!important;
border-color:#ffe1b7!important;
}
.v64-feature-card.trust{
background:linear-gradient(135deg,#e3f8ed,#f8fffb)!important;
border-color:#cdeedc!important;
}
.v64-feature-card span{font-size:9px!important}
.v64-feature-card h3{
font-size:18px!important;
line-height:1.18!important;
}
.v64-feature-card p{font-size:9px!important;line-height:1.55!important}
.v64-pv-medallion{
width:90px!important;height:90px!important;
font-size:28px!important;
}
/* Distributor / referral / rank banners */
.v61-banner.v62-banner{
min-height:245px!important;
box-shadow:0 14px 28px rgba(25,57,90,.07)!important;
}
.v62-banner .copy>span{font-size:9px!important}
.v62-banner .copy h2{
font-size:19px!important;
line-height:1.2!important;
}
.v62-banner .copy p,.v62-banner .copy li{
font-size:9px!important;
line-height:1.55!important;
}
.v62-banner .copy a{
font-size:9px!important;
min-height:34px!important;
}
.v62-banner.distributor{
background:linear-gradient(130deg,#e7f3ff 0%,#f8fcff 100%)!important;
}
.v62-banner.refer{
background:linear-gradient(130deg,#fff0d8 0%,#fff9ee 100%)!important;
}
.v62-banner.rank{
background:linear-gradient(130deg,#e4f7ed 0%,#f7fffb 100%)!important;
}
/* Category section */
.v61-section-head span{font-size:9px!important}
.v61-section-head h2{
font-size:21px!important;
margin-top:4px!important;
}
.v61-section-head a{font-size:9px!important}
.v62-categories .v61-category-row b{font-size:9px!important}
.v62-categories .v61-category-row small{font-size:8px!important}
.v62-categories .v61-category-row .img{
background:linear-gradient(145deg,#ffffff,#edf5ff)!important;
box-shadow:0 8px 18px rgba(30,75,120,.06)!important;
}
/* Deals */
.v61-deal-grid article{
border-color:#dbe6f0!important;
background:linear-gradient(180deg,#fff,#fbfdff)!important;
}
.v61-deal-grid article>small{font-size:8px!important}
.v61-deal-grid h3{
font-size:10px!important;
height:32px!important;
}
.v61-deal-grid strong{
font-size:11px!important;
color:#f45a00!important;
}
.v61-deal-grid .pv{font-size:8px!important}
.v61-deal-grid .mp-add-cart{
width:30px!important;height:30px!important;
font-size:15px!important;
}
/* Snapshot */
.v61-snapshot{
background:
radial-gradient(circle at 50% 18%,rgba(42,153,214,.10),transparent 33%),
linear-gradient(180deg,#ffffff,#f8fbff)!important;
}
.v61-snapshot>span{font-size:9px!important}
.v61-snapshot h2{font-size:19px!important}
.v61-snapshot>a{font-size:9px!important}
.v61-snapshot .mini span{font-size:8px!important}
.v61-snapshot .mini b{font-size:13px!important}
/* Brands + PV */
.brands b{font-size:9px!important}
.v61-pv-banner span{font-size:9px!important}
.v61-pv-banner h2{font-size:19px!important}
.v61-pv-banner a{font-size:9px!important}
.v61-pv-banner{
background:
radial-gradient(circle at 88% 25%,rgba(255,97,0,.14),transparent 28%),
linear-gradient(115deg,#fff4ef 0%,#fff 52%,#ffece5 100%)!important;
}
/* Trust row */
.v62-trust-row b{font-size:9px!important}
.v62-trust-row small{font-size:8px!important}
.v62-trust-row>div:nth-child(1){background:#f5f9ff!important}
.v62-trust-row>div:nth-child(2){background:#f3fbf7!important}
.v62-trust-row>div:nth-child(3){background:#fff9ef!important}
.v62-trust-row>div:nth-child(4){background:#f5f9ff!important}
.v62-trust-row>div:nth-child(5){background:#fff4ef!important}
/* Community / opportunity */
.v62-community{
background:linear-gradient(135deg,#ffffff,#f6faff)!important;
}
.v62-opportunity{
background:
radial-gradient(circle at 90% 22%,rgba(11,87,208,.12),transparent 32%),
linear-gradient(120deg,#eef6ff 0%,#fff 58%)!important;
}
.community-cards b{font-size:9px!important}
.community-cards small{font-size:8px!important}
.v62-opportunity>div:first-child>span{font-size:9px!important}
.v62-opportunity h2{font-size:19px!important}
.v62-opportunity ul{font-size:9px!important}
.v62-opportunity a{font-size:9px!important}
/* Metrics */
.v61-metrics{
background:linear-gradient(90deg,#0b57d0 0%,#0d49b7 48%,#073b91 100%)!important;
box-shadow:0 13px 28px rgba(8,60,135,.17)!important;
}
.v61-metrics span{font-size:18px!important}
.v61-metrics strong{font-size:24px!important}
.v61-metrics small{font-size:9px!important}
/* Footer readability */
.mp-footer{font-size:10px!important}
.mp-footer h4,.mp-footer strong{font-size:11px!important}
.mp-footer a,.mp-footer p,.mp-footer span{font-size:9px!important}
/* Responsive scaling */
@media(max-width:1180px){
.v64-hero-copy h1{font-size:39px!important}
.v61-section-head h2{font-size:19px!important}
}
@media(max-width:900px){
.v64-hero-copy h1{font-size:36px!important}
.v64-hero-copy p{font-size:12px!important}
.mp-nav a{font-size:10px!important}
}
@media(max-width:560px){
.v64-hero-copy h1{font-size:32px!important}
.v64-hero-copy p{font-size:11px!important}
.v61-section-head h2{font-size:18px!important}
.v64-feature-card h3,.v62-banner .copy h2{font-size:17px!important}
}
/* =========================================================
Phase 6.6 — hero overflow / CTA visibility repair
Root cause: Phase 6.5 enlarged hero typography without
recalculating the slide's vertical content budget.
========================================================= */
/* Give every slide one stable desktop canvas. */
.v64-hero-slider,
.v64-slides{
height:430px!important;
min-height:430px!important;
max-height:430px!important;
}
.v64-slide{
height:430px!important;
min-height:430px!important;
max-height:430px!important;
grid-template-columns:minmax(0,48%) minmax(0,52%)!important;
overflow:hidden!important;
box-sizing:border-box!important;
}
/* The copy owns a fixed safe zone. Nothing can push the CTAs below the hero. */
.v64-hero-copy{
box-sizing:border-box!important;
height:430px!important;
min-height:430px!important;
max-height:430px!important;
padding:28px 48px 42px 38px!important;
display:flex!important;
flex-direction:column!important;
justify-content:flex-start!important;
overflow:visible!important;
}
.v64-hero-copy .eyebrow{
flex:0 0 auto!important;
margin-bottom:10px!important;
}
.v64-hero-copy h1{
flex:0 0 auto!important;
margin:0 0 12px!important;
font-size:38px!important;
line-height:1.00!important;
letter-spacing:-.035em!important;
max-width:500px!important;
}
.v64-slide:nth-child(3) .v64-hero-copy h1{
font-size:36px!important;
line-height:1.00!important;
}
.v64-hero-copy p{
flex:0 0 auto!important;
margin:0!important;
max-width:475px!important;
font-size:12.5px!important;
line-height:1.48!important;
}
.v64-hero-actions{
flex:0 0 auto!important;
margin-top:16px!important;
display:flex!important;
flex-wrap:wrap!important;
gap:9px!important;
}
.v64-hero-actions a{
height:40px!important;
min-height:40px!important;
padding:0 15px!important;
font-size:9px!important;
white-space:nowrap!important;
}
.v64-hero-trust{
flex:0 0 auto!important;
margin-top:13px!important;
gap:10px!important;
font-size:8px!important;
line-height:1.2!important;
}
/* Arrows now sit in dedicated edge gutters, not on top of the headline. */
.v64-hero-arrow{
top:auto!important;
bottom:16px!important;
transform:none!important;
width:34px!important;
height:34px!important;
font-size:22px!important;
z-index:15!important;
}
.v64-hero-arrow.prev{left:12px!important}
.v64-hero-arrow.next{right:12px!important}
/* Keep dots centred and separated from CTA / arrows. */
.v64-hero-dots{
bottom:19px!important;
z-index:16!important;
}
/* Artwork is constrained to the same fixed hero height. */
.v64-hero-art{
height:430px!important;
min-height:430px!important;
max-height:430px!important;
overflow:hidden!important;
}
.v64-phone{top:28px!important}
.v64-team{bottom:-4px!important;max-height:390px!important}
.v64-network{top:42px!important;max-height:230px!important}
/* Tablet: keep hero stable but allow slightly smaller copy. */
@media(max-width:1180px){
.v64-hero-copy{padding:28px 42px 42px 34px!important}
.v64-hero-copy h1{font-size:34px!important}
.v64-slide:nth-child(3) .v64-hero-copy h1{font-size:32px!important}
.v64-hero-copy p{font-size:11.5px!important}
}
/* Mobile/tablet stack gets an explicit taller canvas and visible CTA zone. */
@media(max-width:900px){
.v64-hero-slider,
.v64-slides{
height:670px!important;
min-height:670px!important;
max-height:670px!important;
}
.v64-slide{
height:670px!important;
min-height:670px!important;
max-height:670px!important;
grid-template-columns:1fr!important;
grid-template-rows:330px 340px!important;
}
.v64-hero-copy{
height:330px!important;
min-height:330px!important;
max-height:330px!important;
padding:22px 28px 20px 28px!important;
}
.v64-hero-copy h1{font-size:31px!important}
.v64-slide:nth-child(3) .v64-hero-copy h1{font-size:29px!important}
.v64-hero-copy p{font-size:10.5px!important;line-height:1.42!important}
.v64-hero-actions{margin-top:12px!important}
.v64-hero-actions a{height:38px!important;min-height:38px!important}
.v64-hero-trust{margin-top:10px!important;font-size:7.5px!important}
.v64-hero-art{
height:340px!important;
min-height:340px!important;
max-height:340px!important;
}
.v64-hero-arrow{bottom:12px!important}
.v64-hero-dots{bottom:15px!important}
}
@media(max-width:560px){
.v64-hero-slider,
.v64-slides{
height:700px!important;
min-height:700px!important;
max-height:700px!important;
}
.v64-slide{
height:700px!important;
min-height:700px!important;
max-height:700px!important;
grid-template-rows:360px 340px!important;
}
.v64-hero-copy{
height:360px!important;
min-height:360px!important;
max-height:360px!important;
padding:20px 22px 18px!important;
}
.v64-hero-copy h1{font-size:29px!important}
.v64-slide:nth-child(3) .v64-hero-copy h1{font-size:27px!important}
.v64-hero-copy p{font-size:10px!important}
.v64-hero-actions a{
flex:1 1 125px!important;
padding:0 10px!important;
font-size:8.5px!important;
}
.v64-hero-trust{display:none!important}
}