/* T33 phase 2: original mockups, intact proportions and artwork. */
body.t33-store-theme .t33-apparel-hero {
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;
  gap:48px!important; padding-block:48px!important;
}
body.t33-store-theme .t33-apparel-hero h1 { max-width:12ch!important; font-size:clamp(2.8rem,4.8vw,4.6rem)!important; }
body.t33-store-theme .t33-apparel-hero .lead { max-width:38ch!important; }
body.t33-store-theme .hero p.t33-campaign-note {
  font-size:.72rem!important; margin-top:24px!important; color:#b8bdc3!important;
  letter-spacing:.02em; line-height:1.5!important;
}
.t33-campaign-note span { padding-inline:6px; color:#747e88; }
.t33-campaign-pair { display:grid; grid-template-columns:1fr 1fr; gap:14px; min-width:0; }
.t33-campaign-tile { margin:0; padding:12px; background:#b8bcc2; border:1px solid #c5c9ce; border-radius:14px; overflow:hidden; }
.t33-campaign-tile img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; border-radius:5px; }
.t33-campaign-tile figcaption { display:flex; justify-content:space-between; gap:8px; margin-top:12px; color:#20252b; font-size:.8rem; font-weight:650; }
.t33-campaign-tile figcaption span:last-child { font-weight:400; font-size:.72rem; }
body.t33-store-theme .t33-design-section { padding-top:36px!important; border-top:1px solid #30363c; scroll-margin-top:100px; }
.t33-section-heading { display:flex; align-items:end; justify-content:space-between; gap:28px; margin-bottom:28px; }
.t33-section-heading > p { margin:0; max-width:34ch; font-size:.95rem; color:#b8bdc3; }
.t33-design-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.t33-design-card { background:#191d21; border:1px solid #3b4249; border-radius:16px; overflow:hidden; min-width:0; }
.t33-design-photo { position:relative; display:block; background:#b8bcc2; padding:clamp(16px,2vw,28px); }
.t33-design-photo img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; border-radius:4px; filter:none!important; transform:none!important; }
.t33-photo-hint { display:flex; justify-content:space-between; gap:10px; margin-top:14px; color:#20252b; font-size:.78rem; font-weight:600; }
.t33-design-photo:hover .t33-photo-hint { text-decoration:underline; }
.t33-design-copy { padding:24px; }
.t33-design-title { display:flex; justify-content:space-between; align-items:center; gap:12px; }
body.t33-store-theme .t33-design-title h3 { font-size:1.6rem; letter-spacing:-.03em; }
.t33-design-title > span { font-size:.72rem; color:#b8bdc3; }
.t33-design-copy p { color:#b8bdc3; font-size:.95rem; line-height:1.65; margin:12px 0 0; }
.t33-design-copy .t33-design-tagline { color:#f5f5f2; font-weight:500; }
.t33-design-meta { border-top:1px solid #3b4249; margin-top:22px; padding-top:16px; display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between; font-size:.75rem; color:#d0bc91; }
.t33-design-meta a { color:#f5f5f2; text-decoration:underline; }
.t33-design-meta .t33-preview-label { color:#b8bdc3; }
body.t33-store-theme .t33-experience-section { border-top:1px solid #30363c; padding-block:48px!important; }
.t33-experience-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; list-style:none; padding:0; margin:32px 0 0; }
.t33-step-number { display:block; color:#d0bc91; font-size:.75rem; margin-bottom:16px; }
.t33-experience-steps p { color:#b8bdc3; font-size:.94rem; margin:12px 0 0; }
body.t33-store-theme .t33-closing-line { display:flex; justify-content:space-between; gap:24px; align-items:center; border-top:1px solid #30363c; padding-block:32px!important; }
.t33-closing-line p { font-size:1.15rem; margin:0; }
.t33-closing-line a { color:#d0bc91; font-size:.9rem; text-decoration:underline; min-height:44px; display:flex; align-items:center; }
/* Catalogue previews retain entire mockups, with no hover zoom or colour filter. */
body.t33-store-theme.woocommerce ul.products li.product img,
body.t33-store-theme.woocommerce div.product div.images img {
  object-fit:contain!important; filter:none!important; transform:none!important; background:#b8bcc2!important;
}
@media(max-width:980px) {
  body.t33-store-theme .t33-apparel-hero { grid-template-columns:1fr!important; gap:28px!important; padding-top:28px!important; padding-bottom:32px!important; }
  body.t33-store-theme .t33-apparel-hero h1 { font-size:clamp(2.4rem,7vw,3.5rem)!important; max-width:16ch!important; }
  .t33-campaign-pair { max-width:620px; width:100%; }
  .t33-section-heading { align-items:start; flex-direction:column; gap:16px; }
  .t33-design-grid { gap:20px; }
  .t33-design-copy { padding:20px; }
  .t33-experience-steps { gap:20px; }
}
@media(max-width:600px) {
  body.t33-store-theme .t33-apparel-hero h1 { max-width:12ch!important; font-size:2.5rem!important; }
  body.t33-store-theme .t33-apparel-hero .lead { margin-top:16px!important; font-size:1rem!important; line-height:1.55!important; }
  body.t33-store-theme .t33-apparel-hero .actions { margin-top:20px!important; }
  body.t33-store-theme .hero p.t33-campaign-note { margin-top:16px!important; font-size:.7rem!important; }
  .t33-campaign-pair { gap:10px; }
  .t33-campaign-tile { padding:8px; border-radius:10px; }
  .t33-campaign-tile figcaption { margin-top:8px; font-size:.75rem; }
  .t33-campaign-tile figcaption span:last-child { display:none; }
  .t33-design-grid { grid-template-columns:1fr; gap:24px; }
  .t33-design-photo { padding:16px; }
  .t33-design-copy { padding:20px; }
  .t33-experience-steps { grid-template-columns:1fr; gap:24px; }
  .t33-experience-steps li { border-top:1px solid #30363c; padding-top:20px; }
  .t33-step-number { margin-bottom:10px; }
  body.t33-store-theme .t33-closing-line { flex-direction:column; align-items:start; gap:10px; }
}