/* Stage I3: original PALAM brand CSS remains present unmodified; new storefront layout only. */
:root{--market-bg:#02070b;--panel:#0b1922;--panel2:#102330;--orange:#ff8500;--cyan:#13cce5;--text:#f3f7fa;--muted:#9cabb7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.palam-market-page{margin:0;background:#02070b!important;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;min-height:100vh}
.palam-market-page button,.palam-market-page input{font:inherit}.palam-market-page button{cursor:pointer}.palam-market-page a{color:inherit;text-decoration:none}
.market-glow{position:absolute;top:105px;right:0;height:480px;width:70%;pointer-events:none;background:radial-gradient(ellipse at 82% 18%,rgba(0,216,255,.09),transparent 58%),radial-gradient(ellipse at 38% 55%,rgba(255,133,0,.045),transparent 55%);z-index:0}
.market-header{width:100%;height:96px;display:flex;align-items:center;gap:42px;padding:0 max(30px,calc((100vw - 1330px)/2));background:#03090e;border-bottom:1px solid #1b323d;position:relative;z-index:15}
.market-logo{font-size:29px!important;flex:none}.market-logo .palam-public-logo-mark{width:50px;height:50px}
.market-main-nav{display:flex;align-items:center;flex:1;gap:32px;min-width:0}.market-main-nav>a,.market-main-nav>button{border:0;background:transparent;color:#b9c8d0;font-weight:650;font-size:15px;white-space:nowrap;padding:12px 0}.market-main-nav>.current,.market-main-nav>a:hover,.market-main-nav>button:hover{color:var(--orange)}.market-main-nav .market-download{margin-left:auto;border-radius:6px;background:var(--orange);color:#111318;padding:11px 15px;font-weight:750}
.market-header .palam-public-lang{position:relative;z-index:20}.market-header .palam-public-lang-button{min-width:75px;display:flex;align-items:center;gap:5px}
.market-subnav{background:linear-gradient(90deg,#132433,#102432 70%,#162c35);height:56px;position:relative;z-index:11;border-bottom:1px solid #203e4a}.market-subnav-inner{height:100%;max-width:1330px;margin:auto;display:flex;align-items:center;gap:28px;padding:0 15px}.subnav-label{color:#7d919d;font-size:10px;font-weight:800;letter-spacing:.12em}.market-subnav a{font-size:13px;color:#c4d3dd}.market-subnav a:hover{color:var(--orange)}.top-search{margin-left:auto;height:37px;width:min(385px,32vw);display:flex;border:1px solid #355061;border-radius:4px;overflow:hidden;background:#233947}.top-search input{background:transparent;border:0;color:white;min-width:0;flex:1;outline:0;padding:0 12px}.top-search input::placeholder{color:#91a1a9}.top-search button{background:var(--orange);border:0;padding:0 14px;color:#101316;font-size:24px;font-weight:700}
.category-mega{position:absolute;z-index:14;top:151px;left:0;right:0;background:linear-gradient(165deg,#132b3b,#0e1c2b);border-bottom:1px solid #345064;box-shadow:0 20px 55px #000b;padding:22px max(26px,calc((100vw - 1300px)/2)) 28px}.mega-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.mega-top strong{letter-spacing:.08em}.mega-top button{color:#c5d3dd;background:transparent;border:0;font-size:18px}.category-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.category-tile{min-height:120px;position:relative;overflow:hidden;border:1px solid #436070;background:linear-gradient(138deg,#143547,#0a1d29 55%,#241a14);border-radius:9px;color:white;display:flex;align-items:flex-end;padding:16px;text-align:left}.category-tile::before{content:'';width:125px;height:125px;position:absolute;right:-20px;top:-15px;background:radial-gradient(circle,rgba(0,212,240,.2),transparent 69%)}.category-tile .category-icon{position:absolute;font-size:36px;top:12px;left:14px;color:var(--cyan)}.category-tile strong{font-size:15px;position:relative;z-index:1}.category-tile:hover{border-color:var(--orange);transform:translateY(-2px)}
.market-main{max-width:1330px;margin:0 auto;padding:26px 15px 65px;position:relative;z-index:1}
.lead-story{height:435px;background:#0b1a24;border:1px solid #244251;overflow:hidden;border-radius:5px}.lead-story-inner{height:100%;display:grid;grid-template-columns:1.08fr 1fr}.lead-media{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 26%,rgba(255,139,16,.2),transparent 50%),linear-gradient(125deg,#123747,#0a1b24 68%,#1b1b21)}.lead-media img{width:100%;height:100%;object-fit:cover}.lead-copy{padding:clamp(25px,4vw,62px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#0e2330,#07141d)}.story-kicker{font-size:12px;font-weight:800;letter-spacing:.13em;color:var(--orange);text-transform:uppercase;margin-bottom:17px}.lead-copy h1{font-size:clamp(26px,3.3vw,48px);line-height:1.07;margin:0 0 19px;letter-spacing:-.04em}.lead-copy p{color:#a9bac5;font-size:16px;line-height:1.56;margin:0 0 23px}.orange-action,.market-cta{display:inline-flex;align-items:center;justify-content:center;border-radius:5px;border:0;background:var(--orange);color:#10151a!important;font-weight:800;padding:12px 20px;align-self:flex-start}.muted-button{display:inline-flex;align-items:center;padding:10px 16px;border:1px solid #526878;border-radius:5px;color:#e0e8ec;background:#203443}
.lead-art{display:flex;align-items:center;justify-content:center;height:100%;position:relative;overflow:hidden}.lead-art .brand-glyph{width:200px;height:200px;border-radius:45px;border:2px solid var(--cyan);box-shadow:0 0 95px #0abed446,inset 0 0 95px #0abed440;display:grid;place-items:center;font-size:132px;color:#b2faff;text-shadow:0 0 40px #39eaff}.lead-art::after{content:'';position:absolute;bottom:17%;left:-14%;height:3px;width:137%;background:linear-gradient(90deg,transparent,#ff8d1d,#1ab9da,transparent);transform:rotate(-14deg);box-shadow:0 0 38px #fd8600}
.market-section{padding-top:40px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-top h2{font-size:24px;letter-spacing:-.035em;margin:0}.media-controls{display:flex;gap:8px}.media-controls button{background:#203d4d;border:1px solid #406070;color:#e3edf1;border-radius:4px;width:38px;height:32px;font-size:24px}.media-feature{min-height:355px;display:grid;grid-template-columns:1.35fr .8fr .75fr;border:1px solid #26485a;background:#0d2030;border-radius:5px;overflow:hidden}.feature-main{position:relative;min-height:350px;background:#091620;overflow:hidden}.feature-main img,.feature-main video{width:100%;height:100%;object-fit:cover}.feature-main .media-empty{height:100%;display:grid;place-items:center;color:#738e9d}.feature-media-label{position:absolute;left:12px;bottom:12px;background:#071620b9;padding:5px 9px;font-size:11px;color:#adc6d2}.feature-stills{display:grid;grid-template-rows:1fr 1fr;gap:6px;padding:6px;border-right:1px solid #2d4659}.feature-still{border:1px solid #294759;overflow:hidden;background:#162e3c;min-height:0;position:relative}.feature-still img{width:100%;height:100%;object-fit:cover}.feature-still span{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:15px;color:#9aafb9;font-size:12px}.feature-info{padding:22px 18px;display:flex;flex-direction:column;justify-content:center;gap:14px}.feature-info h3{font-size:22px;margin:0}.feature-info p{font-size:13px;color:#a2b4bf;line-height:1.58;margin:0}.feature-price{font-size:20px;color:white;font-weight:800}.feature-badge{font-size:11px;color:#94d6e8;line-height:1.5}.feature-info .market-cta{font-size:14px}.slider-dots{display:flex;justify-content:center;gap:8px;padding:15px}.slider-dots button{border:0;border-radius:20px;width:12px;height:6px;background:#365061}.slider-dots button.active{width:30px;background:var(--orange)}
.campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.campaign{background:#132733;border:1px solid #315062;border-radius:6px;overflow:hidden}.campaign img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.campaign-text{padding:14px}.campaign-text strong{display:block;font-size:17px;margin-bottom:9px}.campaign-text p{color:#a3b3be;font-size:13px}.campaign-badge{display:inline-block;color:#0c161c;background:#fd9a2c;padding:4px 8px;font-weight:800;font-size:12px;margin-bottom:7px;border-radius:3px}
.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid #334f5d;color:#bcd0da;background:#102431;padding:8px 11px;border-radius:4px;font-size:12px}.filters button.chosen{color:var(--orange);border-color:#c56a14}.catalog-status{color:#8fabb6;font-size:12px;margin-bottom:10px}.market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.market-card{background:#10232d;border:1px solid #274251;border-radius:6px;min-width:0;overflow:hidden}.market-card:hover{border-color:#e98219}.market-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#162f40;display:block}.market-card .market-card-body{padding:13px}.market-card h3{margin:0 0 7px;font-size:16px;line-height:1.25}.market-card p{font-size:12px;color:#a5b6be;margin:0 0 13px;line-height:1.4}.card-availability{font-size:11px;color:#86d9e4;margin-bottom:12px}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.small-link{background:transparent;border:0;color:var(--orange);font-weight:700;cursor:pointer}.market-card .price{font-size:12px;font-weight:700;color:#ecf4f8}
.detail-page{max-width:1100px;margin:0 auto;background:#0c1e29;border:1px solid #314957;padding:26px;border-radius:5px}.detail-page h1{font-size:32px}.detail-page img{max-width:100%;width:650px;border-radius:7px}.detail-page p{color:#aabdc4;line-height:1.5}.detail-content{display:grid;grid-template-columns:1.3fr 1fr;gap:25px;margin-top:20px}.detail-side{display:flex;flex-direction:column;gap:15px}.detail-features span{display:inline-block;border:1px solid #3c5867;margin:4px;padding:6px 9px;font-size:11px;border-radius:4px}
.market-footer{border-top:1px solid #29434d;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:28px max(15px,calc((100vw - 1330px)/2));background:#010609}.market-footer>div{display:flex;align-items:center;gap:18px}.market-footer span,.market-footer a{color:#8ca8b3;font-size:12px}
.support-dialog{width:min(480px,calc(100vw - 30px));padding:30px;border:1px solid #4c6775;border-radius:12px;background:#10202d;color:#f4f8fa;box-shadow:0 20px 60px #000}.support-dialog::backdrop{background:#000b}.support-dialog h2{font-size:22px}.support-dialog p{color:#bfd0d8;line-height:1.6}.support-dialog .support-note{font-size:13px;color:#91a4b0}.support-icon{font-size:36px}.dialog-x{background:transparent;border:0;color:#c1d2d9;float:right}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}
@media(max-width:1090px){.market-header{gap:22px}.market-main-nav{gap:15px}.market-main-nav>a,.market-main-nav>button{font-size:13px}.market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.media-feature{grid-template-columns:1.4fr .8fr}.feature-info{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.feature-info p{max-width:320px}.category-tiles{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.market-header{height:auto;padding:16px;flex-wrap:wrap}.market-main-nav{order:3;flex-basis:100%;flex-wrap:wrap;gap:15px}.market-main-nav .market-download{margin-left:0}.market-subnav{height:auto}.market-subnav-inner{padding:12px 15px;flex-wrap:wrap;gap:13px}.top-search{order:-1;flex-basis:100%;width:100%;margin:0}.category-mega{position:absolute;top:164px;padding:18px}.category-tiles{grid-template-columns:repeat(2,1fr)}.market-main{padding:14px}.lead-story{height:auto}.lead-story-inner{grid-template-columns:1fr}.lead-media{height:230px}.lead-copy{padding:25px}.lead-copy h1{font-size:30px}.media-feature{grid-template-columns:1fr;min-height:unset}.feature-main{min-height:260px;height:260px}.feature-stills{grid-template-columns:1fr 1fr;grid-template-rows:110px;border-right:0}.feature-info{grid-column:auto;flex-direction:column;align-items:flex-start}.campaign-grid{grid-template-columns:repeat(2,1fr)}.market-grid{grid-template-columns:repeat(2,1fr)}.market-section{padding-top:30px}.section-top h2{font-size:21px}.detail-content{grid-template-columns:1fr}}
@media(max-width:420px){.market-grid,.campaign-grid{grid-template-columns:1fr}.market-header .market-main-nav{gap:9px}.market-main-nav>a,.market-main-nav>button{font-size:12px}.market-logo{font-size:24px!important}.category-mega{top:170px}.category-tiles{grid-template-columns:1fr}.lead-media{height:195px}.feature-main{height:205px;min-height:205px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.lead-story{position:relative}.lead-story>.palam-public-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:.3;pointer-events:none}.lead-story-inner{position:relative;z-index:1}.lead-media .lead-art{position:relative;z-index:1}

.category-tile{isolation:isolate}.category-tile .category-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.30;filter:saturate(.75);z-index:-1}.category-tile strong{text-shadow:0 2px 10px #000}.category-tile .category-icon{text-shadow:0 2px 12px #000}
.market-card .card-footer{flex-wrap:wrap;justify-content:flex-start}.market-card .card-footer .small-link{margin-left:auto;white-space:nowrap}.market-card .price{font-size:11px}.market-card .market-card-body{min-height:166px;display:flex;flex-direction:column}.market-card .market-card-body .card-availability{margin-top:auto}

/* I3 FIX2: original public/site/site.css is intentionally immutable. Its
   fixed-height landing-page body must NOT trap the scroll of a real store. */
html{height:auto;overflow-y:auto;overflow-x:hidden}
body.public-site-page.palam-market-page{height:auto!important;min-height:100dvh!important;overflow-y:auto!important;overflow-x:clip!important;overscroll-behavior-y:auto}
body.public-site-page.palam-market-page.palam-download-open{overflow:hidden!important}
/* Visible complete navigation at desktop widths. On compact widths, allow two lines,
   never crop entries or require a hover-only submenu. */
.market-header{gap:24px;padding-left:max(18px,calc((100vw - 1330px)/2));padding-right:max(18px,calc((100vw - 1330px)/2))}
.market-main-nav{gap:clamp(10px,1.45vw,22px)}
.market-main-nav>a,.market-main-nav>button{font-size:clamp(12px,.95vw,14px)}
@media(max-width:1180px){
 .market-header{height:auto;min-height:88px;gap:14px;flex-wrap:wrap;padding-top:13px;padding-bottom:13px}
 .market-main-nav{flex:1 1 calc(100% - 290px);justify-content:flex-end;gap:13px;flex-wrap:wrap}
 .market-main-nav .market-download{margin-left:0}
 .market-header .palam-public-lang{margin-left:auto}
 .category-mega{top:100%;position:absolute}
}
@media(max-width:720px){
 .market-main-nav{order:3;flex:1 0 100%;justify-content:flex-start;gap:11px 17px}
 .market-header .palam-public-lang{margin-left:auto}
 .category-mega{top:100%}
}
/* Category cards continue the client dark-panel visual language, not colorful
   generic banners. Category icons stay distinct from extension covers. */
.category-tiles{gap:12px}
.category-tile{min-height:144px;padding:15px 16px;display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;isolation:isolate;
 background:linear-gradient(145deg,rgba(19,37,52,.99) 12%,rgba(8,19,28,.99) 69%);border:1px solid rgba(76,112,129,.7);border-radius:12px;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 7px 24px rgba(0,0,0,.23);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.category-tile::before{width:140px;height:140px;right:-18px;top:-38px;background:radial-gradient(circle,rgba(255,132,0,.13),transparent 68%);pointer-events:none}
.category-tile::after{content:'';position:absolute;right:0;bottom:0;left:0;height:2px;background:linear-gradient(90deg,var(--orange),rgba(24,215,226,.55),transparent);opacity:.55}
.category-tile .category-preview{display:none}
.category-tile .category-icon{position:relative;top:auto;left:auto;z-index:1;font-size:23px;line-height:1;width:45px;height:45px;border-radius:10px;display:grid;place-items:center;
 border:1px solid rgba(255,133,0,.3);background:linear-gradient(145deg,rgba(255,133,0,.1),rgba(7,28,37,.8));color:#ff9a40;text-shadow:none}
.category-tile .category-copy{z-index:1;position:relative;display:flex;flex-direction:column;gap:5px;text-align:left}
.category-tile .category-copy strong{font-size:14px;line-height:1.2;text-shadow:none;color:#eef4f7}
.category-tile .category-count{font-size:11px;color:#85a6b5}
.category-tile:hover,.category-tile:focus-visible{border-color:#ff900f;transform:translateY(-2px);box-shadow:0 12px 35px rgba(255,133,0,.13),inset 0 1px rgba(255,255,255,.08)}
.category-tile:focus-visible{outline:2px solid #4de5f2;outline-offset:2px}
@media(max-width:420px){.category-tile{min-height:105px;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px}}

/* Place category panel in document flow so it is reachable at any nav height and while scrolling. */
.category-mega{position:relative;top:auto;left:auto;right:auto;z-index:14}

/* Stage I3 FIX4: five categories based on owner's real PALAM Studio client category tiles.
   Only illustration fragments from owner-supplied test video; no counts or fake publication badges. */
.category-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.category-tile{min-height:205px;aspect-ratio:1.66;display:block;padding:0!important;border-radius:12px;
 background:linear-gradient(150deg,#1b0c30,#070d17 80%)!important;border:1px solid #383043;overflow:hidden;transform:none;
 box-shadow:inset 0 1px rgba(255,255,255,.07);position:relative}
.category-tile::before{display:none}
.category-tile::after{height:46%;bottom:0;top:auto;background:linear-gradient(0deg,rgba(3,7,13,.99),rgba(3,7,13,0))!important;opacity:1}
.category-tile.category-video-generation{background:linear-gradient(145deg,#06283c,#04121e 75%)!important;border-color:#1a425a}
.category-tile.category-promotion-administration{background:linear-gradient(145deg,#082c1a,#03140f 80%)!important;border-color:#254939}
.category-tile.category-audio{background:linear-gradient(145deg,#290d35,#100916 80%)!important;border-color:#45314a}
.category-tile.category-prompt-constructor{background:linear-gradient(145deg,#38200d,#120e0c 80%)!important;border-color:#594127}
.category-tile .category-visual{position:absolute;right:0;top:12%;width:68%;height:62%;z-index:0;pointer-events:none;display:block;overflow:hidden;
 mask-image:linear-gradient(90deg,transparent,black 25%,black 100%);-webkit-mask-image:linear-gradient(90deg,transparent,black 25%,black 100%)}
.category-tile .category-illustration{display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.9;filter:saturate(1.05)}
.category-tile .category-icon{position:absolute;top:15px;left:16px;width:auto;height:auto;display:block;background:none;border:0;color:#f3f8fd;font-size:23px;line-height:1;
 text-shadow:0 0 13px rgba(255,255,255,.15);z-index:2}
.category-tile .category-copy{position:absolute;left:14px;right:12px;bottom:12px;z-index:3;display:flex;flex-direction:column;gap:5px;text-align:left}
.category-tile .category-copy strong{font-size:clamp(13px,1vw,16px);font-weight:780;color:#f7fafc;line-height:1.13}
.category-tile .category-description{font-size:11px;line-height:1.22;color:#ccd5df;max-width:100%}
.category-tile:hover,.category-tile:focus-visible{border-color:#ff8c16;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.4)}
.category-tile .category-count{display:none!important}
.catalog-status:empty{display:none}
.market-footer{display:grid;grid-template-columns:1fr auto;gap:14px 22px;align-items:center}
.market-footer .footer-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px}
.market-footer .footer-logo{display:flex;gap:12px;align-items:center}
.market-footer .market-legal{grid-column:1/-1;border-top:1px solid #203039;padding-top:15px;display:flex;flex-wrap:wrap;gap:5px 14px;align-items:center;color:#9baeb9;font-size:12px}
.market-footer .market-legal span{font-size:12px;color:#9baeb9}
.market-footer .market-legal .legal-owner{color:#c4d0d7}
@media(max-width:1040px){.category-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.category-tiles{grid-template-columns:1fr}.category-tile{min-height:200px;aspect-ratio:1.85;display:block;flex-direction:initial}
 .category-tile .category-visual{top:12%;height:70%}.category-tile .category-copy{left:14px;bottom:12px}
 .market-footer{grid-template-columns:1fr}.market-footer .footer-nav{justify-content:flex-start}.market-footer .market-legal{grid-column:1}}


/* FIX4 owner request: a lighter midnight-blue gradient with subtle floating panels.
   The original PALAM palette remains authoritative; these refinements apply ONLY to
   this storefront, never to the original marketing-site CSS or Admin pages. */
:root{--market-bg:#0b131d;--panel:#142632;--panel2:#172c38}
body.public-site-page.palam-market-page{
  background-color:#0b131b!important;
  background-image:
    radial-gradient(ellipse 90% 46% at 6% 4%,rgba(38,74,97,.28) 0%,transparent 70%),
    radial-gradient(ellipse 65% 36% at 91% 38%,rgba(20,77,87,.15) 0%,transparent 78%),
    radial-gradient(ellipse 50% 35% at 78% 7%,rgba(113,65,24,.11) 0%,transparent 80%),
    linear-gradient(168deg,#0c151f 0%,#101e29 46%,#0b1420 100%)!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}
.palam-market-page .market-main{background:transparent}
.palam-market-page .lead-story,
.palam-market-page .media-feature,
.palam-market-page .market-card,
.palam-market-page .campaign,
.palam-market-page .category-tile,
.palam-market-page .detail-page,
.palam-market-page .feature-still{
  box-shadow:0 5px 17px rgba(0,0,0,.18),0 1px 1px rgba(4,12,19,.2),inset 0 1px 0 rgba(255,255,255,.045);
  transition:transform 210ms cubic-bezier(.22,.68,0,1.15),box-shadow 210ms ease,border-color 210ms ease;
  will-change:auto;
}
.palam-market-page .market-card{background:linear-gradient(160deg,rgba(22,46,59,.98),rgba(13,28,39,.97))}
.palam-market-page .campaign{background:linear-gradient(150deg,#1b3240,#132633)}
.palam-market-page .feature-still{background:linear-gradient(145deg,#1a3643,#112634)}
.palam-market-page .detail-page{background:linear-gradient(140deg,#142a37,#0b1e29)}
.palam-market-page .category-mega{box-shadow:0 19px 35px rgba(0,0,0,.27)}
@media (hover:hover) and (pointer:fine){
 .palam-market-page .lead-story:hover,
 .palam-market-page .media-feature:hover,
 .palam-market-page .market-card:hover,
 .palam-market-page .campaign:hover,
 .palam-market-page .category-tile:hover,
 .palam-market-page .detail-page:hover,
 .palam-market-page .feature-still:hover,
 .palam-market-page .lead-story:focus-within,
 .palam-market-page .media-feature:focus-within,
 .palam-market-page .market-card:focus-within,
 .palam-market-page .campaign:focus-within,
 .palam-market-page .category-tile:focus-visible,
 .palam-market-page .feature-still:focus-within{
   transform:translate3d(0,-4px,0);
   box-shadow:0 15px 34px rgba(0,0,0,.29),0 5px 17px rgba(31,127,139,.075),inset 0 1px 0 rgba(255,255,255,.065);
 }
 .palam-market-page .market-card:hover,
 .palam-market-page .campaign:hover,
 .palam-market-page .category-tile:hover{border-color:rgba(255,144,47,.66)}
}
@media (prefers-reduced-motion:reduce){
 .palam-market-page .lead-story,.palam-market-page .media-feature,
 .palam-market-page .market-card,.palam-market-page .campaign,
 .palam-market-page .category-tile,.palam-market-page .detail-page,
 .palam-market-page .feature-still{transition:none!important;transform:none!important}
}


/* Stage 6.5I3 FIX5: a single 16:9 media contract for ALL Store images and videos.
   Aspect boxes reserve space before network responses, preventing layout shifts.
   Only grid column count responds to viewport width; no JS reordering or viewport-fixed sizes. */
.palam-market-page{--palam-media-ratio:16/9}
.palam-market-page .lead-story,
.palam-market-page .media-feature{height:auto!important;min-height:0!important}
.palam-market-page .lead-story-inner{height:auto!important;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:stretch}
.palam-market-page .lead-media{width:100%;height:auto!important;min-height:0;aspect-ratio:var(--palam-media-ratio);align-self:start}
.palam-market-page .lead-art{position:absolute;inset:0;width:100%;height:100%}
.palam-market-page .lead-media>img,
.palam-market-page .lead-art>img{width:100%;height:100%;object-fit:contain;display:block}
.palam-market-page .lead-art .brand-glyph{width:clamp(65px,15vw,200px);height:auto;aspect-ratio:1;border-radius:22%;font-size:clamp(50px,10vw,132px)}
.palam-market-page .lead-copy{min-width:0;padding:clamp(18px,3.4vw,48px)}
.palam-market-page .media-feature{grid-template-columns:minmax(0,1.42fr) minmax(0,.7fr) minmax(0,.7fr);align-items:start}
.palam-market-page .feature-main{aspect-ratio:var(--palam-media-ratio);width:100%;height:auto!important;min-height:0!important;position:relative;overflow:hidden}
.palam-market-page .feature-main>img,
.palam-market-page .feature-main>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.palam-market-page .feature-stills{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-rows:auto;align-content:start;gap:8px;padding:8px;min-width:0}
.palam-market-page .feature-still{aspect-ratio:var(--palam-media-ratio);width:100%;height:auto;min-height:0!important;position:relative;overflow:hidden}
.palam-market-page .feature-still>img,
.palam-market-page .feature-still>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.palam-market-page .feature-info{min-width:0;overflow-wrap:anywhere}
.palam-market-page .campaign-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.palam-market-page .market-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,248px),1fr))}
.palam-market-page .market-card,
.palam-market-page .campaign,
.palam-market-page .detail-page,
.palam-market-page .detail-media{min-width:0}
.palam-market-page .market-card>img,
.palam-market-page .campaign>img{width:100%;height:auto;aspect-ratio:var(--palam-media-ratio);object-fit:contain;display:block}
.palam-market-page .detail-content{grid-template-columns:minmax(0,1.28fr) minmax(0,1fr)}
.palam-market-page .detail-content>div{min-width:0}
.palam-market-page .detail-media{position:relative;aspect-ratio:var(--palam-media-ratio);width:100%;height:auto;overflow:hidden;border:1px solid #2b4656;border-radius:7px;background:#091a25}
.palam-market-page .detail-media>img,
.palam-market-page .detail-media>video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;border-radius:0;display:block}
.palam-market-page .detail-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.palam-market-page .detail-shot{aspect-ratio:var(--palam-media-ratio);min-width:0;overflow:hidden;background:#102532;border:1px solid #294858;border-radius:6px}
.palam-market-page .detail-shot>img{width:100%;height:100%;display:block;object-fit:contain;max-width:none;border-radius:0}
.palam-market-page .category-tile{aspect-ratio:var(--palam-media-ratio);min-height:0!important}
/* Compact and ultrawide displays are fluid within the original PALAM content max-width.
   The DOM ordering is unchanged at every breakpoint. */
@media(max-width:1100px){
 .palam-market-page .media-feature{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr)}
 .palam-market-page .feature-info{grid-column:1/-1;flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px}
}
@media(max-width:760px){
 .palam-market-page .lead-story-inner{grid-template-columns:minmax(0,1fr)}
 .palam-market-page .lead-media{aspect-ratio:var(--palam-media-ratio);height:auto!important;min-height:0}
 .palam-market-page .media-feature{grid-template-columns:minmax(0,1fr)}
 .palam-market-page .feature-main{height:auto!important;min-height:0!important}
 .palam-market-page .feature-stills{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;border-right:none}
 .palam-market-page .feature-info{grid-column:1;display:flex;flex-direction:column;align-items:flex-start}
 .palam-market-page .detail-content{grid-template-columns:minmax(0,1fr)}
 .palam-market-page .lead-art .brand-glyph{width:min(37%,170px)}
}
@media(max-width:420px){
 .palam-market-page .feature-main, .palam-market-page .lead-media{height:auto!important;min-height:0!important}
 .palam-market-page .category-tile{aspect-ratio:var(--palam-media-ratio);min-height:0!important}
 .palam-market-page .feature-stills{gap:5px;padding:5px}
}
/* Product covers are wrapped in a detail link: reserve 16:9 on the link itself. */
.palam-market-page .market-card>a:has(img){width:100%;aspect-ratio:var(--palam-media-ratio);display:block;overflow:hidden;background:#0a1a25}
.palam-market-page .market-card>a>img{width:100%;height:100%;aspect-ratio:var(--palam-media-ratio);object-fit:contain;display:block}
/* Reserve a stable text strip under mobile carousel media so the 9s slideshow
   cannot make the catalog jump when item names/descriptions change length. */
@media(max-width:760px){
 .palam-market-page .feature-info{min-height:285px;gap:10px}
 .palam-market-page .feature-info h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .palam-market-page .feature-info p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
}


/* Stage 6.5I3 FIX6: owner-approved single-line legal footer.
   Keep the verified NPD/full name/INN between brand and navigation.
   Do NOT change original public-site stylesheet or footer contents. */
.palam-market-page .market-footer{
  display:grid;
  grid-template-columns:max-content minmax(0,1fr) max-content;
  column-gap:clamp(14px,1.8vw,26px);
  row-gap:12px;
  align-items:center;
  padding-top:23px;
  padding-bottom:23px;
}
.palam-market-page .market-footer .footer-logo{white-space:nowrap;min-width:0;gap:12px}
.palam-market-page .market-footer .market-legal{
  grid-column:auto;grid-row:auto;
  display:flex;justify-content:center;align-items:center;flex-wrap:wrap;
  gap:3px 11px;min-width:0;margin:0;padding:0;
  border:0;line-height:1.55;text-align:center;
}
.palam-market-page .market-footer .footer-nav{
  grid-column:auto;grid-row:auto;display:flex;justify-content:flex-end;
  flex-wrap:wrap;gap:5px 17px;white-space:nowrap;
}
@media(max-width:1180px){
  .palam-market-page .market-footer{grid-template-columns:max-content minmax(0,1fr)}
  .palam-market-page .market-footer .market-legal{justify-content:flex-end;text-align:right}
  .palam-market-page .market-footer .footer-nav{grid-column:1/-1;justify-content:flex-end}
}
@media(max-width:700px){
  .palam-market-page .market-footer{grid-template-columns:minmax(0,1fr);row-gap:12px}
  .palam-market-page .market-footer .footer-logo,
  .palam-market-page .market-footer .market-legal,
  .palam-market-page .market-footer .footer-nav{grid-column:1;justify-content:flex-start;text-align:left}
  .palam-market-page .market-footer .market-legal{gap:2px 11px}
  .palam-market-page .market-footer .footer-nav{gap:10px 17px}
}


/* I4 FIX1: primary news hero — left visual 62%, right copy 38%; image/video
   viewport keeps the global 16:9 media contract. Use the ORIGINAL site.js
   PALAM animated canvas, never an orange flat fallback. No fixed pixel heights. */
.palam-market-page .lead-story{position:relative;isolation:isolate;overflow:hidden;
 background:linear-gradient(132deg,#102b39 0%,#0b1d29 62%,#081722 100%)}
.palam-market-page .lead-story-inner{position:relative;z-index:3;display:grid;
 grid-template-columns:minmax(0,1.63fr) minmax(0,1fr);height:auto;align-items:stretch}
.palam-market-page .lead-media{min-width:0;width:100%;height:auto;aspect-ratio:16/9;
 overflow:hidden;align-self:start;position:relative;z-index:1;
 background:radial-gradient(ellipse at 44% 49%,rgba(23,162,180,.21),transparent 65%),
 linear-gradient(130deg,#0c2837 0%,#0b1b26 82%,#081621 100%)}
.palam-market-page .lead-art{position:absolute;inset:0;width:100%;height:100%;}
.palam-market-page .lead-art::after{opacity:.72}
.palam-market-page .lead-copy{min-width:0;position:relative;z-index:2;overflow:hidden;
 padding:clamp(18px,3vw,46px);background:linear-gradient(110deg,rgba(7,20,30,.93) 0%,rgba(9,29,40,.76) 72%,rgba(6,20,29,.69) 100%);
 border-left:1px solid rgba(48,97,114,.29)}
.palam-market-page .lead-copy > *{position:relative;z-index:1}
/* The existing original canvas is a DOM sibling; a transparent right-side
   copy allows its actual animated orange/cyan streaks to show through. */
.palam-market-page .lead-story > .palam-public-canvas{
 left:56%;right:0;top:0;bottom:0;width:44%;height:100%;z-index:2;
 opacity:1;pointer-events:none;display:block}
.palam-market-page .lead-copy h1{text-shadow:0 3px 18px rgba(0,0,0,.6)}
.palam-market-page .lead-copy p{text-shadow:0 1px 7px rgba(0,0,0,.65)}
/* The 16:9 visual stacks first on compact screens, while text stays next.
   Responsive media remains 16:9 without overflow or layout jumps. */
@media(max-width:760px){
 .palam-market-page .lead-story-inner{grid-template-columns:minmax(0,1fr)}
 .palam-market-page .lead-media{aspect-ratio:16/9;align-self:auto}
 .palam-market-page .lead-copy{border-left:0;border-top:1px solid rgba(48,97,114,.29);
  min-height:0;padding:clamp(18px,5vw,30px)}
 .palam-market-page .lead-story > .palam-public-canvas{left:0;top:53%;right:0;bottom:0;
  width:100%;height:47%;opacity:.72}
}
@media(prefers-reduced-motion:reduce){
 .palam-market-page .lead-story > .palam-public-canvas{opacity:.5}
}

/* Keep side-by-side only where the right copy fits comfortably; no warping. */
@media(max-width:980px){
 .palam-market-page .lead-story-inner{grid-template-columns:minmax(0,1fr)}
 .palam-market-page .lead-media{aspect-ratio:16/9;align-self:start}
 .palam-market-page .lead-copy{min-height:0;border-left:0;border-top:1px solid rgba(48,97,114,.29)}
 .palam-market-page .lead-story > .palam-public-canvas{left:0;top:53%;width:100%;height:47%;opacity:.72}
}

/* Stage65I4 original visual: do not collapse whole lab sections when editorial data is empty. */
.media-feature{min-height:355px}.feature-empty-media{display:flex;align-items:stretch;justify-content:center}
.feature-empty-frame{width:100%;min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;
 background:radial-gradient(ellipse at 65% 40%,rgba(22,184,214,.14),transparent 57%),linear-gradient(132deg,#112b3c,#07141f 70%);
 color:#85a7b7;border-right:1px solid #294556}
.feature-empty-mark{font-size:clamp(28px,5vw,52px);font-weight:850;letter-spacing:.04em;color:#d3e8f0;
 text-shadow:0 0 35px rgba(27,190,220,.25)}
.feature-empty-caption{font-size:12px;letter-spacing:.03em}
.feature-empty-info h3{font-size:22px;line-height:1.24;margin:0}.feature-empty-info .story-kicker{margin:0}
.feature-still-empty{background:linear-gradient(135deg,#122e3e,#10232d)}
.media-controls button:disabled{opacity:.34;cursor:not-allowed}
.campaign-empty,.catalog-empty{border:1px solid #315062;background:linear-gradient(130deg,rgba(21,48,64,.96),rgba(10,26,37,.98));
 padding:24px;border-radius:6px;min-height:118px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.campaign-empty{grid-column:1/-1}.catalog-empty{grid-column:1/-1;min-height:155px}
.campaign-empty h3,.catalog-empty h3{font-size:19px;margin:0;color:#edf6fa}
.campaign-empty p,.catalog-empty p{font-size:13px;color:#a8bcc5;line-height:1.5;margin:0;max-width:680px}
.market-section[hidden],.market-subnav a[hidden]{display:none!important}
@media(max-width:720px){.feature-empty-frame{min-height:240px}.feature-empty-info{display:flex;flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.category-tile:hover,.market-card:hover{transform:none!important}}

/* Approved laboratory demo media: visibly labeled, never fake prices or purchase buttons. */
.store-market-card[data-demo="true"] .market-cover{position:relative}
.palam-demo-ribbon{position:absolute;z-index:3;top:9px;left:10px;padding:4px 9px;border-radius:5px;background:rgba(6,14,20,.9);border:1px solid #e98b26;color:#ffab57;font-size:11px;font-weight:800;letter-spacing:.08em}
.feature-still{position:relative}
.demo-preview-tag{position:absolute;bottom:6px;left:8px;background:rgba(4,10,16,.8);color:#ffc07e;font-size:10px;letter-spacing:.1em;padding:3px 6px;border-radius:4px}
.campaign-demo img{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;display:block}
.campaign-demo{overflow:hidden}
.campaign-demo .campaign-text{padding:15px}

/* J1: content-only HERO media overlay; public 62/38 grid and every original
   lead-story / lead-copy / canvas rule above remain unchanged. */
.palam-market-page .lead-art>.hero-editor-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.palam-market-page .lead-art>.hero-editor-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;z-index:2;transition:opacity .16s linear}
@media (hover:hover) and (pointer:fine){.palam-market-page .lead-art:hover>.hero-editor-video.is-playing{opacity:1}}
.palam-market-page .hero-editor-mobile-play{display:none;position:absolute;bottom:14px;right:14px;z-index:5;border:1px solid #37cad8;border-radius:8px;padding:10px 14px;background:#0a2636db;color:#a8fbff}
@media (hover:none){.palam-market-page .lead-art[data-has-video="true"] .hero-editor-mobile-play{display:block}}
@media (prefers-reduced-motion:reduce){.palam-market-page .lead-art>.hero-editor-video{transition:none}}

/* Never let editorial copy enlarge the existing approved hero geometry. */
.palam-market-page .hero-editor-active .lead-copy h1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.palam-market-page .hero-editor-active .lead-copy p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;overflow:hidden}

@media (hover:none){.palam-market-page .lead-art>.hero-editor-video.is-playing{opacity:1}}

/* K1: latest six published products / desktop 3 × 2. */
#extension-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
@media(max-width:1000px){#extension-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#extension-grid{grid-template-columns:minmax(0,1fr)}}

/* K1: featured published extension uses the existing 62/38 main hero frame. */
#main-news.palam-extension-hero-selected .palam-extension-hero-media{position:relative;overflow:hidden}
#main-news.palam-extension-hero-selected .palam-extension-hero-media>img{display:block;width:100%;height:100%;object-fit:cover}
#main-news.palam-extension-hero-selected .palam-extension-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s ease}
#main-news.palam-extension-hero-selected .palam-extension-hero-media.is-playing .palam-extension-hero-video{opacity:1}
#main-news.palam-extension-hero-selected .palam-extension-hero-copy{min-width:0}
#main-news.palam-extension-hero-selected .palam-extension-hero-copy .palam-extension-hero-short{font-weight:600}
#main-news.palam-extension-hero-selected .palam-extension-hero-full{overflow:auto;max-height:10em}
@media(prefers-reduced-motion:reduce){#main-news .palam-extension-hero-video{transition:none!important}}

/* Stage 6.5K2: limit campaign cards to 3, show real published events first. */
.palam-market-page #campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.palam-market-page .campaign-event-detail-image{max-width:100%;height:auto;display:block;border-radius:8px;margin:18px 0}
@media(max-width:900px){.palam-market-page #campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.palam-market-page #campaign-grid{grid-template-columns:minmax(0,1fr)}}

.palam-market-page video.campaign-event-detail-image{width:min(100%,900px);aspect-ratio:16/9;background:#0b1420;object-fit:contain}


/* K2 full-extension detail UX: full-width vertical flow (cover, gallery, thumbs, description, action). */
.palam-market-page .market-main:has(#extension-detail:not([hidden])){max-width:none;width:100%;padding-inline:clamp(14px,2vw,36px)}
.palam-market-page .detail-page{max-width:none;width:100%;margin-inline:0;padding:clamp(14px,2vw,30px)}
.palam-market-page .detail-page h1{margin:8px 0 18px;overflow-wrap:anywhere}
.palam-market-page .detail-content.detail-content-stack{display:flex;flex-direction:column;grid-template-columns:none;gap:clamp(18px,2.1vw,30px);margin-top:0;width:100%;min-width:0}
.palam-market-page .detail-content-stack>section{width:100%;min-width:0}
.palam-market-page .detail-card-cover{width:100%;aspect-ratio:16/9;min-height:0;background:#081923;border:1px solid #294858;overflow:hidden;border-radius:9px;display:flex;align-items:center;justify-content:center}
.palam-market-page .detail-card-cover>img{width:100%;height:100%;max-width:none;object-fit:contain;border-radius:0;display:block}
.palam-market-page .detail-card-cover>.palam-no-cover{width:100%;height:100%;display:grid;place-items:center;text-align:center}
.palam-market-page .detail-gallery-switcher{display:flex;flex-direction:column;gap:12px}
.palam-market-page .detail-carousel-stage{position:relative;width:100%;aspect-ratio:16/9;min-width:0;background:#081923;border:1px solid #294858;border-radius:9px;overflow:hidden}
.palam-market-page .detail-gallery-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.palam-market-page .detail-gallery-preview>img,.palam-market-page .detail-gallery-preview>video{display:block;width:100%;height:100%;max-width:none;object-fit:contain;border-radius:0}
.palam-market-page .detail-gallery-preview>.palam-no-cover{height:100%;width:100%;display:grid;place-items:center}
.palam-market-page .detail-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background:#061923dc;border:1px solid #4c6877;border-radius:8px;min-width:44px;min-height:52px;color:#fff;font-size:36px;line-height:1;display:grid;place-items:center;cursor:pointer}
.palam-market-page .detail-gallery-prev{left:12px}.palam-market-page .detail-gallery-next{right:12px}
.palam-market-page .detail-gallery-arrow:hover,.palam-market-page .detail-gallery-arrow:focus-visible{border-color:#ff8500;background:#162f3d}
.palam-market-page .detail-gallery-counter{position:absolute;bottom:12px;right:12px;border-radius:6px;background:#061923dc;color:#ebf9ff;padding:6px 12px;font-size:13px;pointer-events:none}
.palam-market-page .detail-gallery-thumbnails{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(116px,17vw,240px);gap:10px;overflow-x:auto;overscroll-behavior-x:contain;padding:3px 2px 10px;scrollbar-width:thin}
.palam-market-page .detail-gallery-thumb{position:relative;aspect-ratio:16/9;background:#0a1c28;border:2px solid #385466;border-radius:7px;overflow:hidden;padding:0;cursor:pointer;min-width:0}
.palam-market-page .detail-gallery-thumb.is-selected{border-color:#ff8500;box-shadow:0 0 0 1px #ff850090}
.palam-market-page .detail-gallery-thumb>img{width:100%;height:100%;max-width:none;object-fit:contain;display:block;border-radius:0}
.palam-market-page .detail-gallery-thumb .palam-no-cover{font-size:12px}
.palam-market-page .detail-video-play{position:absolute;inset:0;display:grid;place-items:center;font-size:28px;color:#fff;background:#06152355;text-shadow:0 1px 8px #000}
.palam-market-page .detail-narrative{display:flex;flex-direction:column;align-items:stretch;gap:16px;min-width:0}
.palam-market-page .detail-description{font-size:clamp(15px,1.05vw,18px);line-height:1.7;overflow-wrap:anywhere;white-space:normal;color:#d6e4eb}
.palam-market-page .detail-description p{margin:0 0 1em;color:inherit;line-height:inherit;white-space:pre-line}
.palam-market-page .detail-description h3{margin:1.2em 0 .5em;font-size:1.15em;line-height:1.4}
.palam-market-page .detail-description-list{margin:.25em 0 1.2em;padding-left:1.6em}
.palam-market-page .detail-description-list li{margin:.32em 0}
.palam-market-page .detail-features{display:flex;flex-wrap:wrap;gap:6px}
.palam-market-page .detail-actions{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:8px;padding-top:20px;border-top:1px solid #314957}
.palam-market-page .detail-actions>.orange-action{display:inline-flex;min-width:170px;width:auto;max-width:100%;align-items:center;justify-content:center;text-align:center}
.palam-market-page .detail-actions>p{margin:0;max-width:100%}
.palam-market-page .detail-external-video{align-self:flex-start}
@media(max-width:760px){
 .palam-market-page .detail-card-cover,.palam-market-page .detail-carousel-stage{aspect-ratio:16/9}
 .palam-market-page .detail-gallery-thumbnails{grid-auto-columns:clamp(92px,36vw,155px)}
 .palam-market-page .detail-gallery-arrow{min-width:36px;min-height:42px;font-size:26px}
 .palam-market-page .detail-gallery-prev{left:6px}.palam-market-page .detail-gallery-next{right:6px}
}


/* PALAM K2 4A Compact Full Card FIX2 — a centred, readable product-detail window.
   This override is scoped to the open detail page; main Store cards/HERO unchanged. */
.palam-market-page .market-main:has(.detail-content-stack) {
  width:100%;max-width:1080px;margin-inline:auto;
  padding-inline:clamp(12px,2.5vw,28px);
}
.palam-market-page .detail-page:has(.detail-content-stack) {
  width:100%;max-width:980px;margin-inline:auto;
  padding:clamp(15px,2.5vw,30px);
  border-radius:12px;
}
.palam-market-page .detail-content.detail-content-stack {
  width:100%;max-width:100%;gap:clamp(18px,2.7vw,28px);
  align-items:stretch;
}
/* Limit each 16:9 media panel independently of screen width AND screen height.
   84vh/84dvh limits panel height to ~47% of the viewport at 16:9. */
.palam-market-page .detail-content-stack>section.detail-cover-section,
.palam-market-page .detail-content-stack>section.detail-gallery {
  width:min(100%,760px,84vh);
  margin-inline:auto;max-width:100%;min-width:0;
}
@supports (height: 1dvh) {
  .palam-market-page .detail-content-stack>section.detail-cover-section,
  .palam-market-page .detail-content-stack>section.detail-gallery {
    width:min(100%,760px,84dvh);
  }
}
.palam-market-page .detail-card-cover,
.palam-market-page .detail-carousel-stage {
  width:100%;aspect-ratio:16/9;height:auto;min-height:0;
  margin-inline:auto;border-radius:10px;
}
.palam-market-page .detail-gallery-thumbnails {
  grid-auto-columns:clamp(96px,17%,142px);
  gap:9px;padding-bottom:8px;
}
.palam-market-page .detail-gallery-arrow {
  min-width:36px;min-height:40px;font-size:26px;
}
.palam-market-page .detail-content-stack>section.detail-narrative {
  width:100%;max-width:790px;margin-inline:auto;
}
.palam-market-page .detail-description {
  font-size:clamp(15px,1.2vw,17px);line-height:1.7;
}
.palam-market-page .detail-actions {
  margin-top:6px;padding-top:18px;
}
@media(max-width:640px){
  .palam-market-page .detail-page{padding:14px 12px;}
  .palam-market-page .detail-content-stack>section.detail-cover-section,
  .palam-market-page .detail-content-stack>section.detail-gallery{width:100%;}
  .palam-market-page .detail-gallery-thumbnails{grid-auto-columns:clamp(88px,33%,120px);}
  .palam-market-page .detail-gallery-arrow{min-width:32px;min-height:36px;font-size:23px;}
}

/* Three visible media thumbnails in the centered full extension page. */
.palam-market-page .detail-content-stack .detail-gallery-thumbnails{
  display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/3);
  gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin
}
.palam-market-page .detail-content-stack .detail-gallery-thumb{
  width:100%;max-width:none;min-width:0;scroll-snap-align:start
}
.palam-market-page .detail-content-stack .detail-gallery-thumb[hidden]{display:none}


/* K2 Stage4A catalog parity. Admin "Карточка в магазине" is the visual source of truth.
   Scope ONLY the published catalog cards; never change detail/Featured/Admin UI. */
.palam-market-page #extension-grid.market-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));
  gap:15px;
}
.palam-market-page #extension-grid .palam-preview-parity.store-market-card{
  width:100%;min-width:0;margin:0;
  border:1px solid #6d4a2b;border-radius:10px;
  background:linear-gradient(180deg,#152231,#0d1b28);
  box-shadow:0 6px 22px rgba(0,0,0,.16);
}
.palam-market-page #extension-grid .palam-preview-parity .store-art{
  width:100%;height:auto;aspect-ratio:2.22/1;
  display:flex;align-items:center;justify-content:center;
  background:#1b2f40;overflow:hidden;
}
.palam-market-page #extension-grid .palam-preview-parity .store-art img{
  width:100%;height:100%;position:absolute;inset:0;
  object-fit:cover;aspect-ratio:auto;background:#1b2f40;
}
.palam-market-page #extension-grid .palam-preview-parity .store-market-content{
  display:grid;grid-template-columns:39px minmax(0,1fr) auto;
  gap:9px;align-items:start;padding:10px 9px 3px;min-height:0;
}
.palam-market-page #extension-grid .palam-preview-parity .store-product-icon{
  width:38px;height:38px;min-width:38px;
  display:grid;place-items:center;overflow:hidden;
  border:1px solid #865529;border-radius:10px;
  background:linear-gradient(135deg,#253343,#111a25);
  color:#f3f5f9;box-shadow:0 0 12px rgba(255,151,46,.1);
}
.palam-market-page #extension-grid .palam-preview-parity .store-product-icon img{
  width:100%;height:100%;object-fit:contain;border-radius:9px;
}
.palam-market-page #extension-grid .palam-preview-parity .store-market-text{min-width:0}
.palam-market-page #extension-grid .palam-preview-parity .store-market-text h4{
  margin:0;font-size:13px;font-weight:860;line-height:1.15;
}
.palam-market-page #extension-grid .palam-preview-parity .store-market-text p{
  margin:4px 0 0;font-size:10px;line-height:1.35;color:#b2c1d0;
  overflow-wrap:anywhere;min-height:0;
}
.palam-market-page #extension-grid .palam-preview-parity .store-market-price{
  display:grid;justify-items:end;gap:4px;white-space:nowrap;
}
.palam-market-page #extension-grid .palam-preview-parity .store-market-price strong{
  font-size:14px;color:#ffa347;
}
.palam-market-page #extension-grid .palam-preview-parity .store-market-bottom{
  display:flex;align-items:center;justify-content:space-between;
  gap:7px;padding:9px;margin-top:auto;
}
.palam-market-page #extension-grid .palam-preview-parity .store-social-chips{
  font-size:9px;color:#b8c6d5;
}
.palam-market-page #extension-grid .palam-preview-parity .store-preview-more{
  min-width:90px;min-height:29px;border:1px solid #ff9b3b;
  border-radius:7px;padding:7px 12px;
  color:#ffc68b;background:#172332;
  font-size:12px;font-weight:700;text-align:center;text-decoration:none;
}
@media(max-width:650px){
  .palam-market-page #extension-grid.market-grid{grid-template-columns:minmax(0,1fr)}
  .palam-market-page #extension-grid .palam-preview-parity .store-market-content{
    grid-template-columns:38px minmax(0,1fr) auto;
  }
}
@media(max-width:390px){
  .palam-market-page #extension-grid .palam-preview-parity .store-market-content{
    grid-template-columns:38px minmax(0,1fr);
  }
  .palam-market-page #extension-grid .palam-preview-parity .store-market-price{
    grid-column:2;justify-items:start;
  }
}


/* K2 catalog: full-width body and one action row, no extension icon. */
.palam-market-page #extension-grid .palam-catalog-actionbar .store-market-content{
  display:block;min-height:0;padding:12px 12px 5px;
}
.palam-market-page #extension-grid .palam-catalog-actionbar .store-market-text{
  width:100%;min-width:0;
}
.palam-market-page #extension-grid .palam-catalog-actionbar .store-market-text h4{
  margin:0;font-size:14px;line-height:1.3;
}
.palam-market-page #extension-grid .palam-catalog-actionbar .store-market-text p{
  margin-top:5px;font-size:11px;line-height:1.42;min-height:0;
}
.palam-market-page #extension-grid .palam-catalog-actionbar .store-market-bottom{
  display:flex;flex-wrap:nowrap;align-items:center;gap:6px;
  padding:10px 11px 11px;min-width:0;
}
.palam-market-page #extension-grid .palam-catalog-actionbar .store-social-chips{
  display:flex;align-items:center;gap:5px;flex:none;
}
.palam-market-page #extension-grid .palam-catalog-actionbar .store-social-action{
  display:inline-flex;align-items:center;gap:4px;
  min-height:30px;border:1px solid #395064;border-radius:6px;
  padding:6px 7px;color:#c2d3dd;background:#142533;
  text-decoration:none;font-size:10px;font-weight:600;white-space:nowrap;
}
.palam-market-page #extension-grid .palam-catalog-actionbar .store-social-action:hover{
  border-color:#7196ae;background:#1e3648;
}
.palam-market-page #extension-grid .palam-catalog-actionbar .store-social-icon{
  font-size:12px;line-height:1;font-weight:900;
}
.palam-market-page #extension-grid .palam-catalog-actionbar .is-youtube{color:#ff6262}
.palam-market-page #extension-grid .palam-catalog-actionbar .is-telegram{color:#55b8f5}
.palam-market-page #extension-grid .palam-catalog-actionbar .store-card-footer-price{
  display:inline-flex;align-items:center;justify-items:initial;
  min-height:30px;border:1px solid #496070;border-radius:6px;
  padding:6px 8px;background:#112434;
}
.palam-market-page #extension-grid .palam-catalog-actionbar .store-card-footer-price strong{
  font-size:11px;line-height:1.2;color:#e8d5b8;
}
.palam-market-page #extension-grid .palam-catalog-actionbar .store-details-action{
  display:inline-flex;align-items:center;justify-content:center;
  margin-left:auto;flex:none;min-height:32px;min-width:101px;
  padding:7px 12px;border:1px solid #ffb366;border-radius:7px;
  background:#f39b3a;color:#151b21;font-weight:850;
  font-size:12px;text-decoration:none;box-shadow:0 2px 12px #f39b3a24;
}
.palam-market-page #extension-grid .palam-catalog-actionbar .store-details-action:hover{
  background:#ffb657;border-color:#ffd2a5;color:#101820;
}
@media(max-width:485px){
  .palam-market-page #extension-grid .palam-catalog-actionbar .store-market-bottom{
    flex-wrap:wrap;
  }
  .palam-market-page #extension-grid .palam-catalog-actionbar .store-details-action{
    margin-left:auto;
  }
}

/* K2 Steam-inspired published DETAIL. Single viewport on desktop, responsive fallback.
   No independent cover above carousel. Gallery 2/3, summary/actions 1/3. */
.palam-market-page #extension-detail .detail-content-stack.steam-detail-grid{
 display:grid!important;grid-template-columns:minmax(0,2fr) minmax(280px,1fr)!important;
 gap:16px!important;align-items:stretch!important;
 width:100%!important;max-width:1280px!important;margin:0 auto!important;
 padding:0!important;min-height:0!important;
}
.palam-market-page #extension-detail .steam-detail-left,
.palam-market-page #extension-detail .steam-detail-right{min-width:0;max-width:none}
.palam-market-page #extension-detail .steam-detail-left .detail-gallery{
 width:100%!important;max-width:none!important;margin:0!important;
 display:flex;flex-direction:column;gap:8px;
}
.palam-market-page #extension-detail .steam-detail-left .detail-carousel-stage{
 width:100%!important;height:auto!important;max-width:none!important;
 aspect-ratio:16/9;max-height:min(58vh,620px);
}
.palam-market-page #extension-detail .steam-detail-left .detail-gallery-thumbnails{
 width:100%!important;max-width:none!important;display:grid!important;
 grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/4)!important;
 gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
}
.palam-market-page #extension-detail .steam-detail-left .detail-gallery-thumb{
 width:100%!important;min-width:0!important;max-width:none!important;
 aspect-ratio:16/9;height:auto;scroll-snap-align:start;
}
.palam-market-page #extension-detail .steam-detail-right{
 display:flex;flex-direction:column;gap:10px;
 max-height:min(74vh,720px);overflow:hidden;
 padding:0;background:#0b1b27;
}
.palam-market-page #extension-detail .steam-detail-poster{
 display:block;width:100%;height:auto!important;max-width:none!important;
 aspect-ratio:2.22/1;object-fit:cover;flex:none;
 border-radius:5px;
}
.palam-market-page #extension-detail .steam-detail-right .detail-narrative{
 min-width:0;width:100%;max-width:none!important;
 display:flex;flex:1;min-height:0;flex-direction:column;
 padding:0 9px 8px!important;gap:8px;
}
.palam-market-page #extension-detail .steam-detail-right .detail-description{
 font-size:clamp(12px,1.05vw,14px)!important;line-height:1.38!important;
 white-space:normal;overflow:hidden;overflow-wrap:anywhere;
 display:-webkit-box;-webkit-line-clamp:11;-webkit-box-orient:vertical;
}
.palam-market-page #extension-detail .steam-detail-right .detail-actions{
 margin-top:auto!important;display:flex;flex-wrap:wrap;gap:8px;
 padding-top:8px;border-top:1px solid #294456;
}
.palam-market-page #extension-detail .steam-detail-right .orange-action{
 background:#f49c39;color:#101923;padding:11px 18px;border-radius:6px;font-weight:850;
}
.palam-market-page #extension-detail .steam-detail-right .steam-action-status{
 cursor:default;opacity:.9;
}
.palam-market-page #extension-detail .detail-features{display:none}
@media(min-width:900px){
 .palam-market-page #extension-detail .detail-page{max-width:min(96vw,1360px)!important;width:100%!important;}
 .palam-market-page #extension-detail .detail-content-stack.steam-detail-grid{max-height:calc(100dvh - 230px);}
}
@media(max-width:899px){
 .palam-market-page #extension-detail .detail-content-stack.steam-detail-grid{
  grid-template-columns:minmax(0,1fr)!important;
 }
 .palam-market-page #extension-detail .steam-detail-right{max-height:none;overflow:visible}
 .palam-market-page #extension-detail .steam-detail-left .detail-carousel-stage{max-height:none}
}

/* STEAM DETAIL FIX2: shared geometry, smaller right-side product name and full-text modal. */
.palam-market-page #extension-detail .steam-detail-right .steam-detail-product-title{
 margin:0 9px 0;color:#eef5fb;font-size:clamp(15px,1.35vw,19px);
 line-height:1.25;font-weight:750;overflow-wrap:anywhere;
}
.palam-market-page #extension-detail .steam-detail-more{
 align-self:flex-start;background:transparent;border:0;padding:0;color:#82bfea;
 font:inherit;font-size:12px;text-decoration:underline;cursor:pointer;
}
.palam-market-page #extension-detail .steam-detail-empty{
 width:100%;aspect-ratio:16/9;display:grid;place-items:center;
 border:1px dashed #466075;color:#aec4d2;padding:16px;text-align:center;
}
.steam-detail-dialog{
 position:fixed;inset:8vh auto auto 50%;transform:translateX(-50%);
 width:min(720px,92vw);max-height:84dvh;overflow:auto;
 border:1px solid #50738c;border-radius:12px;padding:26px;
 background:#0c1d2a;color:#eaf3f8;box-shadow:0 12px 70px #0009;
}
.steam-detail-dialog::backdrop{background:#000b}
.steam-detail-dialog h2{font-size:22px;margin:0 40px 18px 0}
.steam-detail-dialog-body{font-size:14px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-line}
.steam-detail-dialog-close{position:absolute;top:12px;right:14px;background:transparent;border:0;color:inherit;font-size:30px;cursor:pointer}

/* K2 FIX4 — keep the detail CTA INSIDE the right column, anchored bottom-right.
   Keep summary readable within one desktop viewport; full text stays in dialog. */
.palam-market-page #extension-detail .steam-detail-right .detail-description{
 -webkit-line-clamp:8!important;
}
.palam-market-page #extension-detail .steam-detail-right .detail-narrative{
 overflow:hidden;box-sizing:border-box;
}
.palam-market-page #extension-detail .steam-detail-right .detail-actions{
 align-items:flex-end!important;flex-shrink:0!important;min-width:0;box-sizing:border-box;
}
.palam-market-page #extension-detail .steam-detail-right .detail-actions>.orange-action{
 align-self:flex-end!important;margin-left:auto!important;
 max-width:100%!important;min-width:0!important;
 position:static!important;box-sizing:border-box;
}

/* K2 FIX5: category navigation is a separate routable catalog page, not
   a scroll-to-section effect on the landing page. */
body.palam-store-category-page #catalog{
 display:block!important;
 min-height:calc(100dvh - 230px);
}
.palam-market-page .palam-category-page-header{
 width:100%;max-width:1280px;margin:0 auto 20px;
 display:flex;flex-direction:column;align-items:flex-start;gap:8px;
 border-bottom:1px solid #294153;padding:6px 0 16px;
}
.palam-market-page .palam-category-page-title{
 font-size:clamp(22px,2.25vw,32px);line-height:1.2;color:#eef6ff;margin:0;
}
.palam-market-page .palam-category-page-description{
 color:#acc1d0;font-size:clamp(12px,1.1vw,15px);line-height:1.45;margin:0;
}
.palam-market-page .palam-category-back{
 padding:7px 0;color:#88badb;background:none;border:0;cursor:pointer;
 font-size:13px;text-decoration:underline;
}
.palam-market-page .palam-category-back:focus-visible{outline:2px solid #ff9d32}


/* PALAM Store — adaptive-layout Stage1, 2026-10-21.
   Site + Admin preview parity: modify only the shared public Store styles.
   Main desktop Steam composition remains 2:1. No product data / JS changes.
   At narrow viewports, use natural vertical page scrolling rather than clipping.
*/
.palam-market-page,
.palam-market-page #extension-detail,
.palam-market-page #extension-detail .detail-page,
.palam-market-page .market-main,
.palam-market-page .market-section {min-width:0}
.palam-market-page img,
.palam-market-page video {max-inline-size:100%}
.palam-market-page .market-header>*,
.palam-market-page .market-main-nav,
.palam-market-page .market-subnav-inner>*,
.palam-market-page .market-grid>*,
.palam-market-page .campaign-grid>*,
.palam-market-page .steam-detail-left,
.palam-market-page .steam-detail-right {min-width:0}
.palam-market-page .market-card,
.palam-market-page .category-tile,
.palam-market-page .campaign {overflow-wrap:anywhere}

/* Medium laptop and resized desktop windows must NOT switch to a tall
   single-column product page while there is room for a usable right panel. */
@media (min-width:700px) and (max-width:899px) {
  .palam-market-page #extension-detail .detail-page {
    padding:clamp(11px,1.6vw,18px)!important;
    width:100%!important;max-width:100%!important;
  }
  .palam-market-page #extension-detail .detail-content-stack.steam-detail-grid {
    display:grid!important;
    grid-template-columns:minmax(0,1.65fr) minmax(248px,1fr)!important;
    gap:clamp(9px,1.3vw,14px)!important;
    max-height:none!important;min-height:0!important;
    align-items:stretch!important;
  }
  .palam-market-page #extension-detail .steam-detail-left .detail-carousel-stage {
    width:100%!important;max-height:min(45dvh,310px)!important;
    min-height:0!important;
  }
  .palam-market-page #extension-detail .steam-detail-left .detail-gallery-thumbnails {
    gap:6px!important;grid-auto-columns:calc((100% - 18px)/4)!important;
    padding-bottom:4px!important;
  }
  .palam-market-page #extension-detail .steam-detail-right {
    max-height:none!important;overflow:visible!important;
    gap:5px!important;min-height:0!important;
  }
  .palam-market-page #extension-detail .steam-detail-poster {
    aspect-ratio:2.5/1!important;object-fit:cover!important;
    max-height:126px!important;
  }
  .palam-market-page #extension-detail .steam-detail-right .steam-detail-product-title {
    margin:0 7px!important;font-size:clamp(14px,1.7vw,18px)!important;
  }
  .palam-market-page #extension-detail .steam-detail-right .detail-narrative {
    padding:0 7px 5px!important;gap:4px!important;
    overflow:visible!important;min-height:0!important;
  }
  .palam-market-page #extension-detail .steam-detail-right .detail-description {
    font-size:12px!important;line-height:1.3!important;
    -webkit-line-clamp:5!important;
  }
  .palam-market-page #extension-detail .steam-detail-right .detail-actions {
    padding-top:5px!important;margin-top:auto!important;gap:4px!important;
  }
  .palam-market-page #extension-detail .steam-detail-right .orange-action {
    padding:8px 12px!important;min-height:35px!important;
    line-height:1.2!important;
  }
}

/* Low-height desktop browser windows: preserve the 2-column composition,
   constrain media to the remaining viewport rather than make the CTA disappear. */
@media (min-width:900px) and (max-height:660px) {
  .palam-market-page #extension-detail .detail-page {
    padding:clamp(10px,1.15vw,16px)!important;
  }
  .palam-market-page #extension-detail .steam-detail-left .detail-carousel-stage {
    max-height:clamp(160px,43dvh,340px)!important;
    min-height:0!important;
  }
  .palam-market-page #extension-detail .steam-detail-left .detail-gallery-thumbnails {
    max-height:clamp(54px,12dvh,88px);
  }
  .palam-market-page #extension-detail .steam-detail-right {
    max-height:clamp(280px,67dvh,520px)!important;gap:5px!important;
  }
  .palam-market-page #extension-detail .steam-detail-right .steam-detail-poster {
    max-height:clamp(80px,17dvh,140px)!important;
  }
  .palam-market-page #extension-detail .steam-detail-right .detail-description {
    -webkit-line-clamp:5!important;line-height:1.28!important;
  }
  .palam-market-page #extension-detail .steam-detail-right .detail-actions {
    padding-top:5px!important;
  }
}

/* Phone and very narrow browser: readable single column, reduced duplicate
   media poster, clear title/CTA; no clipped text, gallery or dialogs. */
@media (max-width:699px) {
  .palam-market-page .market-header {
    padding:9px 12px!important;gap:6px 12px!important;
    align-content:center;min-height:0!important;
  }
  .palam-market-page .market-logo {font-size:23px!important}
  .palam-market-page .market-logo .palam-public-logo-mark {
    width:40px!important;height:40px!important;
  }
  .palam-market-page .market-main-nav {
    flex:1 0 100%!important;order:3;align-items:center;
    gap:5px 12px!important;justify-content:flex-start!important;
    flex-wrap:wrap;max-width:100%;
  }
  .palam-market-page .market-main-nav>a,
  .palam-market-page .market-main-nav>button {
    font-size:12px!important;padding:5px 0!important;
  }
  .palam-market-page .market-main-nav .market-download {
    margin-left:auto!important;padding:8px 10px!important;
    min-height:36px;border-radius:6px;
  }
  .palam-market-page .market-subnav-inner {
    padding:8px 12px!important;gap:8px 12px!important;
    max-width:100%!important;
  }
  .palam-market-page .market-subnav .top-search {
    width:100%!important;flex:1 0 100%!important;
    max-width:none!important;height:36px!important;
    min-width:0!important;
  }
  .palam-market-page .market-subnav a {
    font-size:12px!important;white-space:nowrap;
  }
  .palam-market-page .market-main {
    padding:12px!important;
  }
  .palam-market-page #extension-detail .detail-page {
    padding:11px!important;max-width:100%!important;
    overflow:visible!important;
  }
  .palam-market-page #extension-detail .detail-content-stack.steam-detail-grid {
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;max-height:none!important;min-height:0!important;
  }
  .palam-market-page #extension-detail .steam-detail-left .detail-gallery {
    gap:6px!important;
  }
  .palam-market-page #extension-detail .steam-detail-left .detail-carousel-stage {
    width:100%!important;height:auto!important;max-height:min(42dvh,230px)!important;
    min-height:0!important;
  }
  .palam-market-page #extension-detail .steam-detail-left .detail-gallery-thumbnails {
    gap:7px!important;
    grid-auto-columns:calc((100% - 14px)/3)!important;
    padding:2px 1px 4px!important;max-height:85px!important;
  }
  .palam-market-page #extension-detail .steam-detail-left .detail-gallery-thumb {
    min-width:0!important;aspect-ratio:16/9!important;
  }
  .palam-market-page #extension-detail .steam-detail-right {
    max-height:none!important;overflow:visible!important;
    gap:6px!important;
    padding:8px 7px 10px!important;
  }
  /* Mobile already has the main media: do not duplicate its poster immediately. */
  .palam-market-page #extension-detail .steam-detail-right .steam-detail-poster {
    display:none!important;
  }
  .palam-market-page #extension-detail .steam-detail-right .steam-detail-product-title {
    font-size:17px!important;margin:0 2px!important;
  }
  .palam-market-page #extension-detail .steam-detail-right .detail-narrative {
    overflow:visible!important;min-height:0!important;
    gap:7px!important;padding:0 2px!important;
  }
  .palam-market-page #extension-detail .steam-detail-right .detail-description {
    font-size:13px!important;line-height:1.43!important;
    -webkit-line-clamp:5!important;
  }
  .palam-market-page #extension-detail .steam-detail-right .detail-actions {
    margin-top:0!important;align-items:center!important;
    padding-top:7px!important;gap:7px!important;
  }
  .palam-market-page #extension-detail .steam-detail-right .detail-actions>.orange-action {
    margin-left:auto!important;min-height:40px!important;
    max-width:100%!important;white-space:normal!important;
    overflow-wrap:anywhere!important;text-align:center!important;
  }
  .palam-market-page .category-mega {
    top:100%!important;max-height:calc(100dvh - 115px)!important;
    overflow-y:auto!important;overscroll-behavior:contain;
  }
  .palam-market-page .steam-detail-dialog {
    width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 20px)!important;
    inset:10px auto auto 50%!important;padding:15px!important;
    overflow:auto!important;
  }
  .palam-market-page .section-top {gap:9px}
  .palam-market-page .section-top h2 {
    font-size:clamp(17px,5vw,23px)!important;overflow-wrap:anywhere;
  }
  .palam-market-page .media-controls {flex-shrink:0}
  .palam-market-page .market-footer {gap:10px;padding:18px 12px}
  .palam-market-page .market-footer>div {flex-wrap:wrap;gap:8px 12px}
  .palam-market-page .top-search input {min-width:0;max-width:100%}
  .palam-market-page .support-dialog,
  .palam-market-page .palam-download-dialog {
    width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 20px)!important;
    overflow-y:auto!important;padding:clamp(14px,4vw,24px)!important;
  }
}
@media (max-width:390px) {
  .palam-market-page .market-main-nav {gap:5px 9px!important}
  .palam-market-page .market-main-nav>a,
  .palam-market-page .market-main-nav>button {
    font-size:11.5px!important;
  }
  .palam-market-page #extension-detail .steam-detail-left .detail-gallery-thumbnails {
    grid-auto-columns:calc((100% - 7px)/2.55)!important;
  }
}
/* Fixed-height/short landscape windows: permit normal scrolling for reachability. */
@media (max-height:510px) {
  body.public-site-page.palam-market-page:not(.palam-download-open) {
    overflow-y:auto!important;height:auto!important;min-height:100dvh!important;
  }
  .palam-market-page #extension-detail .detail-content-stack.steam-detail-grid {
    max-height:none!important;
  }
}
/* Focus visibility across keyboard, mobile and dialog interactions. */
.palam-market-page :is(button,a,input,select,textarea):focus-visible {
  outline:2px solid #17c8e9;outline-offset:3px;
}

