/* Stock detail: same components and spacing as the approved preview.
   These rules are loaded only on listing/detail, after the legacy theme. */
.cl-public .detail-page.cl-stock{padding:0 0 48px;background:#f6f7fa}
.cl-public .cl-stock p{line-height:1.55}
.cl-public .cl-stock h2{font-weight:700}
.cl-public .cl-stock .panel{margin:0;border:1px solid var(--line);border-radius:14px;padding:27px;background:#fff;box-shadow:none}
.cl-public .cl-stock .description-panel,.cl-public .cl-stock .contact-form{margin-top:25px}
.cl-public .cl-stock .description-panel h2,.cl-public .cl-stock .contact-form h2{font-size:1.4rem;line-height:1.3}
.cl-public .cl-stock .detail-description{font-size:.9375rem;line-height:1.8;color:#58657a;margin-top:18px;white-space:normal;overflow-wrap:anywhere}
.cl-public .cl-stock .detail-description p{font:inherit;color:inherit;line-height:inherit;white-space:normal;margin:0 0 12px}
.cl-public .cl-stock .detail-description p:last-child{margin-bottom:0}
.cl-public .cl-stock .listing-last-updated{display:block;padding:0;border:0;margin:12px 0 0;font-size:.8125rem;line-height:1.55;white-space:normal;color:var(--muted)}
.cl-public .cl-stock .listing-last-updated strong{font-weight:550;display:inline}
.cl-public .cl-stock .stock-buying-context{font-size:.9375rem;line-height:1.8;margin:18px 0 0;padding-top:18px;white-space:normal}
.cl-public .cl-stock .contact-summary{position:sticky;top:22px;width:100%}
.cl-public .cl-stock .summary-label{font-size:.875rem;line-height:1.55}
.cl-public .cl-stock .detail-price .price{font-size:2.75rem}
.cl-public .cl-stock .tax-note{line-height:1.5;white-space:normal}
.cl-public .cl-stock .seller-address{font-size:.8125rem;line-height:1.55;white-space:normal}
.cl-public .cl-stock .seller-address p{font:inherit;line-height:inherit;margin:0}
.cl-public .cl-stock .button{line-height:1.3}
.cl-public .cl-stock .gallery{margin:0;box-shadow:none}
.cl-public .cl-stock .main-photo{height:auto;min-height:0;outline-offset:-4px}
.cl-public .cl-stock .main-photo img{max-height:none;max-width:100%;margin:0;box-shadow:none}
.cl-public .cl-stock .thumbnails{margin:0;padding:15px;gap:10px;flex-wrap:nowrap}
.cl-public .cl-stock .thumbnail{display:block;margin:0;width:75px;height:67px;padding:3px;border:1px solid var(--line);background:#fff;box-shadow:none;border-radius:7px;flex:0 0 75px}
.cl-public .cl-stock .thumbnail.active{border:2px solid var(--blue)}
.cl-public .cl-stock .thumbnail img{display:block;width:100%;height:100%;object-fit:contain;border:0;max-width:100%;opacity:1}
.cl-public .cl-stock .detail-enquire-form{border:0;background:transparent;padding:0;margin:0;box-shadow:none}
.cl-public .cl-stock .stock-contact-form{padding:0;margin:0;border:0;background:transparent;box-shadow:none}
.cl-public .cl-stock .contact-form>p{font-size:.875rem;line-height:1.55;margin:9px 0 20px;color:var(--muted)}
.cl-public .cl-stock .form-grid .form-group{margin:0;padding:0;min-width:0}
.cl-public .cl-stock .form-grid label{font-size:.8125rem;font-weight:550;line-height:1.55;display:block;margin:0 0 6px;color:var(--ink)}
.cl-public .cl-stock .form-grid .required label:after{content:' *';color:inherit;position:static}
.cl-public .cl-stock .form-grid .form-control{font:400 .9375rem/1.55 'DM Sans',Arial,sans-serif;width:100%;height:auto;min-height:44px;padding:11px 12px;border:1px solid #d8dfea;border-radius:7px;background:#fff;color:var(--ink);box-shadow:none}
.cl-public .cl-stock .form-grid textarea.form-control{height:135px;min-height:135px;resize:vertical}
.cl-public .cl-stock .form-grid .form-control:focus{border-color:#8baefe;outline:3px solid #8baefe;outline-offset:2px;box-shadow:none}
.cl-public .cl-stock .form-grid .has-error .form-control{border-color:#c53636}
.cl-public .cl-stock .help-block{font-size:.8125rem;line-height:1.5;margin:6px 0 0;white-space:normal}
.cl-public .cl-stock .help-block:empty{display:none}
.cl-public .cl-stock .stock-verification{margin:18px 0 0;max-width:100%}
.cl-public .cl-stock .stock-verification .form-group{margin:0}
.cl-public .cl-stock .form-footer{margin-top:18px}
.cl-public .cl-stock .form-footer p{font-size:.75rem;line-height:1.55;white-space:normal;margin:0}
.cl-public .cl-stock .form-footer .button{width:auto;border-radius:8px;font-weight:600;display:inline-flex;box-shadow:none}
.cl-public .cl-stock-lightbox{margin:auto;color:var(--ink);box-shadow:0 18px 70px #101b3255}
.cl-public .cl-stock-lightbox:not([open]){display:none}
.cl-public .cl-stock-lightbox[open]{display:block}
.cl-public .cl-stock-lightbox img{width:auto;max-width:100%;max-height:78vh;object-fit:contain; margin:auto}
.cl-public .cl-stock-mobile .button{line-height:1.3}
.cl-public .cl-stock .reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;background:transparent;border:0;margin:35px 0 0;padding:0}
.cl-public .cl-stock .reasons>h2{grid-column:1/-1;margin:0}
.cl-public .cl-stock .reason{display:flex;align-items:flex-start;gap:14px;background:white;border:1px solid var(--line);border-radius:12px;padding:16px;margin:0;min-width:0}
.cl-public .cl-stock .reason-icon{position:static;flex:0 0 70px;width:70px;height:70px;margin:0;padding:0;border:0;box-shadow:none;border-radius:7px;overflow:hidden;background:#f4f6f9}
.cl-public .cl-stock .reason-icon img{width:100%;height:100%;object-fit:contain}
.cl-public .cl-stock .reason-content{padding:0;margin:0;min-width:0}
.cl-public .cl-stock .reason h3{font-size:1rem;line-height:1.4;margin:0 0 7px}
.cl-public .cl-stock .reason p{font-size:.8125rem;line-height:1.6;color:var(--muted)}
@media(max-width:1100px){.cl-public .cl-stock .panel{padding:22px}}
@media(max-width:860px){.cl-public .cl-stock .panel{padding:20px}.cl-public .cl-stock .reasons{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 .cl-public .cl-stock .panel{padding:22px;border-radius:11px}
 .cl-public .cl-stock .contact-summary{position:static;order:1;margin:18px 0 0}
 .cl-public .cl-stock .description-panel,.cl-public .cl-stock .contact-form{margin:18px 0 0}
 .cl-public .cl-stock .description-panel h2,.cl-public .cl-stock .contact-form h2{font-size:1.35rem}
 .cl-public .cl-stock .detail-meta .update{display:none}
 .cl-public .cl-stock .thumbnails{padding:10px;gap:8px}
 .cl-public .cl-stock .thumbnail{width:60px;height:55px;flex-basis:60px}
 .cl-public .cl-stock .detail-price .price{font-size:2.5rem}
 .cl-public .cl-stock .summary-label{font-size:.9375rem}
 .cl-public .cl-stock .form-grid label{font-size:.875rem}
 .cl-public .cl-stock .form-grid .form-control{font-size:1rem}
 .cl-public .cl-stock .form-footer .button{width:100%}
 .cl-public .cl-stock .form-footer p{font-size:.8125rem}
 .cl-public .cl-stock .reasons{grid-template-columns:1fr}
 .cl-public:has(.cl-stock-mobile) .site-footer{padding-bottom:105px}
}
@media(max-width:359px){.cl-public .cl-stock .stock-verification .g-recaptcha{transform:scale(.78);transform-origin:left top}}