/* Shared controls preserve the original Classica layout. */
.share-app{position:relative;z-index:3;border:1px solid #dce6f4;background:#f4f8ff;color:#24599d;border-radius:10px;min-height:36px;margin-top:8px;font-size:12px;font-weight:650}
#shareURL{display:block;width:100%;min-width:0;padding:12px;margin-top:8px;border:1px solid #d6e2ef;border-radius:12px;color:#243f64;background:#f6f9ff}#shareDialog h2{clear:both;padding-top:15px;font-size:21px}
html[data-theme=premium]{--ink:#172c50;--muted:#647590;--blue:#1769ed;background:#f2f6fc}
html[data-theme=premium] body{background:#f2f6fc}
html[data-theme=premium] .app-shell{max-width:850px;padding:0 14px 108px}
html[data-theme=premium] .cover{margin:0 -14px 20px;padding:18px 18px 20px;background:#073eae url('assets/premium-cover.webp?v=cap-1') right center/cover no-repeat;border-radius:0 0 28px 28px;box-shadow:0 10px 25px #175bbe22;color:#fff}
html[data-theme=premium] .top{padding:0;background:none}
html[data-theme=premium] .brand strong{font-size:34px;letter-spacing:-1.3px}
html[data-theme=premium] .brand>img{width:43px;height:47px}
html[data-theme=premium] .brand span{font-size:12px;color:#d5eaff}
html[data-theme=premium] .avatar{display:none}
html[data-theme=premium] .hero{display:block;margin:16px 0 0;min-height:0;background:none;border-radius:0;box-shadow:none;overflow:visible}
html[data-theme=premium] .mascot{display:none}
html[data-theme=premium] .hero-copy{padding:0;max-width:62%}
html[data-theme=premium] .hero h1{font-size:30px;line-height:1.1;letter-spacing:-.8px;margin:0 0 10px}
html[data-theme=premium] .hero h1 b{color:#60d8ff}
html[data-theme=premium] .mini{display:none}
html[data-theme=premium] .panel{background:transparent;box-shadow:none;padding:0;margin-top:24px;border-radius:0}
html[data-theme=premium] .section-head{margin:0 1px 12px}
html[data-theme=premium] .section-head h2{font-size:20px;letter-spacing:-.6px}
html[data-theme=premium] .linkbtn{font-size:12px}
html[data-theme=premium] .featured{grid-template-columns:1fr;gap:10px}
html[data-theme=premium] .featured .app-card{display:grid;grid-template-columns:minmax(0,1fr) 98px;align-items:center;gap:0 12px;padding:13px;border-radius:20px;background:#e8f2ff;border:1px solid #d8e6fc;box-shadow:0 5px 12px #174a8a09}
html[data-theme=premium] .featured .tone-spesa{background:#e9f8ef;border-color:#d4eedc}
html[data-theme=premium] .featured .tone-vg{background:#f0ebff;border-color:#e0d8fa}
html[data-theme=premium] .featured .card-top{display:flex;gap:12px;grid-row:1/3;align-items:center}
html[data-theme=premium] .featured .app-icon{width:66px;height:66px;border-radius:16px}
html[data-theme=premium] .featured h3{font-size:16px;line-height:1.2;white-space:normal;min-height:0;margin:0 0 5px;letter-spacing:-.45px}
html[data-theme=premium] .featured p{font-size:12px;line-height:1.3;min-height:0;margin:0 0 6px;-webkit-line-clamp:2}
html[data-theme=premium] .featured .meta{font-size:10px;gap:5px}
html[data-theme=premium] .featured .version{padding:2px 7px;background:#ffffffa3}
html[data-theme=premium] .featured .status{font-size:10px}
html[data-theme=premium] .featured .actions{padding:0;margin:0;align-self:end}
html[data-theme=premium] .featured .btn{font-size:13px;border-radius:12px;min-height:38px}
html[data-theme=premium] .featured .share-app{grid-column:2;min-height:32px;margin-top:5px;font-size:11px;background:#ffffff80;border:0}
html[data-theme=premium] .categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
html[data-theme=premium] .categories button{padding:12px 5px;min-height:98px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#274672;background:#e2ecfc;box-shadow:none;border-radius:18px}
html[data-theme=premium] .categories button:nth-child(1){background:#fff0d7;color:#854810}
html[data-theme=premium] .categories button:nth-child(3){background:#dff5e9;color:#247548}
html[data-theme=premium] .categories button:nth-child(4){background:#ebe4ff;color:#6742ac}
html[data-theme=premium] .categories img{width:50px;height:44px;margin:0 0 7px;object-fit:contain}
html[data-theme=premium] .categories b{font-size:12px;letter-spacing:-.35px;overflow-wrap:anywhere}
html[data-theme=premium] .categories small{display:none}
html[data-theme=premium] .catalog .app-card{border-radius:20px;border:1px solid #e0e8f3;padding:15px;background:#fff;box-shadow:0 6px 15px #153c7609;min-height:255px}
html[data-theme=premium] .catalog .app-icon{width:64px;height:64px;border-radius:16px}
html[data-theme=premium] .catalog h3{font-size:14px;line-height:1.25;letter-spacing:-.4px;margin:12px 0 6px}
html[data-theme=premium] .catalog p{font-size:12px;line-height:1.4}
html[data-theme=premium] .catalog .actions{margin-top:auto}
html[data-theme=premium] .search{border-radius:14px;background:#fff;box-shadow:0 3px 8px #12345a06;min-height:44px}
html[data-theme=premium] .updates{grid-template-columns:1fr}
html[data-theme=premium] .update{padding:13px;border-radius:17px;background:white;box-shadow:0 5px 12px #153c7607}
html[data-theme=premium] nav{max-width:820px;background:#ffffffed;border:1px solid #e3ebf7;border-radius:22px;box-shadow:0 5px 30px #23497520}
html[data-theme=premium] nav button.active{background:#e5efff}
html[data-theme=premium] .detail-shell{padding-top:20px}
html[data-theme=premium] .detail-panel{background:#fff;padding:20px;border-radius:20px}
html[data-theme=premium] .detail-hero{background:#e4efff}
html[data-theme=premium] .detail-hero.tone-spesa{background:#e5f6ec}
html[data-theme=premium] .detail-hero.tone-vg{background:#ede6ff}
@media(max-width:600px){
html[data-theme=premium] .cover{padding:16px 14px 18px;min-height:194px;background-position:right center}
html[data-theme=premium] .brand strong{font-size:29px}
html[data-theme=premium] .brand>img{width:35px;height:38px}
html[data-theme=premium] .brand span{font-size:10px}
html[data-theme=premium] .hero{margin-top:16px}
html[data-theme=premium] .hero-copy{max-width:63%}
html[data-theme=premium] .hero h1{font-size:24px;line-height:1.08;margin-bottom:9px}
html[data-theme=premium] .section-head h2{font-size:18px}
html[data-theme=premium] .section-head h2 img{width:23px;height:23px}
html[data-theme=premium] .linkbtn{font-size:11px}
html[data-theme=premium] .panel{margin-top:23px}
html[data-theme=premium] .featured .app-card{grid-template-columns:minmax(0,1fr) 78px;padding:11px;gap:0 8px;min-height:102px}
html[data-theme=premium] .featured .app-icon{width:57px;height:57px;border-radius:14px}
html[data-theme=premium] .featured .card-top{gap:10px}
html[data-theme=premium] .featured h3{font-size:14px}
html[data-theme=premium] .featured p{font-size:11px}
html[data-theme=premium] .featured .status{font-size:8px}
html[data-theme=premium] .featured .btn{font-size:12px;min-height:36px}
html[data-theme=premium] .featured .external{display:none}
html[data-theme=premium] .categories{gap:7px}
html[data-theme=premium] .categories button{min-height:90px;padding:10px 4px;border-radius:16px}
html[data-theme=premium] .categories img{width:44px;height:40px}
html[data-theme=premium] .categories b{font-size:10.5px}
html[data-theme=premium] .catalog .app-card{padding:12px;min-height:267px}
html[data-theme=premium] .catalog h3{font-size:13px}
html[data-theme=premium] .catalog p{font-size:11px}
html[data-theme=premium] .catalog .actions{gap:5px}
html[data-theme=premium] .catalog-head .search{margin-top:6px}
html[data-theme=premium] .catalog .btn{border-radius:11px}
}

@media(max-width:600px){html[data-theme=premium] .cover{min-height:184px;padding-bottom:16px}html[data-theme=premium] .panel{margin-top:18px}html[data-theme=premium] .featured .app-card{min-height:96px;padding:9px 11px}html[data-theme=premium] .categories button{min-height:78px;padding:8px 4px}html[data-theme=premium] .categories img{height:36px;margin-bottom:5px}}
/* Featured apps sit side by side; only this strip scrolls on phones. */
html[data-theme=premium] .featured{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
html[data-theme=premium] .featured .app-card{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:14px;min-height:255px}
html[data-theme=premium] .featured .card-top{display:block;grid-row:auto}
html[data-theme=premium] .featured .app-icon{width:64px;height:64px;margin-bottom:10px}
html[data-theme=premium] .featured h3{min-height:36px;font-size:15px;line-height:1.2}
html[data-theme=premium] .featured p{min-height:43px;-webkit-line-clamp:3;font-size:12px}
html[data-theme=premium] .featured .meta{margin:8px 0}
html[data-theme=premium] .featured .actions{align-self:stretch;margin-top:auto;padding-top:5px}
html[data-theme=premium] .featured .share-app{grid-column:auto;margin-top:7px;min-height:36px}
@media(max-width:600px){
html[data-theme=premium] .featured{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(156px,46%);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:2px 2px 9px;scrollbar-width:thin;scrollbar-color:#abc8ed transparent}
html[data-theme=premium] .featured .app-card{padding:12px;min-height:265px;scroll-snap-align:start}
html[data-theme=premium] .featured .app-icon{width:60px;height:60px;border-radius:14px}
html[data-theme=premium] .featured h3{font-size:14px;min-height:34px}
html[data-theme=premium] .featured p{font-size:11px;min-height:43px}
html[data-theme=premium] .featured .status{font-size:9px}
html[data-theme=premium] .featured .btn{min-height:38px;font-size:13px}
}
@media(max-width:600px){html[data-theme=premium] .featured .app-card{min-height:250px}html[data-theme=premium] .featured h3{min-height:30px;margin-bottom:4px}html[data-theme=premium] .featured p{min-height:30px;margin-bottom:4px}html[data-theme=premium] .featured .meta{margin:5px 0}html[data-theme=premium] .featured .app-icon{margin-bottom:8px}}


/* v10: desktop layout refinement without changing the mobile visual language */
html[data-theme=premium] .home-intro .hero-contact-cta{background:#176ff0;color:#fff;box-shadow:0 8px 18px #176ff026}
@media(min-width:900px){
  html[data-theme=premium] .app-shell{max-width:1180px;padding-left:24px;padding-right:24px}
  html[data-theme=premium] .cover{margin-left:-24px;margin-right:-24px;padding:24px 34px 30px;border-radius:0 0 34px 34px}
  html[data-theme=premium] .brand strong{font-size:38px}
  html[data-theme=premium] .brand span{font-size:14px}
  html[data-theme=premium] .hero{margin-top:24px}
  html[data-theme=premium] .hero-copy{max-width:56%}
  html[data-theme=premium] .hero h1{font-size:44px;line-height:1.04;margin-bottom:14px}
  html[data-theme=premium] .panel{margin-top:30px}
  html[data-theme=premium] .section-head h2{font-size:23px}
  html[data-theme=premium] .featured{gap:16px}
  html[data-theme=premium] .featured .app-card{min-height:278px;padding:18px}
  html[data-theme=premium] .featured .app-icon{width:76px;height:76px}
  html[data-theme=premium] .featured h3{font-size:17px;min-height:40px}
  html[data-theme=premium] .featured p{font-size:13px;min-height:50px}
  html[data-theme=premium] .categories{gap:14px}
  html[data-theme=premium] .categories button{min-height:118px}
  html[data-theme=premium] .categories img{width:58px;height:52px}
  html[data-theme=premium] .categories b{font-size:14px}
  html[data-theme=premium] .catalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  html[data-theme=premium] .catalog .app-card{min-height:280px;padding:18px}
  html[data-theme=premium] .updates{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  html[data-theme=premium] .contact-panel{max-width:880px;margin-left:auto;margin-right:auto;padding:26px;border-radius:22px;background:#fff;box-shadow:0 8px 24px #153c760c}
  html[data-theme=premium] nav{max-width:1080px}
}


/* v11: keep premium cover clean; presentation lives below it */
html[data-theme=premium] .home-intro{background:#fff;margin:14px 0 0;border:1px solid #e2eaf5;box-shadow:0 6px 16px #153c7608}
@media(min-width:900px){html[data-theme=premium] .home-intro{margin-top:18px;padding:18px 22px}}