/* PALAM STORE STAGE2 — fully fluid enhancement across storefront components.
   Extends tested Stage1 gallery fixes, no changes to site scripts or HTML. */
.palam-market-page {
  --fluid-gap:clamp(8px,1.25vw,18px);
  --fluid-pad:clamp(10px,1.4vw,24px);
  --fluid-ui:clamp(12px,0.82vw + 4px,16px);
}
.palam-market-page .market-main {
  width:min(100%,1440px)!important;
  max-width:min(100%,1440px)!important;
  padding-inline:clamp(10px,1.6vw,28px)!important;
}
.palam-market-page .market-header {
  padding-inline:clamp(12px,1.5vw,30px)!important;
  gap:clamp(8px,1.3vw,24px)!important;
}
.palam-market-page .market-logo {
  font-size:clamp(21px,2vw,29px)!important;
}
.palam-market-page .market-logo .palam-public-logo-mark {
  width:clamp(37px,3.65vw,50px)!important;
  height:clamp(37px,3.65vw,50px)!important;
}
.palam-market-page .market-main-nav {
  gap:clamp(7px,1.2vw,18px)!important;
}
.palam-market-page .market-main-nav>a,
.palam-market-page .market-main-nav>button {
  font-size:clamp(11.8px,0.75vw + 3px,14px)!important;
  line-height:1.25;
}
.palam-market-page .market-main-nav .market-download {
  font-size:clamp(11.8px,0.8vw + 3px,14px)!important;
  padding:clamp(8px,0.8vw,12px) clamp(10px,1.05vw,16px)!important;
  white-space:normal!important;
  text-align:center;
}
.palam-market-page .market-subnav-inner {
  gap:clamp(10px,1.8vw,26px)!important;
}
.palam-market-page .market-subnav a {
  font-size:clamp(11.5px,0.72vw + 3px,13px)!important;
}
.palam-market-page .top-search {
  width:clamp(195px,29vw,385px);
  max-width:100%;
  min-width:0;
}
.palam-market-page .top-search input {
  flex:1 1 0%;min-width:0!important;
}
.palam-market-page .market-section {
  padding-top:clamp(15px,2.8vw,40px)!important;
}
.palam-market-page .section-top {
  align-items:center!important;
}
.palam-market-page .section-top h2 {
  font-size:clamp(17px,1.15vw + 7px,25px)!important;
  max-width:100%;
  overflow-wrap:anywhere;
}
.palam-market-page .media-controls button {
  width:clamp(30px,3vw,38px)!important;
  height:clamp(30px,2.7vw,36px)!important;
}
.palam-market-page .market-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,clamp(205px,21vw,270px)),1fr))!important;
  gap:clamp(9px,1.05vw,16px)!important;
}
.palam-market-page .market-card {
  min-width:0!important;
  max-width:100%!important;
}
.palam-market-page .market-card img {
  width:100%;max-width:100%;height:auto;
}
.palam-market-page .market-card .market-card-body {
  min-height:0!important;
  padding:clamp(9px,1.2vw,17px)!important;
}
.palam-market-page .market-card .market-card-body :is(h2,h3,strong) {
  font-size:clamp(13px,1vw + 4px,18px);
  overflow-wrap:anywhere;
}
.palam-market-page .market-card .market-card-body :is(p,span) {
  overflow-wrap:anywhere;
}
.palam-market-page .market-card .market-card-body p {
  font-size:clamp(12px,0.65vw + 5px,14px);
  line-height:1.45;
}
.palam-market-page .campaign-grid {
  grid-template-columns:repeat(auto-fit,minmax(min(100%,clamp(205px,23vw,330px)),1fr))!important;
  gap:clamp(9px,1.15vw,18px)!important;
}
.palam-market-page .category-tiles {
  grid-template-columns:repeat(auto-fit,minmax(min(100%,clamp(165px,15vw,245px)),1fr))!important;
  gap:var(--fluid-gap)!important;
}
.palam-market-page .category-tile,
.palam-market-page .campaign {
  min-width:0!important;max-width:100%!important;
}
.palam-market-page .category-mega {
  max-width:100vw!important;
  max-height:calc(100dvh - clamp(95px,12vh,175px));
  overflow-x:clip;
  overflow-y:auto;
}
.palam-market-page .category-tiles .category-tile {
  padding:clamp(10px,1.2vw,19px)!important;
}
.palam-market-page .lead-story {
  width:100%;
  min-width:0;
  height:clamp(270px,33vw,435px);
}
.palam-market-page .lead-story-inner > *,
.palam-market-page .media-feature > * {
  min-width:0;
}
.palam-market-page .lead-copy {
  padding:clamp(15px,3vw,55px)!important;
}
.palam-market-page .lead-copy :is(h1,h2) {
  font-size:clamp(21px,2.3vw,39px)!important;
  line-height:1.15!important;
  overflow-wrap:anywhere;
}
.palam-market-page .lead-copy p {
  font-size:clamp(13px,1.05vw,19px)!important;
}
.palam-market-page .lead-story .orange-action,
.palam-market-page :is(.media-feature,.market-card,.campaign) .orange-action {
  font-size:clamp(12px,0.83vw + 4px,16px)!important;
  padding:clamp(8px,0.95vw,15px) clamp(12px,1.5vw,22px)!important;
  max-width:100%!important;
  white-space:normal!important;overflow-wrap:anywhere!important;
}
.palam-market-page :is(.media-feature,.lead-media,.lead-copy,.feature-info) {
  max-width:100%;min-width:0;
}
.palam-market-page :is(.media-feature,.lead-story) :is(img,video) {
  width:100%;max-width:100%;object-fit:contain;
}
.palam-market-page .media-feature {
  min-height:clamp(250px,28vw,355px);
}
.palam-market-page #extension-detail .detail-page {
  width:100%!important;
  max-width:min(100%,1360px)!important;
  padding:clamp(10px,1.35vw,24px)!important;
}
.palam-market-page #extension-detail .detail-content-stack.steam-detail-grid {
  gap:clamp(8px,1.12vw,16px)!important;
}
.palam-market-page #extension-detail .steam-detail-left .detail-gallery,
.palam-market-page #extension-detail .steam-detail-right {
  min-width:0!important;
}
.palam-market-page #extension-detail .steam-detail-left .detail-carousel-stage {
  max-height:min(55dvh,calc(100vw * 0.52),580px);
}
.palam-market-page #extension-detail .steam-detail-right {
  gap:clamp(5px,0.9vw,10px)!important;
}
.palam-market-page #extension-detail .steam-detail-right .detail-description {
  font-size:clamp(12px,0.72vw + 4px,14px)!important;
}
.palam-market-page #extension-detail .steam-detail-right .detail-actions>.orange-action {
  padding:clamp(8px,0.84vw,12px) clamp(11px,1.1vw,18px)!important;
  font-size:clamp(12px,0.84vw + 4px,15px)!important;
  white-space:normal!important;overflow-wrap:anywhere!important;
}
.palam-market-page :is(.market-card,.lead-story,.media-feature,.detail-page,.category-tiles) :is(img,video) {
  max-inline-size:100%;
}
@media (min-width:1100px) {
  .palam-market-page .market-header {
    min-height:clamp(72px,7.5dvh,96px)!important;
    height:auto!important;
  }
  .palam-market-page .market-subnav {
    min-height:clamp(42px,5dvh,56px);
    height:auto;
  }
  .palam-market-page .market-subnav-inner {
    min-height:clamp(42px,5dvh,56px);
  }
}
@media (min-width:700px) and (max-width:1099px) {
  .palam-market-page .market-header {
    padding-block:clamp(9px,1.2dvh,15px)!important;
  }
  .palam-market-page .market-subnav-inner {
    gap:clamp(9px,1.3vw,17px)!important;
  }
  .palam-market-page .top-search {
    width:clamp(180px,26vw,300px)!important;
    flex:0 1 clamp(180px,26vw,300px);
  }
}
@media (max-width:699px) {
  .palam-market-page .market-main {
    padding-inline:clamp(8px,2.5vw,14px)!important;
  }
  .palam-market-page .market-grid,
  .palam-market-page .campaign-grid {
    grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important;
  }
  .palam-market-page .category-tiles {
    grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))!important;
  }
  .palam-market-page .market-header {
    padding-inline:clamp(9px,3vw,14px)!important;
  }
  .palam-market-page .market-main-nav {
    column-gap:clamp(8px,2.7vw,15px)!important;
  }
  .palam-market-page .market-subnav-inner {
    padding-inline:clamp(9px,3vw,14px)!important;
  }
  .palam-market-page .top-search {
    width:100%!important;
    min-height:clamp(34px,5dvh,43px);
  }
  .palam-market-page .lead-story {
    height:auto!important;
    min-height:0!important;
  }
  .palam-market-page .lead-story-inner {
    height:auto!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  .palam-market-page .lead-copy {
    min-height:0;padding:clamp(14px,4vw,27px)!important;
  }
  .palam-market-page .lead-media {
    min-height:clamp(145px,50vw,250px)!important;
  }
  .palam-market-page .media-feature {
    min-height:0!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  .palam-market-page .media-feature>* {
    min-height:0!important;
  }
  .palam-market-page #extension-detail .detail-page {
    padding:clamp(8px,2.5vw,14px)!important;
  }
  .palam-market-page #extension-detail .steam-detail-left .detail-carousel-stage {
    max-height:min(42dvh,55vw,290px)!important;
  }
  .palam-market-page #extension-detail .steam-detail-right .detail-description {
    font-size:clamp(12px,3.2vw,14px)!important;
  }
  .palam-market-page :is(.market-grid,.campaign-grid,.media-feature,.lead-story,.market-header) {
    min-width:0!important;
  }
  .palam-market-page .category-mega {
    inset-inline:0!important;
    padding:clamp(12px,3vw,19px)!important;
  }
}
@media (max-width:400px) {
  .palam-market-page .category-tiles {
    grid-template-columns:minmax(0,1fr)!important;
  }
  .palam-market-page :is(.steam-detail-dialog,.support-dialog) {
    padding:clamp(10px,3.5vw,16px)!important;
  }
}
/* Short landscape browsers still require a readable action without clipping.
   An entire multi-section store cannot fit into one 320x480 viewport;
   natural vertical scroll is mandatory at that point. */
