/* Contenido del detalle presencial. Navbar y footer usan sus componentes compartidos. */
.pd-page { margin:0; background:#f5f7fb; color:#101925; font-family:Inter,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
.pd-main { --pd-red:#ff0025; --pd-ink:#111b28; --pd-muted:#687689; max-width:1376px; padding:0 32px; margin:0 auto; }
.pd-main *, .pd-main *::before, .pd-main *::after, .pd-lightbox * { box-sizing:border-box; }
.pd-main button, .pd-lightbox button { font-family:inherit; cursor:pointer; }
.pd-main button, .pd-main a { -webkit-tap-highlight-color:transparent; }
.pd-main button:focus-visible, .pd-main a:focus-visible, .pd-main [tabindex]:focus-visible, .pd-lightbox button:focus-visible { outline:3px solid #ffbd18; outline-offset:3px; }
.pd-main [hidden], .pd-lightbox [hidden], .pd-toast[hidden] { display:none!important; }
.pd-breadcrumb { display:flex; align-items:center; gap:10px; min-height:52px; font-size:11px; }
.pd-breadcrumb a { display:inline-flex; align-items:center; gap:5px; color:#637185; text-decoration:none; font-weight:600; white-space:nowrap; }
.pd-breadcrumb a:hover { color:var(--pd-red); }
.pd-breadcrumb > i { font-size:7px; color:#a7b0bd; }
.pd-breadcrumb > span { font-weight:700; line-height:1.5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pd-detail-grid { display:grid; grid-template-columns:minmax(0,1.28fr) minmax(0,1fr); align-items:start; gap:30px; }
.pd-gallery { min-width:0; background:#fff; padding:18px; border-radius:15px; box-shadow:0 12px 36px #17243b05; border:1px solid #edf1f6; }
.pd-gallery-stage { position:relative; padding:0 0 12px; background:linear-gradient(135deg,#faf9f8,#fff 70%); border-radius:10px; overflow:hidden; }
.pd-gallery-labels { position:absolute; display:flex; gap:9px; align-items:center; top:12px; left:10px; z-index:3; }
.pd-gallery-labels > span { display:inline-flex; align-items:center; gap:7px; font-size:10px; font-weight:750; padding:9px 11px; border-radius:7px; color:#fff; }
.pd-modality { background:var(--pd-red); }
.pd-lot-tag { background:var(--pd-ink); }
.pd-gallery-labels i { font-size:13px; }
.pd-image-controls { position:absolute; top:12px; right:10px; display:flex; align-items:center; gap:5px; z-index:3; }
.pd-image-controls > span, .pd-image-controls button { display:flex; align-items:center; justify-content:center; background:#111b28; color:#fff; font-size:11px; font-weight:700; height:34px; border:0; border-radius:7px; padding:0 10px; }
.pd-image-controls button { width:34px; padding:0; font-size:15px; }
.pd-main-image { position:relative; aspect-ratio:1.22; min-height:300px; overflow:hidden; border-radius:10px; }
.pd-slide { display:none; width:100%; height:100%; position:absolute; inset:0; padding:68px 28px 12px; object-fit:contain; mix-blend-mode:multiply; }
.pd-slide.is-active { display:block; }
.pd-image-arrow { position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; display:flex; align-items:center; justify-content:center; border:0; border-radius:50%; background:#ffffffed; color:#263546; font-size:15px; box-shadow:0 5px 17px #17243b15; z-index:2; transition:background .15s,color .15s; }
.pd-image-arrow:hover { color:#fff; background:var(--pd-red); }
.pd-image-arrow.is-prev { left:10px; }
.pd-image-arrow.is-next { right:10px; }
.pd-thumbnails { display:flex; align-items:center; gap:10px; padding:5px 10px 0; overflow-x:auto; scrollbar-width:thin; }
.pd-thumbnail { flex:0 0 108px; height:88px; border:1px solid #dce2ea; border-radius:9px; background:#fff; padding:4px; box-shadow:0 3px 8px #17243b0a; transition:border-color .15s; }
.pd-thumbnail img { width:100%; height:100%; object-fit:contain; }
.pd-thumbnail.is-active { border:2px solid var(--pd-red); box-shadow:0 3px 10px #ff00251a; }
.pd-gallery-actions { display:grid; grid-template-columns:1fr 1fr 1fr 1.35fr; gap:7px; margin-top:16px; }
.pd-action { display:flex; justify-content:center; align-items:center; gap:9px; min-height:48px; color:#334154; border:0; text-decoration:none; background:#f7f9fc; border-radius:8px; font-size:11px; font-weight:650; padding:10px 5px; }
.pd-action > i { font-size:18px; }
.pd-action.pd-save { background:#fff2f5; }
.pd-action.pd-save > i, .pd-action .fa-flag { color:var(--pd-red); }
.pd-action:hover { background:#eaf0f7; }
.pd-action.pd-save[aria-pressed=true] { color:var(--pd-red); background:#ffe8ee; }
.pd-lot-nav { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:13px; font-size:10px; }
.pd-lot-nav a, .pd-lot-nav span { display:inline-flex; gap:7px; align-items:center; text-decoration:none; padding:4px 1px; color:#7d8999; }
.pd-lot-nav a:hover { color:var(--pd-red); }
.pd-lot-nav [aria-disabled] { color:#b7c0cc; }
.pd-details { min-width:0; padding:9px 0 0; }
.pd-details-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:15px; }
.pd-details-heading > span:first-child { display:inline-flex; align-items:center; gap:12px; color:var(--pd-red); font-size:10px; font-weight:800; }
.pd-details-heading > span:first-child > i { font-size:26px; transform:rotate(-8deg); }
.pd-state { display:inline-flex; align-items:center; gap:7px; color:#128368; background:#f5fcf9; border:1px solid #a8dfd0; border-radius:9px; padding:9px 12px; font-size:11px; font-weight:650; }
.pd-state > i { width:7px; height:7px; border-radius:50%; background:currentColor; }
.pd-state.is-ended { color:#718096; border-color:#d9e1eb; background:#f1f4f8; }
.pd-state.is-upcoming { color:#b47911; border-color:#f1dab2; background:#fffaf0; }
.pd-details h1 { font-size:clamp(26px,2.5vw,35px); line-height:1.15; letter-spacing:-1px; font-weight:850; margin:0 0 16px; overflow-wrap:anywhere; }
.pd-meta { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:19px; }
.pd-meta > span { display:flex; align-items:center; gap:6px; font-size:10px; font-weight:650; color:#557292; background:#eaf0f8; padding:6px 9px; border-radius:6px; }
.pd-meta > span:last-child { color:#e30021; background:#ffedf1; }
.pd-price-card { padding:22px; background:radial-gradient(ellipse at 100% 0,#80051c 0,transparent 72%),linear-gradient(120deg,#07111b,#180711); border-radius:11px; color:#fff; box-shadow:0 10px 22px #17243b0b; }
.pd-price-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:23px; flex-wrap:wrap; }
.pd-price-label { display:flex; align-items:center; gap:8px; font-size:10px; font-weight:650; letter-spacing:.5px; color:#e5e9f0; margin-bottom:9px; }
.pd-price-label > span { font-size:9px; border:1px solid #647082; border-radius:4px; padding:1px 4px; }
.pd-price { font-size:clamp(32px,3.6vw,49px); line-height:1.05; font-weight:800; letter-spacing:-1.3px; }
.pd-timer-wrap { text-align:right; }
.pd-price-status { display:inline-flex; align-items:center; justify-content:center; gap:6px; background:#e9093090; font-size:11px; font-weight:650; padding:13px 12px; border-radius:9px; color:#fff; }
.pd-price-status > i { width:6px; height:6px; background:#ffbe39; border-radius:50%; }
.pd-timer-wrap small { display:block; color:#c0c7d3; font-size:9px; margin-top:7px; }
.pd-presencial-note { display:flex; align-items:center; gap:14px; padding:14px; background:#ffffff09; border:1px solid #ffffff0a; border-radius:9px; }
.pd-presencial-note > i { font-size:28px; color:#ff3150; }
.pd-presencial-note strong { display:block; font-size:12px; font-weight:650; }
.pd-presencial-note p { margin:5px 0 0; color:#c7cbd3; font-size:10px; line-height:1.55; }
.pd-facts { display:grid; grid-template-columns:1fr 1.05fr; gap:0; margin-top:19px; padding:15px 16px; background:#fff; border-radius:11px; box-shadow:0 6px 18px #17243b03; }
.pd-facts dl { margin:0; min-width:0; }
.pd-facts dl+dl { border-left:1px solid #edf1f5; margin-left:12px; padding-left:14px; }
.pd-facts dl > div { display:grid; grid-template-columns:1.25fr 1fr; align-items:start; gap:7px; min-height:39px; padding:6px 0; }
.pd-facts dt { display:flex; align-items:center; gap:10px; font-size:10px; color:#788597; font-weight:600; line-height:1.5; }
.pd-facts dt > i { color:#101925; font-size:14px; width:15px; flex-shrink:0; text-align:center; }
.pd-facts dl:first-child dt > i { color:var(--pd-red); }
.pd-facts dd { margin:0; font-size:10px; color:#344254; font-weight:650; line-height:1.5; overflow-wrap:anywhere; }
.pd-fact-state { display:inline-block; color:#118265; background:#d5f7ec; font-size:9px; padding:4px 6px; border-radius:6px; }
.pd-fact-state.is-ended { color:#718096; background:#edf1f5; }
.pd-fact-state.is-upcoming { color:#b47911; background:#fff1d7; }
.pd-description-summary { background:#fff; padding:17px 19px; margin-top:15px; border-radius:11px; }
.pd-description-summary h2, .pd-tab-panel h2 { display:flex; align-items:center; gap:11px; color:#172333; font-size:18px; letter-spacing:-.4px; margin:0 0 10px; line-height:1.3; }
.pd-description-summary h2 > i, .pd-tab-panel h2 > i { display:flex; align-items:center; justify-content:center; font-size:18px; width:30px; height:30px; border-radius:8px; background:#fff0f3; color:var(--pd-red); flex-shrink:0; }
.pd-description-summary p { color:#687588; font-size:12px; line-height:1.7; margin:0; padding-left:41px; max-height:100px; overflow:auto; }
.pd-primary-action { display:flex; justify-content:center; align-items:center; gap:12px; min-height:49px; margin-top:15px; background:linear-gradient(90deg,#ff1233,#ff0027); color:#fff; border-radius:9px; padding:12px 17px; font-size:12px; font-weight:700; text-decoration:none; box-shadow:0 7px 16px #ff002518; }
.pd-primary-action > i:first-child { font-size:17px; }
.pd-primary-action > i:last-child { margin-left:auto; }
.pd-primary-action:hover { background:#df0024; }
.pd-support { display:flex; align-items:center; justify-content:center; gap:7px; font-size:10px; color:#778496; margin:14px 0 0; text-decoration:underline; line-height:1.5; }
.pd-support i { color:#172333; font-size:13px; }
.pd-information { background:#fff; padding:8px; border-radius:12px; margin-top:30px; border:1px solid #edf1f6; }
.pd-tabs { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; }
.pd-tabs > button { display:flex; justify-content:center; align-items:center; gap:11px; border:1px solid #f0f3f7; border-radius:8px; background:#fafbfd; padding:15px 10px; color:#667589; font-size:11px; font-weight:650; min-height:46px; }
.pd-tabs > button > i { font-size:16px; }
.pd-tabs > button:hover { background:#fff1f4; color:var(--pd-red); }
.pd-tabs > button[aria-selected=true] { color:#fff; background:var(--pd-red); border-color:var(--pd-red); box-shadow:0 4px 9px #ff002516; }
.pd-tab-panel { padding:26px 16px 24px; min-height:124px; }
.pd-tab-panel h2 { font-size:20px; }
.pd-panel-text { margin:0; padding-left:41px; color:#687588; font-size:12px; line-height:1.9; overflow-wrap:anywhere; }
.pd-specs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:20px 0; }
.pd-specs > div { padding:13px 16px; border:1px solid #ecf0f6; border-radius:8px; background:#fafbfd; }
.pd-specs dt { font-size:10px; color:#8994a5; margin-bottom:5px; }
.pd-specs dd { font-size:12px; font-weight:650; margin:0; overflow-wrap:anywhere; }
.pd-document, .pd-text-link { display:inline-flex; align-items:center; gap:10px; color:var(--pd-red); font-size:11px; font-weight:600; text-decoration:none; margin-top:15px; }
.pd-document { padding:12px; border:1px solid #ffd2db; border-radius:8px; }
.pd-muted { color:#8b96a6; font-size:11px; line-height:1.7; margin:12px 0 0; }
.pd-timeline { display:flex; gap:25px; flex-wrap:wrap; margin:22px 0; }
.pd-timeline > div { display:flex; gap:13px; padding:13px 18px; border-left:3px solid var(--pd-red); background:#f8fafd; border-radius:0 8px 8px 0; }
.pd-timeline > div > i { color:var(--pd-red); font-size:19px; }
.pd-timeline strong { display:block; font-size:12px; }
.pd-timeline p { color:#8190a3; font-size:11px; margin:7px 0 0; }
.pd-related { background:linear-gradient(110deg,#fff0f3,#fbf2f5); padding:23px; border-radius:12px; margin:27px 0 0; }
.pd-related-heading { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-bottom:23px; }
.pd-related-heading p { color:var(--pd-red); font-size:12px; font-weight:700; margin:0 0 6px; }
.pd-related-heading h2 { color:#152232; font-size:25px; font-weight:800; letter-spacing:-.7px; margin:0; line-height:1.25; }
.pd-related-heading > a { display:flex; align-items:center; justify-content:center; gap:15px; background:#fff6f8; color:#e50025; border:1px solid #ff9fb2; border-radius:8px; padding:13px 16px; font-size:11px; font-weight:650; text-decoration:none; white-space:nowrap; }
.pd-related-heading > a:hover { background:#ffe5ec; }
.pd-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.pd-related-card { background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 6px 18px #17243b08; transition:transform .15s,box-shadow .15s; }
.pd-related-card:hover { transform:translateY(-3px); box-shadow:0 9px 23px #17243b13; }
.pd-related-image { position:relative; height:155px; background:#f0f4f8; overflow:hidden; }
.pd-related-image > a { display:block; height:100%; }
.pd-related-image img { width:100%; height:100%; object-fit:cover; }
.pd-related-image > span { position:absolute; top:10px; left:10px; background:#101925; color:#fff; border-radius:6px; font-size:10px; font-weight:700; padding:6px 10px; pointer-events:none; }
.pd-related-image > button { position:absolute; top:9px; right:10px; border:0; display:flex; align-items:center; justify-content:center; color:var(--pd-red); background:#fff; width:32px; height:32px; border-radius:6px; box-shadow:0 3px 8px #17243b12; font-size:17px; }
.pd-related-info { padding:14px 17px; }
.pd-related-info h3 { font-size:12px; font-weight:750; margin:0 0 7px; line-height:1.4; }
.pd-related-info h3 a { color:#1a2738; text-decoration:none; }
.pd-related-info h3 a:hover { color:var(--pd-red); }
.pd-related-info > p { font-size:11px; color:#8190a3; margin:0 0 9px; }
.pd-related-bottom { display:flex; justify-content:space-between; align-items:flex-end; gap:10px; }
.pd-related-bottom small { display:block; font-size:10px; color:#657589; margin-bottom:5px; }
.pd-related-bottom strong { display:block; color:var(--pd-red); font-size:20px; letter-spacing:-.5px; }
.pd-related-bottom > a { display:flex; align-items:center; justify-content:center; height:31px; width:31px; border:1px solid #ffaabd; border-radius:7px; color:var(--pd-red); text-decoration:none; }
.pd-empty { color:#788698; font-size:12px; grid-column:1/-1; }
.pd-lightbox { border:0; border-radius:15px; padding:0; max-width:calc(100vw - 32px); width:1200px; height:min(850px,calc(100dvh - 40px)); max-height:calc(100dvh - 40px); background:#fff; color:#162333; box-shadow:0 30px 70px #0005; }
.pd-lightbox::backdrop { background:#08101de6; backdrop-filter:blur(5px); }
.pd-lightbox-toolbar { display:flex; align-items:center; gap:10px; padding:14px 20px; border-bottom:1px solid #e8eef5; height:65px; }
.pd-lightbox-toolbar strong { font-size:13px; margin-right:auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pd-lightbox-toolbar > span { font-size:11px; font-weight:650; white-space:nowrap; }
.pd-lightbox-toolbar button { width:34px; height:34px; display:flex; align-items:center; justify-content:center; border:0; background:#f1f5f9; border-radius:8px; font-size:16px; color:#324154; flex-shrink:0; }
.pd-lightbox-content { display:grid; grid-template-columns:45px minmax(0,1fr) 45px; height:calc(100% - 65px); align-items:center; padding:15px; gap:10px; }
.pd-lightbox-content > button { border:0; width:42px; height:42px; border-radius:50%; background:#f1f5f9; color:#172333; }
#pdLightboxImageWrap { grid-column:2; height:100%; overflow:auto; display:flex; align-items:center; justify-content:center; }
#pdLightboxImage { width:100%; height:100%; object-fit:contain; }
#pdLightboxImageWrap.is-zoomed { display:block; }
#pdLightboxImageWrap.is-zoomed img { width:200%; height:200%; max-width:none; max-height:none; object-fit:contain; }
.pd-toast { position:fixed; bottom:25px; left:50%; transform:translateX(-50%); z-index:120; padding:12px 18px; max-width:calc(100vw - 32px); border-radius:9px; background:#142234; color:#fff; box-shadow:0 8px 30px #14223438; font-size:12px; line-height:1.5; }
@media(max-width:1150px) { .pd-main { padding:0 24px; } .pd-detail-grid { gap:24px; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); } .pd-gallery-labels > span { padding:8px; font-size:9px; } .pd-gallery-labels { gap:5px; } .pd-image-controls { gap:4px; } .pd-image-controls > span { padding:0 7px; } .pd-thumbnail { flex-basis:90px; height:77px; } .pd-action { font-size:10px; gap:7px; } .pd-action > i { font-size:16px; } .pd-facts { padding:12px; } .pd-facts dl+dl { margin-left:8px; padding-left:10px; } .pd-facts dl > div { grid-template-columns:1fr 1fr; gap:5px; min-height:40px; } .pd-facts dt { gap:6px; font-size:9px; } .pd-facts dd { font-size:9px; } .pd-price-card { padding:20px; } .pd-price { font-size:40px; } .pd-price-status { padding:11px 9px; font-size:10px; } }
@media(max-width:900px) { .pd-detail-grid { grid-template-columns:1fr; gap:27px; } .pd-main-image { aspect-ratio:1.5; } .pd-details { padding-top:0; } .pd-details h1 { font-size:34px; } .pd-price { font-size:48px; } .pd-price-card { padding:25px; } .pd-facts { padding:18px; } .pd-facts dl > div { grid-template-columns:1.3fr 1fr; } .pd-facts dt, .pd-facts dd { font-size:12px; } .pd-facts dl+dl { margin-left:20px; padding-left:25px; } .pd-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .pd-related-heading h2 { font-size:23px; } .pd-tabs > button { gap:7px; font-size:10px; } .pd-action { font-size:12px; } .pd-action > i { font-size:20px; } }
@media(max-width:600px) { .pd-main { padding:0 16px; } .pd-breadcrumb { min-height:52px; gap:7px; font-size:9px; } .pd-breadcrumb > span > span { display:none; } .pd-gallery { padding:11px; border-radius:12px; } .pd-gallery-stage { padding-bottom:10px; } .pd-gallery-labels { top:10px; left:7px; gap:4px; } .pd-gallery-labels > span { gap:4px; padding:7px 6px; font-size:7px; border-radius:5px; } .pd-gallery-labels i { font-size:10px; } .pd-image-controls { top:10px; right:7px; gap:4px; } .pd-image-controls > span, .pd-image-controls button { height:28px; font-size:9px; border-radius:5px; } .pd-image-controls > span { padding:0 6px; } .pd-image-controls button { width:28px; font-size:12px; } .pd-main-image { aspect-ratio:1.05; min-height:0; } .pd-slide { padding:53px 13px 7px; } .pd-image-arrow { width:34px; height:34px; font-size:12px; } .pd-image-arrow.is-prev { left:7px; } .pd-image-arrow.is-next { right:7px; } .pd-thumbnails { gap:8px; padding:4px 7px 0; } .pd-thumbnail { flex-basis:76px; height:67px; } .pd-gallery-actions { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:11px; } .pd-action { min-height:42px; font-size:11px; gap:8px; } .pd-action > i { font-size:17px; } .pd-lot-nav { font-size:9px; margin-top:10px; } .pd-details-heading { margin-bottom:15px; } .pd-details-heading > span:first-child { font-size:9px; gap:8px; } .pd-details-heading > span:first-child > i { font-size:24px; } .pd-state { font-size:10px; padding:8px 10px; } .pd-details h1 { font-size:27px; letter-spacing:-.6px; margin-bottom:13px; } .pd-meta { margin-bottom:18px; gap:8px; } .pd-meta > span { font-size:10px; } .pd-price-card { padding:20px; } .pd-price { font-size:38px; letter-spacing:-1.2px; } .pd-price-label { font-size:9px; gap:7px; margin-bottom:10px; } .pd-price-top { margin-bottom:20px; gap:10px; } .pd-price-status { padding:10px 8px; font-size:10px; } .pd-presencial-note { padding:13px; gap:11px; } .pd-presencial-note > i { font-size:25px; } .pd-presencial-note strong { font-size:12px; } .pd-presencial-note p { font-size:10px; } .pd-facts { padding:14px; grid-template-columns:1fr; gap:0; } .pd-facts dl > div { grid-template-columns:1.3fr 1fr; min-height:37px; } .pd-facts dt, .pd-facts dd { font-size:11px; } .pd-facts dl+dl { border-left:0; border-top:1px solid #edf1f5; padding:10px 0 0; margin:6px 0 0; } .pd-description-summary { padding:17px; } .pd-description-summary h2 { font-size:17px; } .pd-description-summary p { font-size:12px; } .pd-primary-action { font-size:11px; padding:12px; gap:9px; } .pd-support { font-size:9px; gap:5px; } .pd-information { margin-top:25px; padding:7px; } .pd-tabs { display:flex; gap:6px; overflow-x:auto; scrollbar-width:thin; padding-bottom:5px; } .pd-tabs > button { flex:0 0 auto; font-size:10px; gap:7px; min-height:42px; padding:11px 13px; } .pd-tabs > button > i { font-size:13px; } .pd-tab-panel { padding:21px 10px; } .pd-tab-panel h2 { font-size:18px; } .pd-panel-text { font-size:12px; padding-left:0; } .pd-specs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .pd-specs > div { padding:12px; } .pd-timeline { gap:12px; margin:17px 0; } .pd-related { padding:16px; margin-top:23px; } .pd-related-heading { align-items:flex-start; margin-bottom:17px; flex-wrap:wrap; gap:12px; } .pd-related-heading p { font-size:10px; } .pd-related-heading h2 { font-size:23px; } .pd-related-heading > a { font-size:10px; padding:9px 12px; gap:10px; } .pd-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .pd-related-image { height:122px; } .pd-related-image > span { top:8px; left:7px; padding:5px 7px; font-size:9px; } .pd-related-image > button { width:27px; height:27px; right:7px; top:7px; font-size:14px; } .pd-related-info { padding:12px; } .pd-related-info h3 { font-size:10px; min-height:28px; } .pd-related-info > p { font-size:10px; } .pd-related-bottom small { font-size:9px; } .pd-related-bottom strong { font-size:16px; } .pd-related-bottom > a { width:25px; height:25px; font-size:11px; } .pd-lightbox { max-width:calc(100vw - 16px); height:calc(100dvh - 24px); max-height:calc(100dvh - 24px); border-radius:11px; } .pd-lightbox-toolbar { padding:12px; gap:6px; } .pd-lightbox-toolbar strong { font-size:10px; } .pd-lightbox-toolbar > span { font-size:10px; } .pd-lightbox-toolbar button { width:29px; height:29px; font-size:13px; } .pd-lightbox-content { grid-template-columns:28px minmax(0,1fr) 28px; padding:10px 6px; gap:4px; } .pd-lightbox-content > button { width:27px; height:32px; } }
@media(max-width:380px) { .pd-related-grid { grid-template-columns:1fr; } .pd-related-image { height:160px; } .pd-main { padding:0 12px; } .pd-gallery-labels > span { font-size:6.5px; padding:7px 5px; } .pd-gallery-labels > .pd-modality i { display:none; } .pd-price { font-size:34px; } .pd-price-status { font-size:9px; } }
@media(prefers-reduced-motion:reduce) { .pd-main *, .pd-main *::before, .pd-main *::after { transition:none!important; scroll-behavior:auto!important; } }

#pdLightboxNext { grid-column:3; }

@media(max-width:600px) { .pd-modality-text > span { display:none; } .pd-gallery-labels > span { font-size:9px; } .pd-gallery-labels > .pd-modality i { display:inline; } }