/* Happyfilms v12.6 — clean shopping-first public storefront.
   Scoped to public pages; existing checkout, admin, data and payment logic unchanged. */
.mk-shopping.home-store,.mk-shopping.apps-store,.mk-shopping.smm-store,.mk-shopping.byshop-store{background:#f5f7fb;color:#16263e}
.mk-shopping.home-store::before,.mk-shopping.home-store::after,.mk-shopping.apps-store::before,.mk-shopping.apps-store::after,.mk-shopping.smm-store::before,.mk-shopping.smm-store::after,.mk-shopping.byshop-store::before,.mk-shopping.byshop-store::after{display:none}
.mk-shopping .shell{width:min(1190px,calc(100% - 40px))}
.mk-topbar.topbar{height:72px;padding:0 18px;background:rgba(12,25,47,.98);border-bottom:1px solid #22344f;box-shadow:0 4px 18px #13244012}
.mk-topbar .mk-top-inner{width:min(1240px,100%);margin:auto;display:flex;align-items:center;gap:28px;min-width:0}
.mk-topbar .brand{margin-right:0;flex-shrink:0;color:#fff}
.mk-topbar .brand img{width:39px;height:39px;border-radius:12px;border:1px solid #43516a;object-fit:cover}
.mk-topbar .brand span{display:flex;flex-direction:column;gap:0;align-items:flex-start;line-height:1.2}
.mk-topbar .brand strong{font-size:20px;color:#fff;letter-spacing:-.5px}
.mk-topbar .brand small{font-size:10px;color:#9ab8ec;letter-spacing:1px;text-transform:uppercase}
.mk-topbar .mk-nav{display:flex;flex:1;gap:2px;justify-content:center;align-items:center}
.mk-topbar .mk-nav a{color:#c3d0e4;font-size:13px;font-weight:650;padding:10px 12px;white-space:nowrap;border-radius:9px;transition:background .18s,color .18s}
.mk-topbar .mk-nav a:hover,.mk-topbar .mk-nav a[aria-current="page"]{color:#fff;background:#203754}
.mk-top-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}
.mk-top-actions a{font-size:13px;font-weight:750;padding:10px 13px;border-radius:10px;white-space:nowrap}
.mk-top-actions .mk-login{color:#e4edff;border:1px solid #45607d}
.mk-top-actions .mk-help{color:#fff;background:#087e65}
.mk-top-actions a:focus-visible,.mk-shopping a:focus-visible,.mk-shopping button:focus-visible{outline:3px solid #75aeff;outline-offset:3px}
.mk-shopping.home-store .btn-primary,.mk-shopping.apps-store .btn-primary,.mk-shopping.smm-store .btn-primary,.mk-shopping.byshop-store .btn-primary{background:#205ee5;color:white;box-shadow:none}
.mk-shopping .btn:hover{transform:none;filter:brightness(.98)}
.mk-shopping .btn-primary::after{display:none}
.mk-shopping .section{padding:28px 0 42px}
.mk-shopping .section .section-head{margin-bottom:18px}
.mk-shopping .section .section-head h2{color:#1c304d;font-size:clamp(22px,3vw,29px);letter-spacing:-.7px}
.mk-shopping .section .eyebrow{color:#3a6bad;letter-spacing:.11em}
.mk-shopping .section .section-head:after{content:none}
/* Home */
.mk-home-hero{margin-top:25px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(275px,.75fr);gap:16px}
.mk-home-copy{border-radius:24px;padding:clamp(25px,4.7vw,58px);background:linear-gradient(118deg,#0e2a51 5%,#184e91 72%,#3069b9);color:white;position:relative;overflow:hidden;min-width:0}
.mk-home-copy:after{content:"";position:absolute;width:330px;height:330px;border:1px solid #ffffff1d;border-radius:50%;right:-160px;top:-130px;box-shadow:0 0 0 60px #ffffff08;pointer-events:none}
.mk-kicker{font-weight:850;letter-spacing:.12em;font-size:11px;text-transform:uppercase;color:#3d76c7}
.mk-home-copy .mk-kicker{color:#a6d8ff}
.mk-home-copy h1{color:white;font-size:clamp(35px,4.7vw,62px);line-height:1.15;letter-spacing:-1.8px;margin:16px 0}
.mk-home-copy h1 span{color:#a7e4ff}
.mk-home-copy>p{max-width:600px;color:#dbeafe;font-size:15px;line-height:1.9;margin:0 0 28px}
.mk-home-search{max-width:610px;position:relative;z-index:1}
.mk-home-search label{display:block;font-size:13px;margin:0 0 9px;font-weight:800;color:#ebf5ff}
.mk-home-search>div{display:flex;align-items:center;gap:6px;background:white;border-radius:14px;padding:6px;box-shadow:0 10px 34px #001f4b25}
.mk-home-search input{height:43px;flex:1;min-width:0;background:transparent;border:0;outline:0;padding:0 12px;color:#172a45;font-size:15px}
.mk-home-search button{cursor:pointer;background:#1764de;color:white;border:0;border-radius:10px;padding:12px 17px;min-height:43px;font-size:13px;font-weight:850;white-space:nowrap}
.mk-hero-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#c4dcf8;font-size:12px;margin-top:18px}
.mk-home-aside{border:1px solid #dde6f3;border-radius:24px;background:white;padding:clamp(20px,2.5vw,32px);display:flex;flex-direction:column;justify-content:center;box-shadow:0 12px 34px #16294d09}
.mk-aside-title{font-size:20px;font-weight:900;color:#1b3151;margin-bottom:12px}
.mk-how-row{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #edf1f7}
.mk-how-row>b{font-size:15px;display:grid;place-items:center;flex:0 0 37px;height:37px;background:#e9f1ff;border-radius:12px;color:#215bc2}
.mk-how-row strong,.mk-how-row span{display:block}
.mk-how-row strong{font-size:14px;line-height:1.6;color:#1a2d4b}
.mk-how-row span{font-size:12px;line-height:1.7;color:#69788e}
.mk-aside-link{display:inline-block;color:#2560ca;font-size:13px;font-weight:800;margin-top:20px}
.mk-zones{padding:38px 0 14px}
.mk-section-top h2{font-size:clamp(24px,3vw,32px);color:#1b2d49;margin:5px 0 3px;letter-spacing:-.8px}
.mk-section-top p{color:#65758d;font-size:14px;margin:0 0 21px}
.mk-zones-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.mk-zone{min-width:0;border-radius:19px;border:1px solid #e0e6f0;background:#fff;padding:25px;display:flex;flex-direction:column;box-shadow:0 12px 32px #0b2d6010}
.mk-zone-icon{width:54px;height:54px;display:grid;place-items:center;color:#185bbf;background:#e9f3ff;font-size:31px;border-radius:15px;margin-bottom:18px}
.mk-zone-smm .mk-zone-icon{color:#08766f;background:#e1f6f3}
.mk-zone-partner .mk-zone-icon{color:#8d539e;background:#f6ecfa}
.mk-zone h3{font-size:19px;line-height:1.4;letter-spacing:-.4px;margin:0 0 6px;color:#172b46}
.mk-zone p{color:#687991;margin:0 0 15px;font-size:13px;line-height:1.8}
.mk-zone-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.mk-zone-chips a,.mk-zone-detail{font-size:11px;line-height:1.7;padding:6px 10px;border:1px solid #d9e6f9;border-radius:50px;color:#315c98;background:#f5f9ff}
.mk-zone-detail{align-self:flex-start;margin-bottom:12px}
.mk-zone-cta{display:flex;justify-content:space-between;align-items:center;color:#1555ae;font-weight:850;font-size:14px;margin-top:auto;padding-top:15px;border-top:1px solid #eaf0f5}
.mk-home-catalog{padding-top:28px!important}
.mk-shopping.home-store #catalogGrid .product-card:nth-child(n+7){display:none}
.mk-view-all{text-align:center;margin-top:24px}.mk-view-all a{display:inline-flex;padding:13px 23px;border-radius:12px;background:#e7f0ff;color:#2154a8;font-size:14px;font-weight:850}
/* Individual storefront headings */
.mk-list-hero{margin-top:22px;margin-bottom:16px;border:1px solid #e0e6ef;border-radius:20px;background:#fff;padding:24px 30px;box-shadow:0 9px 32px #102d5310}
.mk-crumb{display:flex;align-items:center;gap:10px;color:#76859b;font-size:12px;margin-bottom:16px}
.mk-crumb a{color:#2663b9}.mk-crumb strong{color:#405978;font-weight:750}
.mk-list-hero-content{display:flex;align-items:center;justify-content:space-between;gap:14px}
.mk-list-hero h1{font-size:clamp(27px,4vw,42px);letter-spacing:-1.1px;color:#172943;margin:7px 0 8px;line-height:1.2}
.mk-list-hero p{color:#667790;max-width:750px;margin:0;font-size:14px;line-height:1.8}
.mk-list-hero-icon{width:78px;height:78px;flex:0 0 78px;border-radius:18px;background:#eaf3ff;color:#2869c6;display:grid;place-items:center;font-size:42px}
.mk-smm-hero .mk-list-hero-icon{background:#e3f8f2;color:#078273}
.mk-byshop-hero .mk-list-hero-icon{background:#f4eefb;color:#925ac5}
.mk-mini-info{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.mk-mini-info span{font-size:11px;font-weight:800;color:#10775d;padding:6px 10px;border-radius:9px;background:#e3f8f0}
.mk-shop-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0 auto 14px}
.mk-shop-tiles a{display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;column-gap:11px;align-items:center;padding:19px 17px;border:1px solid #e1e8f2;border-radius:16px;background:white;box-shadow:0 7px 25px #1e3d6509}
.mk-shop-tiles a:hover,.mk-zone:hover{border-color:#9cbfec;box-shadow:0 12px 30px #1e3d6517}
.mk-shop-tiles a>span{grid-row:1/span 2;display:grid;place-items:center;background:#edf4ff;color:#2b64bd;border-radius:12px;font-size:25px;width:46px;height:46px}
.mk-shop-tiles strong{color:#1c314b;line-height:1.4}.mk-shop-tiles small{color:#75849a;font-size:11px}
.mk-disclosure{border:1px solid #d5e5f7;border-radius:14px;background:#edf6ff;padding:16px 20px;color:#234563;font-size:13px;margin:0 auto 17px}
.mk-disclosure strong{display:block;margin:0 0 3px}.mk-disclosure p{margin:0;line-height:1.7;color:#466781}
/* Product listing */
.mk-shopping.home-store #catalog,.mk-shopping.apps-store #catalog,.mk-shopping.byshop-store #catalog{background:transparent}
.mk-shopping #catalog .section-head{align-items:center}
.mk-shopping #catalogGrid.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.mk-shopping #catalogGrid .product-card{border:1px solid #e1e8f2!important;background:white!important;border-radius:18px!important;color:#172d47;padding:20px;min-height:245px;box-shadow:0 10px 27px #162d4b0c;transform:none!important;transition:border-color .15s,box-shadow .15s}
.mk-shopping #catalogGrid .product-card:hover{border-color:#8eb7ed!important;box-shadow:0 13px 28px #162d4b18}
.mk-shopping #catalogGrid .product-card::after{display:none!important}
.mk-shopping #catalogGrid .product-card h3{color:#152944;font-size:16px;line-height:1.5;margin:9px 0 5px}
.mk-shopping #catalogGrid .product-card>p{color:#677a92;font-size:12px;line-height:1.55}
.mk-shopping #catalogGrid .product-card .tag{background:#edf4ff;color:#265cb0;border:1px solid #dce9fb;border-radius:50px;font-size:11px}
.mk-shopping #catalogGrid .product-card .product-permalink a{font-size:11px;border-radius:9px;color:#3769b0;border:1px solid #dae5f7;background:#f5f8ff}
.mk-shopping #catalogGrid .product-card .product-bottom{border-top:1px solid #eef2f8;padding-top:14px;margin-top:auto}
.mk-shopping #catalogGrid .product-card .from-price small{color:#77879b}
.mk-shopping #catalogGrid .product-card .from-price b{color:#114fba;font-weight:900}
.mk-shopping #catalogGrid .product-card .product-bottom .btn{background:#1d62dd;color:white;border:0;box-shadow:none;border-radius:10px}
.mk-shopping #catalogGrid .product-card .product-bottom .btn:disabled{background:#dce4f0;color:#71819a}
.mk-shopping #catalog .search-wrap input{width:min(100%,330px);min-width:0;min-height:49px;background:#fff;border:1px solid #d7e2f1;color:#162b49;border-radius:12px;font-size:15px;padding:12px 15px}
.mk-shopping #catalog .search-wrap input:focus{outline:3px solid #aecfff;border-color:#5b8fe1}
.mk-shopping #catalog .tabs{display:flex;gap:8px;flex-wrap:nowrap;overflow:auto;padding:5px 0 13px;margin:0 0 12px;background:none;scrollbar-width:thin}
.mk-shopping #catalog .tab{color:#46607b;background:#fff;border:1px solid #d9e4f1;border-radius:11px;white-space:nowrap;min-height:43px;font-size:13px}
.mk-shopping #catalog .tab.active{background:#1b5bd3;color:#fff;border-color:#1b5bd3}
.mk-shopping #catalog .loading-card{background:#fff;border:1px dashed #d2deee;border-radius:13px;color:#56708e;padding:27px}
.mk-shopping .presence-notice{border:1px solid #dce5f1;background:#fff;color:#34516e;box-shadow:0 5px 24px #1834550a;margin-top:18px;font-size:12px}
.mk-shopping .presence-notice .notice-main,.mk-shopping .presence-notice .notice-links{color:#34516e}
.mk-shopping .presence-notice a{color:#215bb5}
.mk-shopping .presence-notice strong{color:#223b58}
.mk-shopping .presence-notice:after{display:none}
.mk-shopping .mk-home-how{padding:40px 0 55px}
.mk-shopping .mk-home-how .steps{gap:12px}
.mk-shopping .mk-home-how .steps article{background:#fff;border:1px solid #e1e8f1;border-radius:15px;padding:19px;color:#182e4b}
.mk-shopping .mk-home-how .steps h3{color:#1b3150}.mk-shopping .mk-home-how .steps p{color:#687b90;font-size:13px}
.mk-shopping .mk-home-how .steps .step-icon{background:#e8f1ff;color:#1d60c1;border-color:#d2e6fb}
.mk-shopping .footer{border-top:1px solid #e1e8f1;background:#f5f7fb;color:#6b7d91;padding-top:28px;padding-bottom:35px}
.mk-shopping .footer .brand strong{color:#1c334e}.mk-shopping .footer a{color:#386aa8}
.mk-shopping .footer-brand img{border-color:#dce4ec}
/* SMM catalogue remains accessible but avoids presenting a second competing store UI */
.mk-secondary-catalog{border:1px solid #dce6f2;background:white;border-radius:16px;margin-bottom:25px;padding:0 18px}
.mk-secondary-catalog>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:14px;font-weight:850;color:#2055a3;padding:19px 3px;list-style:none}
.mk-secondary-catalog>summary::-webkit-details-marker{display:none}
.mk-secondary-catalog[open]>summary span{transform:rotate(180deg)}
.mk-secondary-catalog #catalog{width:100%;padding:5px 0 24px}
.mk-secondary-catalog #catalog .product-card{background:#fff}
.mk-shopping .sh-panel-shell{margin-top:16px;margin-bottom:18px}
.mk-shopping .sh-panel-card{background:#132742;border:1px solid #2e4c73;border-radius:19px}
.mk-shopping .bs-public-filters{gap:8px;margin:8px auto 6px;padding:4px 0 9px}
.mk-shopping .bs-public-filters button{background:white;color:#3d5e83;border-color:#d5e1ef;border-radius:11px}
.mk-shopping .bs-public-filters button.active{background:#1c5dd5;color:white;border-color:#1c5dd5}
.mk-shopping .hf-byshop-empty{background:#fff;border-color:#d1dfed;color:#29435f}
.mk-shopping .hf-byshop-empty p{color:#63778e}.mk-shopping .hf-byshop-empty a{color:#205db9}
/* Keep legacy checkout dark and readable despite the light catalog */
.mk-shopping dialog.modal{color:#fff}
.mk-shopping dialog.modal .modal-card{background:#111d2b;color:#f6f8fe}
.mk-shopping dialog.modal .btn-secondary{background:#243246;color:#f0f6ff;border-color:#3e526e}
.mk-shopping dialog.modal .btn-ghost{color:#e2eafa}
/* No dead-looking navigational controls */
.mk-shopping .mk-mobile-nav a{color:#bdcbe0}
.mk-shopping .mk-mobile-nav a[aria-current="page"]{color:#fff;background:#2b4c77}
@media(max-width:1100px){.mk-topbar .mk-nav{display:none!important}.mk-topbar .mk-top-inner{justify-content:space-between}.mk-topbar .mk-top-actions{margin-left:auto}}
@media(max-width:900px){.mk-home-hero{grid-template-columns:1fr}.mk-home-aside{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mk-aside-title,.mk-aside-link{grid-column:1/-1}.mk-how-row{border:1px solid #ebeff7;border-radius:12px;padding:12px}.mk-zones-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-zone-main{grid-column:1/-1}.mk-shopping #catalogGrid.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 .mk-shopping .shell{width:calc(100% - 24px)}
 .mk-topbar.topbar{height:62px;padding:0 12px}
 .mk-topbar .brand img{width:34px;height:34px}
 .mk-topbar .brand strong{font-size:17px}.mk-topbar .brand small{font-size:9px}
 .mk-topbar .mk-login{display:none}.mk-topbar .mk-help{font-size:12px;padding:9px 11px}
 .mk-home-hero{margin-top:12px;gap:10px}.mk-home-copy{padding:27px 19px;border-radius:17px}.mk-home-copy h1{font-size:35px;letter-spacing:-1px}.mk-home-copy p{font-size:13px;margin-bottom:20px}
 .mk-home-search>div{flex-direction:column;padding:7px;align-items:stretch}.mk-home-search input{width:100%;padding:0 11px}.mk-home-search button{width:100%}
 .mk-home-aside{grid-template-columns:1fr;padding:20px;border-radius:17px}.mk-aside-title{font-size:18px;margin-bottom:1px}.mk-how-row{padding:9px 0;border:0;border-bottom:1px solid #edf1f7;border-radius:0}
 .mk-zones{padding-top:25px}.mk-zones-grid{grid-template-columns:1fr;gap:10px}.mk-zone-main{grid-column:auto}.mk-zone{padding:19px}.mk-zone-icon{height:45px;width:45px;font-size:25px;margin-bottom:11px}.mk-zone h3{font-size:17px}
 .mk-list-hero{padding:20px 17px;margin-top:12px;border-radius:16px}.mk-list-hero-icon{width:52px;height:52px;flex-basis:52px;font-size:28px}.mk-list-hero h1{font-size:27px}.mk-crumb{margin-bottom:11px}.mk-list-hero p{font-size:13px}
 .mk-shop-tiles{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.mk-shop-tiles a{display:flex;flex-direction:column;padding:13px 7px;text-align:center;gap:4px;min-width:0}.mk-shop-tiles a>span{font-size:22px;height:40px;width:40px}.mk-shop-tiles strong{font-size:12px}.mk-shop-tiles small{display:none}
 .mk-shopping .section{padding:22px 0 30px}.mk-shopping #catalog .section-head{align-items:stretch;gap:10px}.mk-shopping #catalog .section-head .search-wrap{width:100%}.mk-shopping #catalog .search-wrap input{width:100%;max-width:none}.mk-shopping #catalog .tabs{position:static;top:auto;padding:0 0 12px}
 .mk-shopping #catalogGrid.catalog-grid{grid-template-columns:1fr!important;gap:10px}.mk-shopping #catalogGrid .product-card{grid-template-columns:60px minmax(0,1fr);padding:15px;min-height:0}.mk-shopping #catalogGrid .product-card .product-icon{width:54px!important;height:54px!important;grid-row:1/span 3;margin:0}.mk-shopping #catalogGrid .product-card h3{font-size:15px;margin:0;line-height:1.4}.mk-shopping #catalogGrid .product-card>p{grid-column:2}.mk-shopping #catalogGrid .product-card .product-meta{grid-column:2}.mk-shopping #catalogGrid .product-card .product-permalink{grid-column:1/-1}.mk-shopping #catalogGrid .product-card .product-bottom{grid-column:1/-1}
 .mk-shopping .presence-notice{margin-bottom:0}.mk-shopping .mk-home-how .steps{grid-template-columns:1fr}.mk-shopping .mk-home-how .steps article{padding:15px}
 .mk-shopping .footer{padding-bottom:95px}
 .mk-shopping .hf-mobile-nav.mk-mobile-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;left:0;right:0;bottom:0;height:70px;border-radius:16px 16px 0 0;background:#11243c;border:0;padding:5px 4px max(5px,env(safe-area-inset-bottom));box-shadow:0 -7px 25px #14283b30;z-index:70}
 .mk-shopping .hf-mobile-nav.mk-mobile-nav a{min-width:0;color:#c5d3e8;font-size:10px;gap:0;border-radius:9px}.mk-shopping .hf-mobile-nav.mk-mobile-nav .hf-mobile-icon{font-size:22px;font-weight:700}
 .mk-secondary-catalog{padding:0 12px}
 .mk-shopping dialog.modal .modal-card{background:#111d2b}
}
@media(max-width:380px){.mk-topbar .brand strong{font-size:15px}.mk-home-copy h1{font-size:30px}.mk-hero-foot{gap:6px;font-size:10px}.mk-list-hero-icon{display:none}}
@media(prefers-reduced-motion:reduce){.mk-shopping *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Render all product cards immediately; legacy scroll-reveal animations may keep
   offscreen catalogue cards invisible in snapshots or reduced-motion browsers. */
.mk-shopping.home-store .hf-reveal,.mk-shopping.apps-store .hf-reveal,.mk-shopping.smm-store .hf-reveal,.mk-shopping.byshop-store .hf-reveal{opacity:1!important;transform:none!important;transition-delay:0ms!important}
.mk-market-footer{display:grid;grid-template-columns:1fr 1.4fr;gap:15px 25px;align-items:start!important;padding-top:28px!important;padding-bottom:42px!important}
.mk-market-footer .mk-footer-brand strong{display:block;color:#182d48;font-size:19px}
.mk-market-footer .mk-footer-brand span{display:block;color:#697f98;font-size:12px;margin-top:7px;max-width:310px}
.mk-market-footer nav{display:flex;justify-content:flex-end;gap:12px 19px;flex-wrap:wrap}
.mk-market-footer nav a{font-size:12px;color:#426da5}
.mk-market-footer>p{grid-column:1/-1;margin:9px 0 0;font-size:11px;color:#8493a6}
@media(max-width:640px){.mk-market-footer{grid-template-columns:1fr;gap:16px}.mk-market-footer nav{justify-content:flex-start;gap:9px 15px}.mk-market-footer>p{grid-column:auto}}