@media (max-height:600px) {
  .palam-market-page .lead-story {
    max-height:none!important;
  }
  .palam-market-page #extension-detail .steam-detail-right {
    max-height:none!important;
    overflow:visible!important;
  }
  .palam-market-page #extension-detail .detail-content-stack.steam-detail-grid {
    max-height:none!important;
  }
}




/* PALAM Stage2 FIX2 (2026-10-21)
   Correct three observed regressions introduced by previous fluid CSS:
   (1) exactly 3 catalog cards per row on wide storefront,
   (2) complete media thumbnails without partially cut items,
   (3) recommendation feature grid with contained aspect-ratio frames.
   Layout only; no changes to product publishing or JavaScript behavior.
*/

/* The published catalog already limits the Store homepage to six items in
   showCards(). Do not auto-fit four cards into a desktop row. */
@media (min-width:800px) {
  .palam-market-page #extension-grid.market-grid {
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:clamp(10px,1.25vw,18px)!important;
  }
}
@media (min-width:520px) and (max-width:799px) {
  .palam-market-page #extension-grid.market-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:clamp(9px,1.5vw,14px)!important;
  }
}
@media (max-width:519px) {
  .palam-market-page #extension-grid.market-grid {
    grid-template-columns:minmax(0,1fr)!important;
    gap:clamp(9px,2.5vw,13px)!important;
  }
}
.palam-market-page #extension-grid.market-grid > * {
  min-width:0!important;
  max-width:100%!important;
}
.palam-market-page #extension-grid .store-market-content,
.palam-market-page #extension-grid .store-market-text {
  min-width:0!important;
}

