.pdp-cms-gallery { display: flex; gap: 8px; margin-top: 12px; overflow-x: auto; padding: 2px; }
.pdp-cms-gallery button { flex: 0 0 74px; width: 74px; height: 64px; border: 1px solid #dfe4f0; border-radius: 6px; background: #fff; cursor: pointer; }
.pdp-cms-gallery button.is-active { border-color: #30499a; box-shadow: 0 0 0 2px rgba(48,73,154,.12); }
.pdp-cms-gallery img { width: 100%; height: 100%; object-fit: contain; }
.cms-product-additions { background: #f6f8fd; }
.cms-product-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1px; margin-top: 28px; background: #dfe4f0; border: 1px solid #dfe4f0; }
.cms-product-grid a { display: grid; gap: 12px; min-height: 280px; padding: 18px; background: #fff; color: #17203a; text-decoration: none; }
.cms-product-grid a > span { display: grid; min-height: 190px; place-items: center; background: #f7f8fb; }
.cms-product-grid img { width: 90%; height: 180px; object-fit: contain; }
.cms-product-grid strong { font-size: 15px; }
.cms-product-grid small { color: #66708c; }
.cms-live-product { padding: clamp(120px,14vw,190px) 0 90px; }
.cms-pdp-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(360px,.82fr); gap: clamp(40px,7vw,110px); align-items: center; }
.cms-pdp-media { display: grid; min-height: 560px; place-items: center; background: #f4f6fb; }
.cms-pdp-media img { width: 88%; max-height: 520px; object-fit: contain; }
.cms-pdp-grid h1 { margin: 12px 0 18px; font-size: clamp(34px,4.5vw,64px); line-height: 1; }
.cms-lead { max-width: 60ch; color: #58627b; line-height: 1.7; }
.cms-pdp-grid dl { margin: 30px 0; border-top: 1px solid #dfe4f0; }
.cms-pdp-grid dl div { display: grid; grid-template-columns: 140px 1fr; gap: 18px; border-bottom: 1px solid #dfe4f0; padding: 13px 0; }
.cms-pdp-grid dt { color: #66708c; font-size: 13px; }
.cms-pdp-grid dd { margin: 0; font-size: 14px; }
.cms-message { min-height: 50vh; padding-top: 120px; }
.cms-live-category { padding: clamp(116px,13vw,178px) 0 100px; background: #fff; }
.cms-category-hero { display: grid; grid-template-columns: minmax(0,.88fr) minmax(420px,1.12fr); gap: clamp(42px,7vw,110px); align-items: center; border-bottom: 1px solid #dfe4f0; padding-bottom: clamp(58px,8vw,110px); }
.cms-category-hero h1 { max-width: 11ch; margin: 12px 0 20px; color: #17203a; font-size: clamp(42px,6vw,82px); line-height: .95; letter-spacing: -.04em; }
.cms-category-hero p:not(.label) { max-width: 56ch; color: #58627b; font-size: 17px; line-height: 1.7; }
.cms-category-hero > div > span { display: block; margin-top: 28px; color: #30499a; font-size: 13px; font-weight: 700; }
.cms-category-hero figure { display: grid; min-height: 520px; place-items: center; margin: 0; background: #f4f6fb; }
.cms-category-hero figure img { width: 90%; height: 470px; object-fit: contain; }
.cms-category-products { padding-top: clamp(64px,8vw,112px); }
.cms-category-products .cms-product-grid { margin-top: 0; }
@media (max-width:900px) { .cms-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .cms-pdp-grid, .cms-category-hero { grid-template-columns: 1fr; } .cms-pdp-media { min-height: 420px; } .cms-category-hero figure { min-height: 420px; } }
@media (max-width:560px) { .cms-product-grid { grid-template-columns: 1fr; } .cms-pdp-media { min-height: 340px; } .cms-pdp-grid dl div { grid-template-columns: 1fr; gap: 5px; } .cms-live-category { padding-top: 98px; } .cms-category-hero h1 { font-size: clamp(38px,13vw,58px); } .cms-category-hero figure { min-height: 320px; } .cms-category-hero figure img { height: 290px; } }