/* Model catalog, shared product content and brand story. Mobile has its own flow. */
.model-catalog,.model-detail,.brand-story{background:#f7f7f5;color:#24292f;padding:36px 0 44px;font-size:16px;line-height:1.6}
.model-catalog .container,.model-detail .container,.brand-story .container{max-width:1120px}
.model-page-heading{max-width:700px;margin-bottom:26px}.model-page-heading h1{font-size:clamp(30px,3.8cqw,44px);line-height:1.15;margin:0 0 14px;letter-spacing:-.8px}.model-page-heading p{color:#606973;margin:0;font-size:17px}
.model-catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.model-catalog-grid:has(>.model-catalog-card:only-child){grid-template-columns:minmax(0,1fr)}
.model-catalog-card{border:1px solid #dedfdd;border-radius:20px;overflow:hidden;background:#fff;display:flex;flex-direction:column;min-width:0}.model-catalog-card:only-child{display:grid;grid-template-columns:1.1fr 1fr;align-items:center}
.model-catalog-image{display:block;background:#f1f2ee;padding:20px}.model-catalog-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.model-image-empty{min-height:200px;display:grid;place-items:center;color:#70776e}
.model-catalog-copy{padding:24px 28px}.model-catalog-copy h2{font-size:26px;line-height:1.2;margin:0 0 12px}.model-catalog-copy p{color:#606973;margin:0 0 20px;max-width:500px}.model-text-link{color:var(--accent);font-weight:650;display:inline-flex;align-items:center;gap:10px;line-height:1.5}
.model-owner-strip{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:24px 0;border-top:1px solid #dedfdd;margin-top:30px}.model-owner-strip>div{flex:1}.model-owner-strip h2{font-size:20px;margin:0}.model-owner-strip p{color:#606973;margin:4px 0 0}.model-owner-strip .btn{white-space:normal;min-height:44px}
.model-detail .breadcrumb{display:flex;gap:10px;font-size:14px;flex-wrap:wrap;margin-bottom:24px;color:#606973}.model-detail-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:38px;align-items:center}.model-detail-image{margin:0}.model-detail-image img{display:block;width:100%;height:auto;max-height:480px;object-fit:contain}.model-detail-copy h1{font-size:clamp(30px,3.5cqw,43px);line-height:1.14;margin:0 0 15px}.model-detail-copy p{color:#606973}.model-detail-copy .model-subtitle{font-size:19px}.model-features{padding-left:20px}.model-variants{border:0;padding:0;margin:24px 0}.model-variants legend{font-size:15px;margin-bottom:10px}.model-variants button{margin:0 8px 8px 0;min-height:44px;padding:10px 15px;border:1px solid #cdd3cd;border-radius:10px;background:#fff;color:#39463c;font:inherit}.model-variants button.is-active{border-color:#366c4c;background:#e8f1e9;box-shadow:inset 0 0 0 1px #366c4c}.model-retired{padding:12px 15px;border-radius:10px;background:#e8ebe5}.model-detail-specs{max-width:820px;margin:35px auto}.model-detail-specs h2{font-size:24px;margin-bottom:18px}
.model-games{padding:26px 0;text-align:left}.model-games>header h2{font-size:27px;line-height:1.25;margin:0 0 10px;letter-spacing:-.6px}.model-games>header p{color:#606973;line-height:1.6;margin:0 0 20px}.model-games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:19px}.model-game-link{border:1px solid #dedfdd;border-radius:12px;padding:13px;display:flex;align-items:center;gap:12px;background:#fff;min-width:0}.model-game-link>img{width:64px!important;height:80px!important;object-fit:contain!important;flex:none;border-radius:4px}.model-game-link>span{min-width:0;flex:1}.model-game-link strong{display:block;line-height:1.4;font-size:15px;font-weight:650}.model-game-link small{display:block;color:#606973;line-height:1.5;font-size:13px;margin-top:5px}.model-game-link>b{font-size:19px;color:var(--accent);font-weight:400}.model-game-link:hover{border-color:#8caa96;background:#fbfcf9}.model-spec-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0;text-align:left}.model-spec-highlights>div{padding:18px;border:1px solid #dedfdd;border-radius:12px;background:#fff}.model-spec-highlights dt{font-size:14px;color:#606973;margin-bottom:8px}.model-spec-highlights dd{margin:0;font-size:20px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}
.pdx-theme-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:840px;margin:0 auto;text-align:left}.pdx-theme-choice{display:flex;align-items:flex-start;gap:19px;border:1px solid #d6ddd4;border-radius:16px;padding:24px;background:#fff}.pdx-theme-choice svg{width:44px;height:44px;flex:none;color:#487b59}.pdx-theme-choice h3{font-size:21px;margin:0 0 8px;line-height:1.3}.pdx-theme-choice p{font-size:16px;color:#606973;margin:0 0 13px;line-height:1.6}.pdx-theme-choice a{color:var(--accent);font-weight:600;font-size:16px}.pdx-theme-choice .pdx-theme-later{font-size:14px;color:#737c72}.pdx-theme-location{font-size:14px;color:#606973;margin:18px 0 0!important}.pdp-managed-description{font-size:16px!important;margin-top:12px!important;max-width:550px}.pdp-variant-dot{background:#8aa08e}
.brand-story-hero{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;padding:12px 0 35px}.brand-story-hero h1{font-size:clamp(32px,4.4cqw,52px);line-height:1.2;letter-spacing:-1px;margin:0 0 23px;max-width:600px}.brand-story-hero p{color:#5c665f;font-size:17px;line-height:1.9;margin:0 0 24px;max-width:590px}.brand-story-hero figure{margin:0;background:#edf0e9;border-radius:22px;overflow:hidden}.brand-story-hero figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.brand-story-hero figcaption{font-size:14px;padding:14px 20px;border-top:1px solid #d9e0d4;color:#66745f}.brand-values{border-top:1px solid #d6ddd3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:31px 0}.brand-values article>span{font-size:13px;color:#527c5b;letter-spacing:2px}.brand-values h2{font-size:22px;line-height:1.3;margin:12px 0}.brand-values p{font-size:16px;color:#606973;margin:0}.brand-next{display:flex;flex-wrap:wrap;gap:28px;padding-top:23px;border-top:1px solid #d6ddd3}.brand-next a{font-size:16px;color:var(--accent);font-weight:600}
@container site (max-width:800px){.model-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-story-hero{gap:24px}.brand-story-hero h1{font-size:36px}.model-detail-hero{gap:24px}}
@container site (max-width:600px){.model-catalog,.model-detail,.brand-story{padding:23px 0 30px}.model-page-heading{margin-bottom:20px}.model-page-heading h1{font-size:30px}.model-catalog-grid{grid-template-columns:1fr;gap:18px}.model-catalog-card:only-child{display:flex}.model-catalog-copy{padding:21px}.model-catalog-copy h2{font-size:25px}.model-catalog-image{padding:12px}.model-owner-strip{gap:10px;align-items:stretch;padding-top:20px;margin-top:24px}.model-owner-strip>div,.model-owner-strip>h2{flex-basis:100%;margin-bottom:7px}.model-owner-strip>.btn{flex:1;font-size:15px;padding:11px 12px}.model-detail-hero{grid-template-columns:1fr;gap:22px}.model-detail-copy h1{font-size:32px}.model-detail-specs{margin-top:25px}.model-games>header h2{font-size:25px}.model-games-grid{grid-template-columns:1fr;gap:10px}.model-game-link{padding:12px;gap:14px}.model-game-link>img{width:56px!important;height:68px!important}.model-game-link strong{font-size:16px}.model-game-link small{font-size:14px}.model-spec-highlights{grid-template-columns:1fr;gap:10px}.model-spec-highlights>div{display:flex;align-items:center;gap:16px;padding:15px}.model-spec-highlights dt{flex:0 0 85px;margin:0}.model-spec-highlights dd{font-size:17px}.pdx-theme-choices{grid-template-columns:1fr;gap:12px}.pdx-theme-choice{padding:20px;gap:16px}.pdx-theme-choice svg{width:34px;height:34px}.pdx-theme-choice h3{font-size:20px}.brand-story-hero{grid-template-columns:1fr;gap:26px;padding-top:0;padding-bottom:26px}.brand-story-hero h1{font-size:35px;letter-spacing:-.6px;margin-bottom:20px}.brand-story-hero p{font-size:16px;line-height:1.85}.brand-values{grid-template-columns:1fr;gap:22px;padding:25px 0}.brand-values article{display:grid;grid-template-columns:33px 1fr;column-gap:9px}.brand-values article>span{grid-row:1/3;padding-top:5px}.brand-values h2{margin:0 0 8px;font-size:21px}.brand-values p{grid-column:2}.brand-next{gap:18px;font-size:15px}}

/* V55 product overview: title, device and short features have distinct roles. */
.pdp-buy-grid {
  grid-template-areas: 'image heading' 'image benefits' 'image purchase';
  grid-template-rows: auto auto 1fr;
  row-gap: 16px;
}
.pdp-hero-summary { grid-area: benefits; min-width: 0; }
.pdp-hero-summary .pdp-hero-benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0;
  color: #3b5946;
  font-size: 13px;
  line-height: 1.4;
}
.pdp-hero-summary .pdp-hero-benefits > li {
  border: 1px solid #dce4da;
  border-radius: 6px;
  background: #edf2e9;
  margin: 0;
  padding: 5px 9px;
}
.pdp-managed-intro { background: var(--pdp-bg); }
.pdp-managed-intro > .container { padding-top: 22px; padding-bottom: 24px; border-top: 1px solid var(--pdp-line); }
.pdp-managed-intro p { max-width: 860px; margin: 0 auto; color: var(--pdp-muted); font-size: 16px; line-height: 1.75; }
.model-detail-hero {
  grid-template-areas: 'image heading' 'image choices';
  grid-template-rows: auto 1fr;
  row-gap: 16px;
  align-items: start;
}
.model-detail-heading { grid-area: heading; }
.model-detail-heading h1 { font-size: clamp(30px,3.5cqw,43px); line-height: 1.15; margin: 0 0 12px; letter-spacing: -.8px; }
.model-detail-heading .model-subtitle { font-size: 19px; line-height: 1.5; margin: 0; color: #606973; }
.model-detail-image { grid-area: image; align-self: center; }
.model-detail-copy { grid-area: choices; }
.model-detail-copy .model-variants { margin-top: 0; }
.model-detail-intro { margin-top: 28px; border-top: 1px solid #dedfdd; padding-top: 22px; color: #606973; }
.model-detail-intro p { max-width: 860px; margin: 0; }
@container site (max-width: 800px) {
  .pdp-buy-grid { grid-template-areas: 'heading' 'image' 'benefits' 'purchase'; grid-template-columns: minmax(0,1fr); grid-template-rows: auto; gap: 18px; }
}
@container site (max-width: 600px) {
  .product-shop .breadcrumb { margin-bottom: 16px; font-size: 13px; }
  .pdp-overview { padding-top: 16px; padding-bottom: 25px; }
  .pdp-buy-grid { gap: 15px; }
  .pdp-hero-heading.pdp-hero-heading-v18 h1 { font-size: 30px; line-height: 1.12; letter-spacing: -.7px; }
  .pdp-hero-heading .pdp-hero-subtitle { font-size: 16px; line-height: 1.5; margin-top: 9px; color: var(--pdp-muted); }
  .pdp-hero-image { max-width: 390px; }
  #siteRoot .pdp-hero-image figcaption { margin-top: 8px; font-size: 13px; }
  .pdp-hero-image figcaption strong { font-size: 14px; }
  .pdp-hero-summary .pdp-hero-benefits { font-size: 12px; gap: 6px; }
  .pdp-hero-summary .pdp-hero-benefits > li { padding: 5px 8px; }
  #siteRoot .pdp-buy-grid .pdp-variants legend { font-size: 14px; margin-bottom: 9px; }
  .pdp-buy-grid .pdp-variant-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
  #siteRoot .pdp-buy-grid .pdp-variant { font-size: 14px; padding: 9px 7px; line-height: 1.35; min-width: 0; }
  .pdp-variant-dot { width: 9px; height: 9px; }
  .pdp-managed-intro > .container { padding-top: 20px; padding-bottom: 22px; }
  .pdp-managed-intro p { font-size: 15px; line-height: 1.7; }
  .model-detail-hero { grid-template-areas: 'heading' 'image' 'choices'; grid-template-columns: minmax(0,1fr); grid-template-rows: auto; gap: 18px; }
  .model-detail-heading h1 { font-size: 30px; }
  .model-detail-heading .model-subtitle { font-size: 16px; }
  .model-detail-intro { margin-top: 22px; font-size: 15px; }
  /* Two compact cards per row, full cover artwork and naturally wrapping copy. */
  .model-games-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; align-items: stretch; }
  .model-game-link { display: flex; flex-direction: column; align-items: stretch; gap: 10px; padding: 10px; position: relative; }
  .model-game-link > img { width: 100%!important; height: auto!important; aspect-ratio: 4/3; object-fit: contain!important; border-radius: 6px; background: #f3f4ee; }
  .model-game-link > span { flex: 1; }
  .model-game-link strong { font-size: 14px; line-height: 1.4; overflow-wrap: break-word; }
  .model-game-link small { font-size: 12px; line-height: 1.5; margin-top: 6px; }
  .model-game-link > b { align-self: flex-end; font-size: 17px; line-height: 1; margin-top: 1px; }
}
/* Administrator-created guides share the public game layout. */
.managed-game-notes{padding:24px;margin:20px 0;background:#fff;border:1px solid #e2e7df;border-radius:18px}.managed-game-notes h2{font-size:22px;margin:0 0 16px}.managed-game-notes p,.managed-game-notes li{line-height:1.7}.managed-game-notes ul{padding-left:22px}.managed-game-scope{padding:12px 16px;background:#f1f6ef;border-radius:10px}.managed-game-folder{display:flex;flex-wrap:wrap;gap:12px;padding-top:20px;border-top:1px solid #e2e7df;margin-top:20px}.managed-game-folder code{overflow-wrap:anywhere}.managed-custom-game .resource-game-hero-art img{max-width:100%;max-height:320px;object-fit:contain}.managed-custom-game .resource-game-hero:not(:has(.resource-game-hero-art)){grid-template-columns:1fr}

/* Purchase overview keeps the image and choices together on desktop. */
@container site (min-width:801px){.pdp-buy-grid{grid-template-columns:minmax(0,1.15fr) minmax(350px,.9fr);column-gap:38px;grid-template-rows:auto auto auto;align-content:start}.pdp-hero-image{max-width:620px;width:100%;align-self:start;padding:16px 0}.pdp-hero-image>img{height:auto;object-fit:contain}.pdp-purchase-controls{gap:12px}.pdp-hero-heading.pdp-hero-heading-v18 h1{font-size:38px}.pdp-hero-heading .pdp-hero-subtitle{font-size:20px}}
.pdp-price [data-product-live-price]{font-size:24px;font-weight:650;line-height:1.3;min-height:32px;width:auto;height:auto;max-width:75%;text-align:right;overflow-wrap:anywhere;border:0;background:none}.pdp-purchase-controls:not(:has(.pdp-amazon))>button[data-add-to-cart]{grid-column:1/-1}.pdp-hero-image>img{object-fit:contain}
@container site (max-width:600px){.model-game-link small{font-size:13px}.pdp-purchase-controls{gap:12px}.pdp-price [data-product-live-price]{font-size:22px}.pdp-hero-image{max-width:100%;width:100%}.pdp-hero-image>img{width:100%;aspect-ratio:3/2;object-fit:contain}.pdp-hero-summary .pdp-hero-benefits{font-size:13px}.pdp-variant-options .pdp-variant{min-height:46px}}