/* The thumbnail track is horizontal by design, but every VISIBLE tile must
   be whole. Remaining tiles are reached with the existing native track scroll. */
.palam-market-page #extension-detail .steam-detail-left .detail-gallery-thumbnails {
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:calc((100% - 24px)/4)!important;
  gap:8px!important;
  padding:2px 0 7px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:0;
  overscroll-behavior-x:contain;
}
.palam-market-page #extension-detail .steam-detail-left .detail-gallery-thumb {
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  box-sizing:border-box!important;
  scroll-snap-align:start;
}
.palam-market-page #extension-detail .steam-detail-left .detail-gallery-thumb img,
.palam-market-page #extension-detail .steam-detail-left .detail-gallery-thumb video {
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
@media (max-width:699px) and (min-width:361px) {
  .palam-market-page #extension-detail .steam-detail-left .detail-gallery-thumbnails {
    grid-auto-columns:calc((100% - 16px)/3)!important;
    gap:8px!important;
  }
}
@media (max-width:360px) {
  .palam-market-page #extension-detail .steam-detail-left .detail-gallery-thumbnails {
    grid-auto-columns:calc((100% - 8px)/2)!important;
    gap:8px!important;
  }
}

/* Recommendation hero must not overflow its own grid track.
   Legacy empty-media placeholders have min-heights (350 / 240 px) which exceed
   the available 16:9 track and cover the thumbnails below it. */
.palam-market-page #media-feature.media-feature {
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-width:100%!important;
  min-width:0!important;
  display:grid!important;
  align-items:start!important;
  overflow:visible!important;
}
.palam-market-page #media-feature > * {
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.palam-market-page #media-feature .feature-main {
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  align-self:start!important;
  overflow:hidden!important;
  position:relative;
}
.palam-market-page #media-feature .feature-empty-frame {
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  gap:clamp(5px,1vw,16px)!important;
  padding:clamp(7px,1vw,16px)!important;
  box-sizing:border-box!important;
}
.palam-market-page #media-feature .feature-empty-mark {
  font-size:clamp(19px,3vw,50px)!important;
  max-width:100%!important;
  line-height:1.1!important;
  text-align:center!important;
  overflow-wrap:anywhere!important;
}
.palam-market-page #media-feature .feature-empty-caption {
  font-size:clamp(10px,0.78vw + 4px,13px)!important;
  line-height:1.25!important;
  max-width:100%!important;
  text-align:center!important;
  overflow-wrap:anywhere!important;
}
.palam-market-page #media-feature .feature-stills {
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  align-self:start!important;
  align-content:start!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  gap:clamp(5px,0.7vw,8px)!important;
  padding:clamp(5px,0.65vw,8px)!important;
}
.palam-market-page #media-feature .feature-still {
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.palam-market-page #media-feature .feature-still-empty {
  display:grid!important;
  place-items:center!important;
  padding:clamp(4px,0.85vw,12px)!important;
  font-size:clamp(10px,0.8vw + 3px,13px)!important;
  line-height:1.2!important;
  text-align:center!important;
  overflow-wrap:anywhere!important;
}
.palam-market-page #media-feature .feature-info {
  max-width:100%!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
  padding:clamp(10px,1.2vw,18px)!important;
  box-sizing:border-box!important;
  gap:clamp(5px,0.8vw,12px)!important;
}
.palam-market-page #media-feature .feature-info h3 {
  font-size:clamp(15px,1.45vw,22px)!important;
  line-height:1.2!important;
  margin:0!important;
  overflow-wrap:anywhere!important;
}
.palam-market-page #media-feature .feature-info p {
  font-size:clamp(12px,0.78vw + 4px,14px)!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
}

@media (min-width:1101px) {
  .palam-market-page #media-feature.media-feature {
    grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)!important;
  }
}
@media (min-width:761px) and (max-width:1100px) {
  .palam-market-page #media-feature.media-feature {
    grid-template-columns:minmax(0,2.05fr) minmax(0,1fr)!important;
  }
  .palam-market-page #media-feature .feature-info {
    grid-column:1/-1!important;
  }
}
@media (max-width:760px) {
  .palam-market-page #media-feature.media-feature {
    grid-template-columns:minmax(0,1fr)!important;
  }
  .palam-market-page #media-feature .feature-main {
    grid-column:1!important;
  }
  .palam-market-page #media-feature .feature-stills {
    grid-column:1!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
    grid-auto-rows:auto!important;
  }
  .palam-market-page #media-feature .feature-info {
    grid-column:1!important;
    flex-direction:column!important;
    min-height:0!important;
    padding:clamp(12px,3.1vw,20px)!important;
  }
  .palam-market-page #media-feature .feature-empty-frame {
    min-height:0!important;
  }
}
/* Preserve accessible vertical scrolling for short windows; never hide a CTA. */
@media (max-height:560px) {
  .palam-market-page #media-feature.media-feature {
    max-height:none!important;
  }
}



/* PALAM Stage2 FIX3 — responsive catalog action footer, 2026-10-21.
   Existing catalog: three columns at desktop, max six on home (no JS changes).
   Prevent crop caused by fixed nowrap / flex:none controls in the card footer.
   Preserve all four controls: YouTube, Telegram, price, Подробнее.
*/

/* A stable two-row card footer eliminates horizontal clipping at all
   supported card widths, while width and typography remain fully fluid. */
.palam-market-page #extension-grid .palam-catalog-actionbar .store-market-bottom {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) max-content!important;
  grid-template-areas:"social social" "price details"!important;
  align-items:center!important;
  justify-items:stretch!important;
  column-gap:clamp(5px,0.75vw,12px)!important;
  row-gap:clamp(6px,0.7vw,10px)!important;
  padding:clamp(8px,0.8vw,12px)!important;
  flex-wrap:wrap!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.palam-market-page #extension-grid .palam-catalog-actionbar .store-social-chips {
  grid-area:social!important;
  display:flex!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  column-gap:clamp(5px,0.6vw,9px)!important;
  row-gap:6px!important;
  min-width:0!important;
  max-width:100%!important;
  width:auto!important;
  flex:0 1 auto!important;
}
.palam-market-page #extension-grid .palam-catalog-actionbar .store-social-chips:empty {
  display:none!important;
}
.palam-market-page #extension-grid .palam-catalog-actionbar .store-social-action {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  flex:0 1 auto!important;
  min-height:clamp(31px,2.8vw,37px)!important;
  padding:clamp(5px,0.48vw,7px) clamp(6px,0.6vw,9px)!important;
  font-size:clamp(10px,0.62vw + 3px,12px)!important;
  white-space:nowrap!important;
}
.palam-market-page #extension-grid .palam-catalog-actionbar .store-card-footer-price {
  grid-area:price!important;
  display:inline-flex!important;
  justify-self:start!important;
  align-self:center!important;
  min-width:0!important;
  max-width:100%!important;
  width:auto!important;
  min-height:clamp(31px,2.8vw,37px)!important;
  box-sizing:border-box!important;
  padding:clamp(5px,0.5vw,8px) clamp(7px,0.6vw,10px)!important;
  overflow-wrap:anywhere!important;
  white-space:normal!important;
}
.palam-market-page #extension-grid .palam-catalog-actionbar .store-card-footer-price strong {
  font-size:clamp(10px,0.66vw + 3px,13px)!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.palam-market-page #extension-grid .palam-catalog-actionbar .store-details-action {
  grid-area:details!important;
  display:inline-flex!important;
  justify-self:end!important;
  align-self:center!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:clamp(34px,3.1vw,42px)!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:clamp(7px,0.65vw,10px) clamp(10px,1vw,14px)!important;
  font-size:clamp(11px,0.72vw + 3px,14px)!important;
  line-height:1.15!important;
  text-align:center!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  white-space:nowrap!important;
  flex:0 1 auto!important;
}
.palam-market-page #extension-grid .palam-catalog-actionbar {
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.palam-market-page #extension-grid .palam-catalog-actionbar .store-market-text {
  min-width:0!important;
  max-width:100%!important;
}
.palam-market-page #extension-grid .palam-catalog-actionbar .store-market-text p {
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
@media (max-width:360px) {
  .palam-market-page #extension-grid .palam-catalog-actionbar .store-market-bottom {
    padding-inline:7px!important;
    column-gap:5px!important;
  }
  .palam-market-page #extension-grid .palam-catalog-actionbar .store-details-action {
    padding-inline:8px!important;
  }
}



/* PALAM Store Stage2 FIX4 (2026-10-21)
   Desktop catalog footer parity with Admin preview:
   YouTube | Telegram | Бесплатно on the SAME line, with full "Подробнее"
   aligned at right on the line below. Existing layout, JS and media unchanged.
   Narrow card-size fallback prevents overlap without hiding any control.
*/

/* Container queries respond to ACTUAL card width, not just window width.
   They remain correct at zoom, in resized browsers and on tablets. */
.palam-market-page #extension-grid .palam-catalog-actionbar {
  container-type:inline-size;
}

.palam-market-page #extension-grid .palam-catalog-actionbar .store-market-bottom {
  display:grid!important;
  grid-template-columns:max-content max-content minmax(0,1fr)!important;
  grid-template-areas:"social price ." "details details details"!important;
  align-items:center!important;
  justify-content:stretch!important;
  justify-items:start!important;
  column-gap:clamp(4px,0.65vw,9px)!important;
  row-gap:clamp(5px,0.6vw,8px)!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:clamp(7px,0.7vw,11px)!important;
  overflow:visible!important;
}

.palam-market-page #extension-grid .palam-catalog-actionbar .store-social-chips {
  grid-area:social!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  width:max-content!important;
  max-width:100%!important;
  min-width:0!important;
  gap:clamp(4px,0.5vw,7px)!important;
  align-items:center!important;
  justify-content:flex-start!important;
}

.palam-market-page #extension-grid .palam-catalog-actionbar .store-social-action {
  flex:0 0 auto!important;
  white-space:nowrap!important;
  max-width:100%!important;
}

.palam-market-page #extension-grid .palam-catalog-actionbar .store-card-footer-price {
  grid-area:price!important;
  display:inline-flex!important;
  justify-self:start!important;
  align-self:center!important;
  margin:0!important;
  width:max-content!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:nowrap!important;
}

.palam-market-page #extension-grid .palam-catalog-actionbar .store-card-footer-price strong {
  white-space:nowrap!important;
}

.palam-market-page #extension-grid .palam-catalog-actionbar .store-details-action {
  grid-area:details!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
  white-space:nowrap!important;
}

/* Fit three chips even in reasonably narrow catalog cards. */
@container (max-width:320px) and (min-width:260px) {
  .palam-market-page #extension-grid .palam-catalog-actionbar .store-market-bottom {
    column-gap:4px!important;
    padding-inline:7px!important;
  }
  .palam-market-page #extension-grid .palam-catalog-actionbar .store-social-chips {
    gap:4px!important;
  }
  .palam-market-page #extension-grid .palam-catalog-actionbar .store-social-action {
    padding-inline:5px!important;
    font-size:10px!important;
  }
  .palam-market-page #extension-grid .palam-catalog-actionbar .store-card-footer-price {
    padding-inline:5px!important;
  }
  .palam-market-page #extension-grid .palam-catalog-actionbar .store-card-footer-price strong {
    font-size:10px!important;
  }
}

/* Below the width where three full labels fit, restore FIX3's safe two-row
   layout. Never truncate a button or let a label spill outside the card. */
@container (max-width:259px) {
  .palam-market-page #extension-grid .palam-catalog-actionbar .store-market-bottom {
    grid-template-columns:minmax(0,1fr) max-content!important;
    grid-template-areas:"social social" "price details"!important;
    column-gap:5px!important;
  }
  .palam-market-page #extension-grid .palam-catalog-actionbar .store-social-chips {
    flex-wrap:wrap!important;
    width:100%!important;
    gap:4px!important;
  }
  .palam-market-page #extension-grid .palam-catalog-actionbar .store-card-footer-price {
    max-width:100%!important;
    width:auto!important;
    white-space:normal!important;
  }
  .palam-market-page #extension-grid .palam-catalog-actionbar .store-card-footer-price strong {
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
}



/* PALAM Store Stage2 FIX5 — published storefront matches Admin card preview.
   Desktop footer: YouTube | Telegram | Бесплатно | Подробнее, all ONE ROW
   pinned at card bottom. Narrow cards keep every action and avoid clipping.
   Catalog only. Do not change Admin preview, grid, images, JS or databases.
*/

/* Stretch every card to its grid track. Shared CSS uses flex too, but
   existing .market-card and local variants can override it. */
.palam-market-page #extension-grid .palam-catalog-actionbar.store-market-card {
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  box-sizing:border-box!important;
}
.palam-market-page #extension-grid .palam-catalog-actionbar.store-market-card > .store-art {
  flex:0 0 auto!important;
  min-width:0!important;
}
.palam-market-page #extension-grid .palam-catalog-actionbar.store-market-card > .store-market-content {
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
}
.palam-market-page #extension-grid .palam-catalog-actionbar.store-market-card > .store-market-bottom {
  /* Single-line desktop row: social group + free badge + details on right. */
  display:grid!important;
  grid-template-columns:max-content max-content minmax(0,1fr)!important;
  grid-template-areas:"social price details"!important;
  align-items:center!important;
  justify-items:start!important;
  justify-content:stretch!important;
  column-gap:clamp(4px,0.54vw,9px)!important;
  row-gap:6px!important;
  margin-top:auto!important;
  flex:0 0 auto!important;
  padding:clamp(7px,0.7vw,11px)!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.palam-market-page #extension-grid .palam-catalog-actionbar .store-social-chips {
  grid-area:social!important;
  flex-wrap:nowrap!important;
  width:max-content!important;
  min-width:0!important;
  max-width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:clamp(3px,0.38vw,6px)!important;
}
.palam-market-page #extension-grid .palam-catalog-actionbar .store-social-action {
  flex:0 0 auto!important;
  min-width:0!important;
  max-width:100%!important;
  padding:clamp(5px,0.43vw,7px) clamp(5px,0.48vw,8px)!important;
  font-size:clamp(10px,0.58vw + 3px,12px)!important;
  white-space:nowrap!important;
}
.palam-market-page #extension-grid .palam-catalog-actionbar .store-card-footer-price {
  grid-area:price!important;
  width:max-content!important;
  min-width:0!important;
  max-width:100%!important;
  justify-self:start!important;
  align-self:center!important;
  margin:0!important;
  padding:clamp(5px,0.43vw,7px) clamp(5px,0.48vw,8px)!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
}
.palam-market-page #extension-grid .palam-catalog-actionbar .store-card-footer-price strong {
  font-size:clamp(10px,0.62vw + 3px,12px)!important;
  white-space:nowrap!important;
}
.palam-market-page #extension-grid .palam-catalog-actionbar .store-details-action {
  grid-area:details!important;
  align-self:center!important;
  justify-self:end!important;
  min-width:0!important;
  max-width:100%!important;
  width:auto!important;
  margin:0!important;
  padding:clamp(7px,0.6vw,10px) clamp(8px,0.85vw,13px)!important;
  font-size:clamp(10px,0.69vw + 2px,13px)!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:visible!important;
  flex:0 0 auto!important;
}

/* When the actual card, not the viewport, is too narrow to fit all four,
   keep the first three labels together where possible and move only Details
   below to avoid clipping. */
@container (max-width:335px) {
  .palam-market-page #extension-grid .palam-catalog-actionbar.store-market-card > .store-market-bottom {
    grid-template-columns:max-content max-content minmax(0,1fr)!important;
    grid-template-areas:"social price ." "details details details"!important;
  }
}

/* For truly narrow cards, even 3 labels need two rows. */
@container (max-width:258px) {
  .palam-market-page #extension-grid .palam-catalog-actionbar.store-market-card > .store-market-bottom {
    grid-template-columns:minmax(0,1fr) max-content!important;
    grid-template-areas:"social social" "price details"!important;
  }
  .palam-market-page #extension-grid .palam-catalog-actionbar .store-social-chips {
    flex-wrap:wrap!important;
    width:100%!important;
    gap:4px!important;
  }
  .palam-market-page #extension-grid .palam-catalog-actionbar .store-card-footer-price,
  .palam-market-page #extension-grid .palam-catalog-actionbar .store-card-footer-price strong {
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
}

/* Adjust compact visible actions by actual card width, before fallback. */
@container (min-width:336px) and (max-width:440px) {
  .palam-market-page #extension-grid .palam-catalog-actionbar.store-market-card > .store-market-bottom {
    padding-inline:7px!important;
    column-gap:4px!important;
  }
  .palam-market-page #extension-grid .palam-catalog-actionbar .store-social-chips {
    gap:4px!important;
  }
  .palam-market-page #extension-grid .palam-catalog-actionbar .store-social-action {
    padding-inline:5px!important;
    font-size:10px!important;
  }
  .palam-market-page #extension-grid .palam-catalog-actionbar .store-card-footer-price {
    padding-inline:5px!important;
  }
  .palam-market-page #extension-grid .palam-catalog-actionbar .store-card-footer-price strong {
    font-size:10px!important;
  }
  .palam-market-page #extension-grid .palam-catalog-actionbar .store-details-action {
    padding-inline:8px!important;
    font-size:11px!important;
  }
}



/* PALAM Stage2 FIX6: responsive catalog columns respect footer fit.
   Source of truth: Admin preview card with all four buttons in ONE bottom row.
   The previous 800px breakpoint kept 3 desktop columns when each card was
   already too narrow (~250-330px), forcing the FIX5 fallback to two rows.
   Use earlier transitions: 3 wide / 2 medium / 1 small. No other changes.
*/
@media (min-width:1200px) {
 .palam-market-page #extension-grid.market-grid {
   display:grid!important;
   grid-template-columns:repeat(3,minmax(0,1fr))!important;
   gap:clamp(10px,1.25vw,18px)!important;
 }
}
@media (min-width:760px) and (max-width:1199px) {
 .palam-market-page #extension-grid.market-grid {
   display:grid!important;
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:clamp(10px,1.25vw,18px)!important;
 }
}
@media (max-width:759px) {
 .palam-market-page #extension-grid.market-grid {
   display:grid!important;
   grid-template-columns:minmax(0,1fr)!important;
   gap:clamp(9px,2vw,15px)!important;
 }
}



/* PALAM Store Stage9 visual refresh and published recommendations layout.
   Scope: storefront only. Existing Admin CSS and card preview remain intact.
   No layout replacement, no page rebuild, no published data changes.
*/
body.palam-market-page {
  background-color:#060f19!important;
  background-image:
    radial-gradient(ellipse 70% 38% at 12% -5%,rgba(19,105,155,.21),transparent 80%),
    radial-gradient(ellipse 70% 42% at 91% 20%,rgba(240,119,24,.10),transparent 83%),
    radial-gradient(ellipse 58% 48% at 46% 76%,rgba(24,100,153,.095),transparent 85%),
    linear-gradient(165deg,#081622 0%,#0b1a27 43%,#060e17 100%)!important;
  background-attachment:fixed!important;
  color:#eaf1f7;
}
.palam-market-page .market-main {
  width:100%;
  max-width:1540px;
  padding-inline:clamp(14px,2.1vw,32px);
}
.palam-market-page .market-header {
  background:linear-gradient(100deg,rgba(9,23,36,.97),rgba(15,36,53,.95))!important;
  border-bottom:1px solid rgba(95,144,171,.29)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.26),0 1px 0 rgba(255,255,255,.045) inset;
}
.palam-market-page .market-subnav {
  background:linear-gradient(100deg,rgba(14,39,56,.92),rgba(12,29,42,.9))!important;
  box-shadow:0 8px 21px rgba(0,0,0,.17);
}
.palam-market-page .market-section {position:relative;}
.palam-market-page .section-top h2 {
  color:#f0f6fb;
  text-shadow:0 3px 18px rgba(0,0,0,.28);
  letter-spacing:-.04em;
}
.palam-market-page .lead-story,
.palam-market-page .media-feature,
.palam-market-page .market-card,
.palam-market-page .campaign,
.palam-market-page .detail-page {
  border-color:rgba(121,169,193,.35)!important;
  background:linear-gradient(158deg,rgba(23,48,64,.98),rgba(10,26,39,.99))!important;
  box-shadow:
    0 22px 45px rgba(0,0,0,.30),
    0 8px 18px rgba(0,0,0,.20),
    0 0 0 1px rgba(255,255,255,.025) inset!important;
  border-radius:clamp(10px,.9vw,15px)!important;
  isolation:isolate;
}
.palam-market-page #extension-grid .palam-catalog-actionbar.store-market-card {
  border-color:rgba(192,117,56,.49)!important;
  transition:transform .20s ease,box-shadow .20s ease,border-color .20s ease!important;
}
.palam-market-page #extension-grid .palam-catalog-actionbar.store-market-card:hover {
  transform:translateY(-4px)!important;
  border-color:rgba(255,165,81,.72)!important;
  box-shadow:
    0 28px 52px rgba(0,0,0,.42),
    0 0 30px rgba(255,143,43,.11),
    0 1px 0 rgba(255,255,255,.08) inset!important;
}
.palam-market-page .market-card .store-art,
.palam-market-page .lead-media {
  background:linear-gradient(145deg,#102b40,#081722)!important;
}
.palam-market-page #extension-grid .store-market-content {
  background:linear-gradient(175deg,rgba(14,32,47,.4),transparent)!important;
}
.palam-market-page .media-feature {
  overflow:hidden!important;
  border-color:rgba(92,149,182,.40)!important;
  background:linear-gradient(143deg,#10273b,#0b1e30)!important;
  box-shadow:
    0 30px 65px rgba(0,0,0,.35),
    0 0 40px rgba(19,95,143,.09),
    0 1px 0 rgba(255,255,255,.07) inset!important;
  gap:0!important;
}
.palam-market-page .media-controls button,
.palam-market-page .filters button,
.palam-market-page .feature-social,
.palam-market-page .feature-pill-price {
  border:1px solid rgba(108,153,177,.43);
  border-radius:8px;
  background:linear-gradient(140deg,#19344a,#102437);
  color:#d5e5ee;
  box-shadow:0 3px 9px rgba(0,0,0,.17),0 1px 0 rgba(255,255,255,.04) inset;
}
.palam-market-page .market-cta,
.palam-market-page .orange-action,
.palam-market-page .store-details-action {
  background:linear-gradient(150deg,#ffb151,#f49630)!important;
  border:1px solid #ffd09b!important;
  color:#18202b!important;
  box-shadow:0 7px 17px rgba(248,137,35,.18),0 1px 0 rgba(255,255,255,.26) inset!important;
}
.palam-market-page a:focus-visible,
.palam-market-page button:focus-visible {
  outline:2px solid #ffaf4c!important;
  outline-offset:3px!important;
}
.palam-market-page .media-feature .feature-main {
  position:relative!important;
  isolation:isolate;
  min-width:0!important;
  overflow:hidden!important;
  background:radial-gradient(ellipse at center,rgba(28,79,110,.35),#061524)!important;
}
.palam-market-page .media-feature .feature-poster,
.palam-market-page .media-feature .feature-hover-video {
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:contain!important;
}
.palam-market-page .media-feature .feature-poster {z-index:1;}
.palam-market-page .media-feature .feature-hover-video {
  z-index:2;
  background:#071625;
  opacity:0;
  transition:opacity .25s ease;
}
.palam-market-page .media-feature .feature-active-media.is-playing .feature-hover-video,
.palam-market-page .media-feature .feature-touch-video .feature-hover-video {
  opacity:1;
}
.palam-market-page .media-feature .feature-no-art {
  display:grid;place-items:center;height:100%;color:#bed6e1;
  padding:25px;text-align:center;
}
.palam-market-page .media-feature .feature-stills {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  min-width:0!important;
  min-height:0!important;
  gap:clamp(6px,.55vw,10px)!important;
  padding:clamp(6px,.65vw,10px)!important;
  background:rgba(8,25,38,.48);
}
.palam-market-page .media-feature.feature-has-one-still .feature-stills {
  grid-template-rows:minmax(0,1fr)!important;
}
.palam-market-page .media-feature .feature-still {
  min-height:0!important;
  border-color:rgba(111,156,181,.30)!important;
  border-radius:8px!important;
  overflow:hidden!important;
  background:#112b3a;
}
.palam-market-page .media-feature .feature-still img {
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:contain!important;
}
.palam-market-page .media-feature.feature-has-no-stills {
  grid-template-columns:minmax(0,1.6fr) minmax(250px,.8fr)!important;
}
.palam-market-page .media-feature.feature-is-empty {
  grid-template-columns:minmax(0,1.6fr) minmax(250px,.8fr)!important;
}
.palam-market-page .media-feature .feature-info-rich {
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  min-width:0!important;
  gap:clamp(9px,.85vw,15px)!important;
  padding:clamp(15px,1.4vw,26px)!important;
  background:linear-gradient(160deg,rgba(15,40,59,.97),rgba(10,24,37,.99))!important;
}
.palam-market-page .media-feature .feature-info-rich h3 {
  margin:0!important;
  font-size:clamp(18px,1.65vw,27px)!important;
  line-height:1.15;
  overflow-wrap:anywhere;
}
.palam-market-page .media-feature .feature-info-rich .feature-short-description {
  margin:0!important;
  color:#b7c9d5;
  font-size:clamp(12px,.9vw,14px);
  line-height:1.58!important;
  overflow-wrap:anywhere;
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:7;
  line-clamp:7;
  overflow:hidden!important;
}
.palam-market-page .media-feature .feature-actions {
  display:flex;
  align-items:center;
  align-content:flex-end;
  flex-wrap:wrap;
  gap:clamp(5px,.5vw,8px);
  margin-top:auto!important;
  padding-top:12px;
}
.palam-market-page .media-feature .feature-social,
.palam-market-page .media-feature .feature-pill-price {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:7px 9px;
  font-size:clamp(10px,.72vw,12px);
  line-height:1.3;
  font-weight:650;
  text-decoration:none;
  white-space:nowrap;
}
.palam-market-page .media-feature .feature-social:hover {
  color:#fff;
  background:linear-gradient(140deg,#244b63,#153247);
}
.palam-market-page .media-feature .feature-social.youtube {color:#ffb3b3;}
.palam-market-page .media-feature .feature-social.telegram {color:#96d9ff;}
.palam-market-page .media-feature .feature-pill-price {color:#ffcd98;font-weight:800;}
.palam-market-page .media-feature .feature-action-more {
  margin-left:auto!important;
  min-height:34px;
  font-size:12px;
  padding:8px 13px!important;
  align-self:center!important;
  white-space:nowrap!important;
}
@media (max-width:1050px) {
 .palam-market-page .media-feature:not(.feature-has-no-stills):not(.feature-is-empty) {
   grid-template-columns:minmax(0,1.2fr) minmax(0,.65fr)!important;
 }
 .palam-market-page .media-feature:not(.feature-has-no-stills):not(.feature-is-empty) .feature-info-rich {
   grid-column:1/-1!important;
 }
 .palam-market-page .media-feature.feature-has-no-stills,
 .palam-market-page .media-feature.feature-is-empty {
   grid-template-columns:minmax(0,1fr) minmax(240px,.8fr)!important;
 }
}
@media (max-width:720px) {
 .palam-market-page .media-feature,
 .palam-market-page .media-feature.feature-has-no-stills,
 .palam-market-page .media-feature.feature-is-empty {
   grid-template-columns:minmax(0,1fr)!important;
   height:auto!important;
 }
 .palam-market-page .media-feature .feature-main {min-height:210px!important;}
 .palam-market-page .media-feature .feature-stills {
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
   grid-template-rows:minmax(110px,1fr)!important;
   border-right:0!important;
 }
 .palam-market-page .media-feature.feature-has-one-still .feature-stills {
   grid-template-columns:minmax(0,1fr)!important;
 }
 .palam-market-page .media-feature .feature-info-rich {
   grid-column:auto!important;
   padding:16px!important;
 }
}
@media (hover:none),(prefers-reduced-motion:reduce) {
 .palam-market-page #extension-grid .palam-catalog-actionbar.store-market-card:hover {
   transform:none!important;
 }
 .palam-market-page .media-feature .feature-hover-video {transition:none!important;}
}


/* Stage9 layout parity with existing FIX2 #media-feature ID-level overrides.
   Append AFTER Stage9 main style so these overrides win and do not leave an
   unused third desktop grid column when an extension has no screenshots. */
.palam-market-page #media-feature.media-feature {
  align-items:stretch!important;
  overflow:hidden!important;
}
.palam-market-page #media-feature.media-feature.feature-has-no-stills,
.palam-market-page #media-feature.media-feature.feature-is-empty {
  grid-template-columns:minmax(0,1.6fr) minmax(235px,.8fr)!important;
}
.palam-market-page #media-feature.media-feature .feature-info {
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-self:stretch!important;
  height:100%!important;
  min-width:0!important;
  gap:clamp(8px,.9vw,16px)!important;
}
.palam-market-page #media-feature.media-feature .feature-info .feature-actions {
  margin-top:auto!important;
}
.palam-market-page #media-feature.media-feature .feature-main {
  align-self:stretch!important;
  min-width:0!important;
}
.palam-market-page #media-feature.media-feature .feature-stills {
  height:100%!important;
  align-self:stretch!important;
  align-content:stretch!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
}
.palam-market-page #media-feature.media-feature.feature-has-one-still .feature-stills {
  grid-template-rows:minmax(0,1fr)!important;
}
@media (min-width:761px) and (max-width:1100px) {
 .palam-market-page #media-feature.media-feature.feature-has-no-stills,
 .palam-market-page #media-feature.media-feature.feature-is-empty {
   grid-template-columns:minmax(0,1.6fr) minmax(250px,.85fr)!important;
 }
 .palam-market-page #media-feature.media-feature.feature-has-no-stills .feature-info,
 .palam-market-page #media-feature.media-feature.feature-is-empty .feature-info {
   grid-column:auto!important;
 }
}
@media (max-width:760px) {
 .palam-market-page #media-feature.media-feature,
 .palam-market-page #media-feature.media-feature.feature-has-no-stills,
 .palam-market-page #media-feature.media-feature.feature-is-empty {
   grid-template-columns:minmax(0,1fr)!important;
 }
 .palam-market-page #media-feature.media-feature .feature-info {
   height:auto!important;
   grid-column:1!important;
 }
 .palam-market-page #media-feature.media-feature .feature-stills {
   height:auto!important;
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
   grid-template-rows:auto!important;
 }
 .palam-market-page #media-feature.media-feature.feature-has-one-still .feature-stills {
   grid-template-columns:minmax(0,1fr)!important;
 }
}



/* PALAM Store Stage9 FIX1 — feature responsive continuity.
   Fix observed "Популярное и рекомендуемое" disproportionate empty lower area
   during browser resize; leave catalog cards, details, Admin, JS unchanged.
   Scoped only to the existing #media-feature container.
*/

/* Keep the owner's 3-region composition on laptop widths.
   Previous Stage9 rule switched at 1100px and moved text below screenshots,
   creating a big empty description strip. */
@media (min-width:900px) and (max-width:1100px) {
  .palam-market-page #media-feature.media-feature:not(.feature-has-no-stills):not(.feature-is-empty) {
    grid-template-columns:minmax(0,1.54fr) minmax(0,.70fr) minmax(210px,.95fr)!important;
    align-items:stretch!important;
  }
  .palam-market-page #media-feature.media-feature:not(.feature-has-no-stills):not(.feature-is-empty) .feature-info.feature-info-rich {
    grid-column:auto!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-self:stretch!important;
    justify-content:flex-start!important;
    gap:clamp(5px,.65vw,9px)!important;
    padding:clamp(10px,1vw,15px)!important;
  }
  .palam-market-page #media-feature .feature-info-rich .feature-short-description {
    -webkit-line-clamp:5!important;
    line-clamp:5!important;
    font-size:clamp(11px,.9vw + 2px,13px)!important;
    line-height:1.4!important;
  }
  .palam-market-page #media-feature .feature-info-rich .feature-actions {
    padding-top:5px!important;
    gap:5px!important;
  }
  .palam-market-page #media-feature .feature-info-rich .feature-social,
  .palam-market-page #media-feature .feature-info-rich .feature-pill-price {
    padding:5px 7px!important;
    font-size:11px!important;
  }
  .palam-market-page #media-feature .feature-info-rich .feature-action-more {
    padding:7px 10px!important;
    font-size:11px!important;
  }
}

/* At smaller laptop/tablet widths: media and screenshots remain side-by-side,
   with one COMPACT, content-sized info row beneath. The info uses its width
   instead of leaving two thirds of the horizontal strip empty. */
@media (min-width:761px) and (max-width:899px) {
  .palam-market-page #media-feature.media-feature:not(.feature-has-no-stills):not(.feature-is-empty) {
    grid-template-columns:minmax(0,1.45fr) minmax(0,.76fr)!important;
    align-items:start!important;
  }
  .palam-market-page #media-feature.media-feature:not(.feature-has-no-stills):not(.feature-is-empty) .feature-info.feature-info-rich {
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)!important;
    grid-template-rows:min-content min-content min-content!important;
    grid-template-areas:"tag description" "heading description" "actions actions"!important;
    justify-items:start!important;
    align-items:start!important;
    align-content:start!important;
    align-self:start!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:clamp(10px,1.3vw,15px)!important;
    column-gap:16px!important;
    row-gap:7px!important;
  }
  .palam-market-page #media-feature .feature-info-rich .story-kicker {
    grid-area:tag!important;
    margin:0!important;
  }
  .palam-market-page #media-feature .feature-info-rich h3 {
    grid-area:heading!important;
    align-self:start!important;
    margin:0!important;
  }
  .palam-market-page #media-feature .feature-info-rich .feature-short-description {
    grid-area:description!important;
    -webkit-line-clamp:4!important;
    line-clamp:4!important;
    font-size:12px!important;
    line-height:1.42!important;
    margin:0!important;
    max-width:none!important;
  }
  .palam-market-page #media-feature .feature-info-rich .feature-actions {
    grid-area:actions!important;
    align-self:center!important;
    justify-self:stretch!important;
    width:100%!important;
    margin-top:2px!important;
    padding-top:7px!important;
    border-top:1px solid rgba(108,153,177,.2)!important;
  }
}

/* Keep the mobile 1-column presentation, remove fixed stretch and
   prevent oversized empty text panels in short or narrow viewports. */
@media (max-width:760px) {
  .palam-market-page #media-feature.media-feature .feature-info.feature-info-rich {
    height:auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    align-self:start!important;
    gap:clamp(6px,1.5vw,12px)!important;
    padding:clamp(11px,2.2vw,18px)!important;
  }
  .palam-market-page #media-feature .feature-info-rich .feature-short-description {
    -webkit-line-clamp:5!important;
    line-clamp:5!important;
    margin:0!important;
  }
  .palam-market-page #media-feature .feature-info-rich .feature-actions {
    width:100%!important;
    margin-top:0!important;
    padding-top:6px!important;
  }
}



/* PALAM Stage9 FIX2 — two isolated responsive repairs.
   1. Recommendation actions: YouTube | Telegram | price | Подробнее on one
      aligned bottom row where the card is wide enough.
   2. Steam detail gallery: thumbnails retain their full 16:9 height when the
      browser window becomes short; vertical page scrolling is preferable to
      clipping media. Existing catalog 3/2/1 grid is unchanged.
*/

/* FIX2-A: give the right-most recommendation region enough room for four
   complete controls. The earlier 25% layout had ~260px of usable width
   at 1200px browser width while the controls needed >310px. */
@media (min-width:900px) {
  .palam-market-page #media-feature.media-feature:not(.feature-is-empty):not(.feature-has-no-stills) {
    grid-template-columns:minmax(0,1.7fr) minmax(0,.65fr) minmax(332px,1fr)!important;
    align-items:stretch!important;
  }
  .palam-market-page #media-feature.media-feature:not(.feature-is-empty):not(.feature-has-no-stills) .feature-info.feature-info-rich {
    grid-column:auto!important;
    height:100%!important;
    min-width:0!important;
    padding:clamp(9px,.8vw,15px)!important;
  }
}

/* Empty-screenshot fallback has two columns; its info track is already wide.
   Do not invent thumbnails or force a third empty column. */
.palam-market-page #media-feature .feature-info.feature-info-rich {
  container-type:inline-size;
}
.palam-market-page #media-feature .feature-info-rich .feature-actions {
  display:grid!important;
  grid-template-columns:max-content max-content max-content minmax(0,1fr)!important;
  grid-template-rows:minmax(32px,auto)!important;
  align-items:center!important;
  justify-items:start!important;
  gap:clamp(3px,.34vw,6px)!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-top:auto!important;
  padding-top:clamp(4px,.5vw,7px)!important;
  flex-wrap:nowrap!important;
}
.palam-market-page #media-feature .feature-info-rich .feature-actions .feature-social,
.palam-market-page #media-feature .feature-info-rich .feature-actions .feature-pill-price {
  flex:none!important;
  min-width:0!important;
  width:auto!important;
  padding:5px 6px!important;
  font-size:10px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.palam-market-page #media-feature .feature-info-rich .feature-actions .feature-action-more {
  justify-self:end!important;
  grid-column:4!important;
  align-self:center!important;
  margin:0!important;
  min-width:0!important;
  padding:7px 8px!important;
  min-height:32px!important;
  font-size:11px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}

/* At truly narrow feature-info widths there is no physically possible
   four-label row, so permit a safe wrap rather than clip the CTAs. */
@container (max-width:305px) {
  .palam-market-page #media-feature .feature-info-rich .feature-actions {
    display:flex!important;
    flex-wrap:wrap!important;
  }
  .palam-market-page #media-feature .feature-info-rich .feature-actions .feature-action-more {
    margin-left:auto!important;
  }
}

/* FIX2-B: pre-existing @media max-height rules cap the thumbnail strip to
   54-88px while the tile itself still needs its width-dependent 16:9 height.
   That caused hidden lower portions at 900x600 and 600x460. */
.palam-market-page #extension-detail .steam-detail-left .detail-gallery-thumbnails {
  max-height:none!important;
  height:max-content!important;
  min-height:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  align-content:start!important;
  align-items:stretch!important;
  padding-block:3px 9px!important;
  box-sizing:border-box!important;
}
.palam-market-page #extension-detail .steam-detail-left .detail-gallery-thumb {
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  box-sizing:border-box!important;
}
.palam-market-page #extension-detail .steam-detail-left .detail-gallery-thumb img,
.palam-market-page #extension-detail .steam-detail-left .detail-gallery-thumb video {
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

/* Never trap the thumbnail strip behind a forced single-screen max-height.
   Short windows may scroll vertically; media stays intact and accessible. */
@media (max-height:760px) {
  .palam-market-page #extension-detail .detail-content-stack.steam-detail-grid {
    max-height:none!important;
    overflow:visible!important;
  }
  .palam-market-page #extension-detail .steam-detail-left,
  .palam-market-page #extension-detail .steam-detail-left .detail-gallery,
  .palam-market-page #extension-detail .detail-page {
    max-height:none!important;
    overflow:visible!important;
  }
}