/* BEGIN CS COMMUNITY CUSTOM CODE — GUEST SHOWCASE STYLES v0.43.16 */ .csc-community-home-v1712 > .csc-home-guest-showcase-v04316 { grid-column:1 !important;grid-row:auto !important;min-width:0 !important; width:100% !important;max-width:100% !important;overflow:hidden; padding:16px 12px 18px;border:1px solid #dae0e5;border-radius:18px;background:#fff; } .csc-home-guest-showcase-v04316,.csc-home-guest-showcase-v04316 *{box-sizing:border-box} .csc-guest-home-title{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:12px} .csc-guest-home-title h2{font-size:clamp(22px,2.5vw,30px);font-weight:800;margin:3px 0} .csc-guest-home-title small,.csc-guest-gallery-head small{color:#ba123b;font-size:11px;letter-spacing:.09em;font-weight:900} .csc-guest-home-title p{margin:0;color:#66727c;font-size:12px} .csc-guest-home-title nav{display:flex;gap:12px;flex-wrap:wrap} .csc-guest-home-title a{font-size:12px;font-weight:800;color:#ac1240;text-decoration:none} .csc-guest-home-scroll{display:flex;gap:12px;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:3px 3px 12px} .csc-guest-home-tile{display:block;position:relative;flex:0 0 230px;min-width:0;max-width:250px;scroll-snap-align:start;overflow:hidden;border:1px solid #dee3e9;border-radius:13px;background:#fff;color:#141b24;text-decoration:none} .csc-guest-home-tile img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#e9e9e9} .csc-guest-home-caption{display:block;font-size:12px;padding:9px 8px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .csc-guest-home-tile a{color:inherit;text-decoration:none} .csc-guest-home-reactions{display:flex;gap:10px;padding:3px 8px 10px} .csc-guest-home-reactions button{background:#fff;border:1px solid #e0e0e3;border-radius:8px;padding:5px 9px;cursor:pointer;color:#252c35;font-weight:700;font-size:12px} .csc-guest-home-promo{display:flex;min-height:290px;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:20px;padding:17px;color:#fff!important;background:linear-gradient(130deg,rgba(6,14,22,.96),rgba(146,8,45,.84)),url('../images/welcome/community-garage-hero-v1755.webp') center/cover} .csc-guest-home-promo strong{font-size:20px;line-height:1.2} .csc-guest-home-promo span{font-size:13px;line-height:1.5} .csc-guest-home-promo b{padding:12px 20px;border-radius:10px;background:#c80d3d} @media(max-width:760px){.csc-community-home-v1712>.csc-home-guest-showcase-v04316{grid-column:1/-1!important;width:100%!important}.csc-guest-home-title{display:block}.csc-guest-home-title nav{margin-top:12px}.csc-guest-home-tile{flex-basis:min(88%,330px);max-width:none}.csc-guest-home-scroll{scroll-padding-inline:8px}} /* Grid placement: always occupy LEFT content track in signed-out two-column homepage. */ @media(min-width:1181px){ .csc-community-home-v1712.is-guest-v3042.no-generation-rail-v1860:not(.has-wide-module-v1834)>.csc-home-guest-showcase-v04316{grid-column:1!important;grid-row:4!important} .csc-community-home-v1712.is-guest-v3042.has-wide-module-v1834.no-generation-rail-v1860>.csc-home-guest-showcase-v04316{grid-column:1!important;grid-row:5!important} .csc-community-home-v1712.is-guest-v3042:not(.no-generation-rail-v1860)>.csc-home-guest-showcase-v04316{grid-column:2!important;grid-row:4!important} .csc-community-home-v1712.is-guest-v3042:not(.no-generation-rail-v1860):not(.has-wide-module-v1834)>.csc-feature-story-v4{grid-row:5!important} .csc-community-home-v1712.is-guest-v3042.has-wide-module-v1834:not(.no-generation-rail-v1860)>.csc-home-guest-showcase-v04316{grid-row:5!important} .csc-community-home-v1712.is-guest-v3042.has-wide-module-v1834:not(.no-generation-rail-v1860)>.csc-feature-story-v4{grid-row:6!important} } .csc-guest-gallery-v04316{max-width:1200px;margin:0 auto;padding:18px 12px 60px} .csc-guest-gallery-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:8px 0 22px} .csc-guest-gallery-head h1{font-size:32px;margin:3px 0}.csc-guest-gallery-head p{font-size:14px} .csc-guest-gallery-head>a,.csc-guest-form button{background:#be0936;color:#fff;border:0;border-radius:9px;padding:13px 18px;font-weight:800;text-decoration:none} .csc-guest-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:#f5f7f9;border:1px solid #e5e8eb;padding:17px;border-radius:16px;margin-bottom:28px} .csc-guest-form>label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:700} .csc-guest-form input:not([type="checkbox"]),.csc-guest-form select,.csc-guest-form textarea{max-width:100%;min-width:0;border:1px solid #bec5cc;background:#fff;padding:11px;border-radius:8px} .csc-guest-form label:has(input[type="checkbox"]){flex-direction:row;align-items:start} .csc-guest-full{grid-column:1/-1}.csc-guest-honeypot{position:absolute!important;left:-99999px;visibility:hidden} .csc-guest-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:16px} .csc-guest-card{max-width:350px;overflow:hidden;background:#fff;border:1px solid #dce0e4;border-radius:15px;box-shadow:0 3px 14px rgba(0,0,0,.06)} .csc-guest-photo-link img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#e7e8eb} .csc-guest-info{padding:10px 12px}.csc-guest-info>span{font-size:12px;color:#737d86}.csc-guest-info p{font-size:13px} .csc-guest-actions{display:flex;flex-wrap:wrap;gap:5px}.csc-guest-actions button,.csc-guest-mod-controls button,.csc-guest-report{background:#fff;border:1px solid #d8dee6;border-radius:6px;font-size:11px;padding:7px;cursor:pointer} .csc-guest-report{margin-top:7px;color:#a61a37}.csc-guest-mod-controls{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px} @media(max-width:650px){.csc-guest-form{grid-template-columns:1fr}.csc-guest-gallery-head{display:block}.csc-guest-gallery-head>a{display:inline-block}.csc-guest-gallery-grid{grid-template-columns:1fr;justify-items:center}.csc-guest-card{width:100%}} .csc-guest-lightbox{padding:8px;max-width:min(95vw,1100px);max-height:95vh;border:0;border-radius:12px;background:#16181b;box-shadow:0 20px 80px #0009} .csc-guest-lightbox::backdrop{background:rgba(0,0,0,.82)} .csc-guest-lightbox img{display:block;max-width:calc(95vw - 30px);max-height:calc(95vh - 35px);object-fit:contain} .csc-guest-lightbox-close{position:absolute;right:12px;top:12px;z-index:1;background:#fff;color:#16181b;border:0;border-radius:50%;width:34px;height:34px;font-size:25px;cursor:pointer} /* END CS COMMUNITY CUSTOM CODE — GUEST SHOWCASE STYLES v0.43.16 */ /* BEGIN CS COMMUNITY CUSTOM CODE — DESKTOP GUEST QUICK SUBMIT POPUP v0.43.17 */ .csc-guest-submit-dialog-v04317{border:0; padding:0; width:min(660px,calc(100vw - 28px)); max-height:min(92dvh,900px); overflow-y:auto; border-radius:18px; box-shadow:0 22px 80px rgba(0,0,0,.42); background:#fff; color:#242b34} .csc-guest-submit-dialog-v04317::backdrop{background:rgba(10,14,20,.75)} .csc-guest-submit-dialog-shell-v04317{padding:20px 22px 24px} .csc-guest-submit-dialog-v04317 header{display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:18px} .csc-guest-submit-dialog-v04317 header small{font-size:10px;color:#b20e35;letter-spacing:.1em;font-weight:900} .csc-guest-submit-dialog-v04317 h2{margin:3px 0 6px;font-size:27px;line-height:1.15;color:#1b252e} .csc-guest-submit-dialog-v04317 header p{margin:0;font-size:13px;color:#69737d} .csc-guest-submit-close-v04317{flex:0 0 38px;width:38px;height:38px;border:1px solid #dce0e5;border-radius:50%;background:#fff;font-size:25px;cursor:pointer;color:#20272e} .csc-guest-submit-form-v04317{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .csc-guest-submit-photo-v04317{grid-column:1/-1;display:flex !important;gap:7px !important;padding:14px;border:1px dashed #b2bbc3;border-radius:11px;background:#f8fafc} .csc-guest-submit-photo-v04317 input{width:100%;max-width:100%} .csc-guest-submit-photo-v04317 span{font-size:11px;color:#63717b} .csc-guest-submit-preview-v04317:not([hidden]){display:block;max-height:210px;max-width:100%;margin:4px auto;object-fit:contain;border-radius:9px} .csc-guest-submit-preview-v04317[hidden]{display:none !important} .csc-guest-submit-actions-v04317{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap} .csc-guest-submit-actions-v04317 a{font-size:12px;color:#9e1536} .csc-guest-submit-consent-v04317{display:flex !important;flex-direction:row !important;gap:9px;align-items:center} @media(max-width:760px){.csc-guest-submit-dialog-v04317{display:none}} /* END CS COMMUNITY CUSTOM CODE — DESKTOP GUEST QUICK SUBMIT POPUP v0.43.17 */ /* BEGIN CS COMMUNITY CUSTOM CODE — CLEAN COMPACT 12-PHOTO HOMEPAGE CAROUSEL v0.43.18 Four compact equal-width tiles in the available LEFT column; container queries progressively show fewer at smaller widths. Other gallery views unchanged. */ .csc-guest-showcase-compact-v04318{container:guest-showcase / inline-size;padding:17px 16px 12px!important;box-shadow:0 3px 22px rgba(24,32,44,.035)} .csc-guest-showcase-compact-v04318 .csc-guest-home-title{align-items:center;gap:14px;margin-bottom:15px} .csc-guest-showcase-compact-v04318 .csc-guest-home-title-copy-v04318{min-width:0;flex:1 1 auto} .csc-guest-showcase-compact-v04318 .csc-guest-home-title h2{font-size:clamp(21px,2.3vw,27px);line-height:1.12;margin:3px 0 6px;color:#1b2430} .csc-guest-showcase-compact-v04318 .csc-guest-home-title p{font-size:12px;color:#5b6675} .csc-guest-showcase-compact-v04318 .csc-guest-home-cta-v04318{display:flex;flex:0 0 auto;flex-direction:column;align-items:stretch;gap:8px} .csc-guest-showcase-compact-v04318 .csc-guest-home-cta-v04318 a{text-decoration:none!important;text-align:center} .csc-guest-showcase-compact-v04318 .csc-guest-primary-cta-v04318{display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:10px;background:#bf0c37;color:#fff!important;box-shadow:0 6px 15px rgba(191,12,55,.18);padding:11px 13px;font-size:12px;font-weight:900;white-space:nowrap;min-height:42px} .csc-guest-showcase-compact-v04318 .csc-guest-primary-cta-v04318:hover{background:#9c0829} .csc-guest-showcase-compact-v04318 .csc-guest-no-signup-v04318{font-size:10px;font-weight:800;opacity:.9} .csc-guest-showcase-compact-v04318 .csc-guest-view-all-v04318{font-size:12px;font-weight:800;color:#a50931;text-decoration:none!important;border:1px solid #dce1e8;border-radius:8px;padding:7px 10px;background:#fff;white-space:nowrap} .csc-guest-carousel-toolbar-v04318{display:flex;align-items:center;justify-content:space-between;min-height:29px;margin:0 0 7px;gap:12px} .csc-guest-carousel-meta-v04318{font-size:10px;letter-spacing:.045em;font-weight:800;color:#586472} .csc-guest-carousel-meta-v04318 b{display:inline-block;min-width:17px;text-align:center;padding:2px 4px;border-radius:5px;background:#edf0f3;color:#2c3541} .csc-guest-carousel-meta-v04318 span{font-weight:500;letter-spacing:0} .csc-guest-carousel-arrows-v04318{display:flex;gap:7px;flex:0 0 auto} .csc-guest-carousel-arrows-v04318 button{width:30px;height:30px;display:grid;place-items:center;border:1px solid #d6dce4;border-radius:8px;background:#fff;color:#111a26;font-weight:600;font-size:24px;line-height:1;cursor:pointer} .csc-guest-carousel-arrows-v04318 button:hover:not(:disabled){background:#f3f5f7;border-color:#aab4c0} .csc-guest-carousel-arrows-v04318 button:disabled{opacity:.3;cursor:default} .csc-guest-showcase-compact-v04318 .csc-guest-home-scroll{gap:10px;padding:2px 1px 10px;scrollbar-width:thin;scrollbar-color:#c6cdd5 transparent;scroll-padding-inline:1px} .csc-guest-showcase-compact-v04318 .csc-guest-home-tile{flex:0 0 calc((100% - 30px) / 4);max-width:none!important;min-width:0!important;box-shadow:0 3px 10px rgba(22,34,48,.035);border:1px solid #dfe4e9;border-radius:12px} .csc-guest-showcase-compact-v04318 .csc-guest-home-tile img{aspect-ratio:1/1;width:100%;object-fit:cover} .csc-guest-showcase-compact-v04318 .csc-guest-home-photo-link-v04318{display:block} .csc-guest-showcase-compact-v04318 .csc-guest-home-tile-details-v04318{padding:2px 7px 7px} .csc-guest-showcase-compact-v04318 .csc-guest-home-caption{font-size:11px;padding:5px 0;white-space:nowrap} .csc-guest-showcase-compact-v04318 .csc-guest-home-reactions{gap:5px;padding:2px 0 0} .csc-guest-showcase-compact-v04318 .csc-guest-home-reactions button{padding:4px 8px;font-size:11px} .csc-guest-showcase-compact-v04318 .csc-guest-home-promo{aspect-ratio:auto;min-height:0;gap:10px;padding:14px 10px;background:linear-gradient(140deg,rgba(15,22,35,.93),rgba(156,10,46,.9)),url('../images/welcome/community-garage-hero-v1755.webp') center/cover;color:#fff} .csc-guest-showcase-compact-v04318 .csc-guest-home-promo strong{font-size:clamp(13px,1.3vw,17px);line-height:1.2} .csc-guest-showcase-compact-v04318 .csc-guest-home-promo span{font-size:11px;line-height:1.35} .csc-guest-showcase-compact-v04318 .csc-guest-home-promo .csc-guest-promo-kicker-v04318{letter-spacing:.1em;font-size:9px;font-weight:900;opacity:.8} .csc-guest-showcase-compact-v04318 .csc-guest-home-promo b{font-size:11px;padding:9px 10px;background:#d0003e;border-radius:8px;color:#fff} .csc-guest-carousel-empty-v04318{display:flex;align-items:center;gap:14px;padding:17px;border-radius:12px;border:1px dashed #cad3dc;background:linear-gradient(105deg,#f6f8fa,#fff);min-height:105px} .csc-guest-empty-camera-v04318{display:grid;flex:0 0 46px;place-items:center;border-radius:12px;background:#fff;border:1px solid #e1e7ed;aspect-ratio:1;font-size:24px} .csc-guest-carousel-empty-v04318>div{min-width:0;flex:1} .csc-guest-carousel-empty-v04318 strong{display:block;color:#243040;font-size:13px} .csc-guest-carousel-empty-v04318 p{font-size:12px;color:#67727e;margin:4px 0 0} .csc-guest-carousel-empty-v04318>a{flex:0 0 auto;font-size:12px;font-weight:900;color:#a50931;text-decoration:none} .csc-guest-home-footer-v04318{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:4px;font-size:10px;color:#818b96} .csc-guest-home-footer-v04318>a{font-size:11px;color:#a50931;font-weight:800;text-decoration:none;white-space:nowrap} .csc-guest-showcase-compact-v04318 a:focus-visible,.csc-guest-showcase-compact-v04318 button:focus-visible{outline:3px solid #1667a8;outline-offset:2px} @container guest-showcase (max-width:699px){.csc-guest-showcase-compact-v04318 .csc-guest-home-tile{flex-basis:calc((100% - 20px) / 3)}} @container guest-showcase (max-width:535px){.csc-guest-showcase-compact-v04318 .csc-guest-home-tile{flex-basis:calc((100% - 10px) / 2)}} @container guest-showcase (max-width:380px){.csc-guest-showcase-compact-v04318 .csc-guest-home-tile{flex-basis:85%}} @media(max-width:760px){.csc-guest-showcase-compact-v04318 .csc-guest-home-title{flex-wrap:wrap}.csc-guest-showcase-compact-v04318 .csc-guest-home-cta-v04318{width:100%;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.csc-guest-showcase-compact-v04318 .csc-guest-home-tile{flex-basis:85%}.csc-guest-carousel-meta-v04318 span{display:none}} @media(max-width:550px){.csc-guest-showcase-compact-v04318{padding:14px 12px 10px!important}.csc-guest-showcase-compact-v04318 .csc-guest-home-title h2{font-size:23px}.csc-guest-showcase-compact-v04318 .csc-guest-home-cta-v04318{gap:8px}.csc-guest-carousel-empty-v04318{flex-wrap:wrap}.csc-guest-carousel-empty-v04318>a{width:100%;text-align:left}.csc-guest-home-footer-v04318{flex-wrap:wrap}} /* END CS COMMUNITY CUSTOM CODE — CLEAN COMPACT 12-PHOTO HOMEPAGE CAROUSEL v0.43.18 */ /* BEGIN CS COMMUNITY CUSTOM CODE — CONSISTENT GUEST GALLERY + CENTERED CROP MODAL v0.43.19 Standard Community header and 1200px max width; no interference with global navigation or member Garages. True viewport-centered dialog on ALL devices. */ .csc-guest-gallery-page-v04319{width:100%;max-width:1200px;min-width:0;margin-inline:auto;box-sizing:border-box} .csc-guest-gallery-page-v04319,.csc-guest-gallery-page-v04319 *{box-sizing:border-box} .csc-guest-gallery-page-v04319>.csc-community-contextbar{padding:9px 15px;margin:0 0 8px} .csc-guest-gallery-page-v04319 .csc-guest-gallery-v04316{width:100%;max-width:100%;min-width:0;margin:0;padding:6px 14px 44px} .csc-guest-gallery-page-v04319 .csc-guest-gallery-head{display:flex;gap:18px;align-items:center;justify-content:space-between;background:linear-gradient(117deg,#15202c 0%,#241c2b 70%,#700c31 100%);color:#fff;border:1px solid #29323c;border-radius:17px;box-shadow:0 9px 22px rgba(13,22,33,.08);padding:23px 25px;margin:10px 0 22px;min-width:0} .csc-guest-gallery-page-v04319 .csc-guest-gallery-head small{color:#ffb8c7;letter-spacing:.1em} .csc-guest-gallery-page-v04319 .csc-guest-gallery-head h1{color:#fff!important;margin:4px 0 8px;font-size:clamp(24px,2.5vw,32px);font-weight:800;line-height:1.18} .csc-guest-gallery-page-v04319 .csc-guest-gallery-head p{max-width:530px;color:#e0e3e8;font-size:13px;line-height:1.5;margin:0} .csc-guest-gallery-cta-v04319{display:flex;flex-direction:column;align-items:stretch;gap:9px;flex:0 0 auto} .csc-guest-gallery-cta-v04319 a{display:flex;align-items:center;justify-content:center;border-radius:10px;padding:12px 15px;text-align:center;text-decoration:none!important;min-height:43px;font-size:12px;font-weight:800;white-space:nowrap} .csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319 .csc-guest-submit-button-v04319{background:#c70c3d!important;color:#fff!important;border:1px solid #c70c3d} .csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319 .csc-guest-join-button-v04319{background:transparent;color:#fff!important;border:1px solid #9b9ba6} .csc-guest-gallery-section-head-v04319{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:0 0 16px;border-bottom:1px solid #e1e5ea;padding:0 2px 12px} .csc-guest-gallery-section-head-v04319 small{font-weight:800;font-size:10px;letter-spacing:.09em;color:#ad0935} .csc-guest-gallery-section-head-v04319 h2{font-size:clamp(21px,2.1vw,26px);color:#172536;margin:3px 0 0} .csc-guest-gallery-section-head-v04319>span{font-size:12px;color:#637181} .csc-guest-gallery-page-v04319 .csc-guest-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,245px),1fr));gap:14px;align-items:start;min-width:0} .csc-guest-gallery-page-v04319 .csc-guest-card{width:100%;min-width:0;max-width:none;background:#fff;border:1px solid #dce1e7;border-radius:13px;overflow:hidden;box-shadow:0 4px 18px rgba(22,32,46,.07)} .csc-guest-gallery-page-v04319 .csc-guest-photo-link{display:block;overflow:hidden;background:#ecf0f3} .csc-guest-gallery-page-v04319 .csc-guest-photo-link img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover} .csc-guest-gallery-page-v04319 .csc-guest-info{padding:12px} .csc-guest-gallery-page-v04319 .csc-guest-info strong{font-size:14px;color:#1c2a37} .csc-guest-gallery-page-v04319 .csc-guest-info p{margin:7px 0;font-size:12px;color:#596775} .csc-guest-gallery-page-v04319 .csc-guest-actions{margin-top:8px;gap:7px} .csc-guest-gallery-page-v04319 .csc-guest-actions button{border-radius:8px;padding:7px 9px;font-size:12px;font-weight:700;color:#26303c} .csc-guest-gallery-page-v04319 .csc-guest-actions button:hover{border-color:#bd0a39;background:#fff5f8} .csc-guest-gallery-page-v04319 .csc-guest-report{font-size:11px;border:0;background:transparent;padding:6px 0} /* Red CTA text is always white, including hover/focus, even if Joomla theme overrides links. */ .csc-community-home-v1712 .csc-guest-primary-cta-v04318, .csc-community-home-v1712 .csc-guest-primary-cta-v04318:visited, .csc-community-home-v1712 .csc-guest-primary-cta-v04318:hover, .csc-guest-gallery-page-v04319 .csc-guest-submit-button-v04319, .csc-guest-gallery-page-v04319 .csc-guest-submit-button-v04319:hover, .csc-guest-gallery-page-v04319 .csc-guest-submit-button-v04319:visited, .csc-guest-submit-dialog-v04317 .csc-guest-submit-actions-v04317 button[type="submit"], .csc-guest-submit-dialog-v04317 .csc-guest-submit-actions-v04317 button[type="submit"]:hover, .csc-guest-gallery-page-v04319 .csc-guest-form button[type="submit"], .csc-guest-gallery-page-v04319 .csc-guest-form button[type="submit"]:hover{color:#fff!important; -webkit-text-fill-color:#fff!important} .csc-guest-home-promo b{color:#fff!important;-webkit-text-fill-color:#fff!important} /* Keep close button dark on white; avoid accidental white text on a white X. */ dialog.csc-guest-submit-dialog-v04317:not([open]){display:none!important} dialog.csc-guest-submit-dialog-v04317[open]{display:block!important;position:fixed!important;inset:auto!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;z-index:2147483647!important;width:min(735px,calc(100vw - 28px))!important;max-width:calc(100vw - 28px)!important;max-height:min(92dvh,900px)!important;overflow-y:auto!important;overscroll-behavior:contain;border-radius:17px;padding:0;box-shadow:0 25px 80px #0007;background:#fff;color:#223040} dialog.csc-guest-submit-dialog-v04317::backdrop{background:rgba(12,17,26,.77)} dialog.csc-guest-submit-dialog-v04317 .csc-guest-submit-dialog-shell-v04317{padding:18px 20px 23px} dialog.csc-guest-submit-dialog-v04317 .csc-guest-submit-form-v04317{margin-bottom:0;min-width:0;gap:11px} dialog.csc-guest-submit-dialog-v04317 .csc-guest-submit-form-v04317>.csc-guest-submit-photo-v04317{grid-column:1/-1} dialog.csc-guest-submit-dialog-v04317 .csc-guest-submit-photo-v04317{flex-direction:column;display:flex!important;gap:8px!important;min-width:0} dialog.csc-guest-submit-dialog-v04317 .csc-guest-submit-close-v04317{color:#182230!important;-webkit-text-fill-color:#182230!important} /* The canvas is 600x600 pixels, the exact server-generated thumbnail dimensions. */ .csc-guest-crop-controls-v04319[hidden]{display:none!important} .csc-guest-crop-controls-v04319{display:block;width:100%;margin:8px 0 3px;padding:12px;background:#fff;border:1px solid #dce2e7;border-radius:12px} .csc-guest-crop-main-v04319{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);align-items:center;gap:17px} .csc-guest-crop-main-v04319 canvas{width:100%;max-width:230px;aspect-ratio:1;height:auto;background:#e6ebef;display:block;cursor:grab;touch-action:none;border:2px solid #c9d3dc;border-radius:10px;user-select:none} .csc-guest-crop-main-v04319 canvas:active{cursor:grabbing} .csc-guest-crop-tools-v04319{display:flex;flex-direction:column;gap:9px;align-items:stretch;min-width:0} .csc-guest-crop-tools-v04319 strong{font-size:13px;font-weight:800;color:#182536} .csc-guest-crop-tools-v04319 small{font-size:11px;line-height:1.45;color:#576475} .csc-guest-zoom-range-v04319{display:flex;flex-direction:column;gap:5px;max-width:100%} .csc-guest-zoom-range-v04319>span{display:flex;justify-content:space-between;color:#263447;font-size:12px;font-weight:800} .csc-guest-zoom-range-v04319 input{width:100%;accent-color:#bf0c37;cursor:pointer} .csc-guest-crop-buttons-v04319{display:flex;gap:7px} .csc-guest-crop-buttons-v04319 button{flex:1;min-height:36px;padding:7px 10px;border:1px solid #ccd4df;border-radius:7px;background:#fff;color:#263447!important;font-weight:800;cursor:pointer} .csc-guest-crop-tools-v04319 button:focus-visible,.csc-guest-crop-main-v04319 canvas:focus-visible{outline:3px solid #1769a5;outline-offset:2px} @media(max-width:760px){ dialog.csc-guest-submit-dialog-v04317[open]{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:94dvh!important} dialog.csc-guest-submit-dialog-v04317 .csc-guest-submit-dialog-shell-v04317{padding:16px 14px 19px} .csc-guest-crop-main-v04319{grid-template-columns:1fr;justify-items:center;gap:12px} .csc-guest-crop-main-v04319 canvas{width:min(100%,240px);max-width:240px} .csc-guest-crop-tools-v04319{width:100%} .csc-guest-gallery-page-v04319 .csc-guest-gallery-head{display:flex;flex-direction:column;align-items:stretch;padding:19px 17px} .csc-guest-gallery-cta-v04319{width:100%} .csc-guest-gallery-page-v04319 .csc-guest-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .csc-guest-gallery-section-head-v04319{align-items:flex-start;flex-direction:column;gap:4px} } @media(max-width:500px){.csc-guest-gallery-page-v04319 .csc-guest-gallery-grid{grid-template-columns:1fr}.csc-guest-gallery-page-v04319 .csc-guest-card{max-width:350px;margin:0 auto}.csc-guest-gallery-page-v04319 .csc-guest-gallery-v04316{padding-inline:10px}} /* END CS COMMUNITY CUSTOM CODE — CONSISTENT GUEST GALLERY + CENTERED CROP MODAL v0.43.19 */ /* BEGIN CS COMMUNITY CUSTOM CODE — STANDARD GUEST GALLERY RIGHT RAIL + ARROWS v0.43.20 Full gallery loads the normal Community site/masthead stylesheet first. 1200px standard max width and a 265px right rail, never overlapping photos. */ .csc-guest-gallery-page-v04319{max-width:1200px;width:100%;margin:0 auto;min-width:0} .csc-guest-gallery-page-v04319 .csc-guest-gallery-v04316{width:100%;min-width:0;padding:6px 0 48px} .csc-guest-gallery-page-v04319 .csc-guest-gallery-columns-v04320{display:grid;grid-template-columns:minmax(0,1fr) 265px;align-items:start;gap:18px;min-width:0} .csc-guest-gallery-page-v04319 .csc-guest-gallery-primary-v04320{min-width:0;width:100%} .csc-guest-gallery-page-v04319 .csc-guest-gallery-primary-v04320 .csc-guest-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,235px),1fr));max-width:100%;min-width:0} .csc-guest-gallery-page-v04319 .csc-guest-gallery-right-v04320{display:grid;grid-template-columns:minmax(0,1fr);gap:13px;min-width:0;align-self:start} .csc-guest-gallery-page-v04319 .csc-guest-side-card-v04320{min-width:0;background:#fff;border:1px solid #dce1e7;border-radius:15px;padding:17px 15px;box-shadow:0 4px 18px rgba(25,34,44,.035)} .csc-guest-gallery-page-v04319 .csc-guest-side-card-v04320 small{display:block;font-size:10px;letter-spacing:.09em;color:#b30937;font-weight:900;margin-bottom:10px} .csc-guest-gallery-page-v04319 .csc-guest-side-card-v04320 h3{font-size:17px;line-height:1.3;color:#212b38;font-weight:750;margin:0 0 10px} .csc-guest-gallery-page-v04319 .csc-guest-side-card-v04320 p,.csc-guest-gallery-page-v04319 .csc-guest-side-card-v04320 li{color:#52606e;font-size:12px;line-height:1.6} .csc-guest-gallery-page-v04319 .csc-guest-side-card-v04320 ul{padding-left:17px;margin:8px 0 0} .csc-guest-gallery-page-v04319 .csc-guest-side-join-v04320,.csc-guest-gallery-page-v04319 .csc-guest-side-join-v04320:hover{display:block;text-align:center;border-radius:9px;background:#bd0b3b;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:800;padding:11px 8px;margin-top:13px} .csc-guest-gallery-page-v04319 .csc-guest-side-sponsored-v04320 img{max-width:100%;height:auto} /* Arrow positions complement the existing zoom bar, plus/minus, drag and pinch. */ .csc-guest-nudge-v04320{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;min-width:0} .csc-guest-nudge-v04320 button{min-height:38px;padding:5px 3px;border:1px solid #cbd4df;border-radius:8px;background:#fff;color:#203247!important;-webkit-text-fill-color:#203247!important;font-size:20px;font-weight:800;cursor:pointer;line-height:1} .csc-guest-nudge-v04320 button[data-csc-guest-nudge="center"]{font-size:11px} .csc-guest-nudge-v04320 button:hover{background:#f0f3f7;border-color:#9ca9b7} .csc-guest-nudge-v04320 button:focus-visible{outline:3px solid #1769a5;outline-offset:2px} @media(max-width:960px){ .csc-guest-gallery-page-v04319 .csc-guest-gallery-columns-v04320{grid-template-columns:minmax(0,1fr) 235px;gap:14px} .csc-guest-gallery-page-v04319 .csc-guest-gallery-primary-v04320 .csc-guest-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:710px){ .csc-guest-gallery-page-v04319 .csc-guest-gallery-columns-v04320{grid-template-columns:minmax(0,1fr)} .csc-guest-gallery-page-v04319 .csc-guest-gallery-right-v04320{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px} .csc-guest-gallery-page-v04319 .csc-guest-gallery-head{gap:12px} } @media(max-width:500px){ .csc-guest-gallery-page-v04319 .csc-guest-gallery-right-v04320{grid-template-columns:minmax(0,1fr)} .csc-guest-gallery-page-v04319 .csc-guest-gallery-primary-v04320 .csc-guest-gallery-grid{grid-template-columns:1fr} } /* END CS COMMUNITY CUSTOM CODE — STANDARD GUEST GALLERY RIGHT RAIL + ARROWS v0.43.20 */ /* BEGIN CS COMMUNITY CUSTOM CODE — COMPACT GUEST GALLERY NAV LABEL v0.43.21 Keep the shared Community masthead, icon geometry, and right controls intact. The full "Guest Corvette Gallery" remains in the breadcrumb/content heading. */ .csc-guest-gallery-page-v04319 .csc-community-masthead-copy-v174 strong{ white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important; font-size:clamp(15px,1.5vw,19px)!important;line-height:1.1!important; } .csc-guest-gallery-page-v04319 .csc-community-masthead-copy-v174{ max-width:190px!important;flex:0 1 auto!important;min-width:0!important; } @media(max-width:540px){ .csc-guest-gallery-page-v04319 .csc-community-masthead-copy-v174 strong{font-size:15px!important} } /* END CS COMMUNITY CUSTOM CODE — COMPACT GUEST GALLERY NAV LABEL v0.43.21 */ /* BEGIN CS COMMUNITY CUSTOM CODE — GLOBAL GUEST FORM 0.43.22 */ .csc-guest-form [data-csc-international-region][hidden],.csc-guest-form [data-csc-us-state][hidden]{display:none!important} .csc-guest-desc-counter-v04322{display:block;color:#596777;font-size:11px;font-weight:700;text-align:right;margin-top:4px} /* END CS COMMUNITY CUSTOM CODE — GLOBAL GUEST FORM 0.43.22 */ /* BEGIN CS COMMUNITY CUSTOM CODE — FULL GALLERY CARD DENSITY v0.43.22 Preserve the proven four-card container-responsive homepage carousel. Full gallery shows 250px+ square cards in its existing left content column. */ .csc-guest-gallery-page-v04319 .csc-guest-gallery-primary-v04320 .csc-guest-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));} /* END CS COMMUNITY CUSTOM CODE — FULL GALLERY CARD DENSITY v0.43.22 */ /* BEGIN CS COMMUNITY CUSTOM CODE — PREMIUM 3-COLUMN GUEST SHOWCASE v0.43.23 Correct the photo aspect and maintain the existing main column + ad rail. The 600x600 user-selected crop is shown entirely (contain), never stretched. */ @media(min-width:961px){ .csc-guest-gallery-page-v04319 .csc-guest-gallery-primary-v04320 .csc-guest-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} } @media(min-width:711px) and (max-width:960px){ .csc-guest-gallery-page-v04319 .csc-guest-gallery-primary-v04320 .csc-guest-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} } @media(min-width:530px) and (max-width:710px){ .csc-guest-gallery-page-v04319 .csc-guest-gallery-primary-v04320 .csc-guest-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} } .csc-guest-gallery-page-v04319 .csc-guest-gallery-grid .csc-guest-card{max-width:none;min-width:0} .csc-guest-gallery-page-v04319 .csc-guest-gallery-grid .csc-guest-photo-link{display:grid;place-items:center;aspect-ratio:4/3;max-height:230px;background:linear-gradient(130deg,#e7eaee,#dbe0e6);overflow:hidden} .csc-guest-gallery-page-v04319 .csc-guest-gallery-grid .csc-guest-photo-link img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto} .csc-guest-gallery-page-v04319 .csc-guest-info{padding:9px 10px} .csc-guest-gallery-page-v04319 .csc-guest-info>p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;line-height:1.4;min-height:0;max-height:2.8em} .csc-guest-gallery-page-v04319 .csc-guest-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px} .csc-guest-gallery-page-v04319 .csc-guest-actions form{min-width:0;margin:0} .csc-guest-gallery-page-v04319 .csc-guest-actions button{width:100%;min-width:0;padding:7px 2px;border-radius:8px;font-size:11px;display:flex;align-items:center;justify-content:center;gap:3px;white-space:nowrap} .csc-guest-gallery-page-v04319 .csc-guest-actions button b{font-size:10px;font-weight:700} .csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319{flex-direction:row;align-items:stretch;gap:10px;flex-wrap:wrap;max-width:100%} .csc-guest-gallery-page-v04319 .csc-guest-gallery-head>div:first-child{flex:1 1 345px;min-width:0} .csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319 a{white-space:normal;min-width:170px;max-width:235px;min-height:61px;flex:1 1 180px;flex-direction:column;line-height:1.3;gap:3px} .csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319 .csc-guest-submit-button-v04319{background:#ca0a40!important;color:white!important;-webkit-text-fill-color:#fff!important;box-shadow:0 6px 17px rgba(0,0,0,.2)} .csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319 .csc-guest-submit-button-v04319 span{font-size:10px;font-weight:600;opacity:.96} .csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319 .csc-guest-join-button-v04319{background:linear-gradient(125deg,#f5d47b,#e4a837)!important;color:#231b20!important;-webkit-text-fill-color:#231b20!important;border:1px solid #ffe2a2;box-shadow:0 4px 20px rgba(241,179,66,.15)} .csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319 .csc-guest-join-button-v04319 strong{font-size:12px} .csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319 .csc-guest-join-button-v04319 small{font-size:10px;color:#3b2c26;font-weight:600;letter-spacing:0} .csc-guest-gallery-page-v04319 .csc-guest-side-card-v04320:has(.csc-guest-side-join-v04320){background:linear-gradient(145deg,#171e2a,#44182f);border:1px solid #713a43;color:white;box-shadow:0 12px 25px rgba(23,17,31,.12)} .csc-guest-gallery-page-v04319 .csc-guest-side-card-v04320:has(.csc-guest-side-join-v04320) h3{color:#fff} .csc-guest-gallery-page-v04319 .csc-guest-side-card-v04320:has(.csc-guest-side-join-v04320) p{color:#e8dfe3} .csc-guest-gallery-page-v04319 .csc-guest-side-join-v04320,.csc-guest-gallery-page-v04319 .csc-guest-side-join-v04320:hover{display:flex;flex-direction:column;gap:4px;padding:15px 12px;background:#bd0b3b!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 7px 18px rgba(0,0,0,.2)} .csc-guest-gallery-page-v04319 .csc-guest-side-join-v04320 strong{font-size:14px} .csc-guest-gallery-page-v04319 .csc-guest-side-join-v04320 span{font-size:11px} .csc-guest-gallery-page-v04319 .csc-guest-side-join-v04320 small{font-size:10px;font-weight:500;letter-spacing:0;color:#ffebf0!important} .csc-guest-photo-missing-v04323{display:grid;place-items:center;min-height:150px;padding:15px;color:#5a6069;text-align:center;font-size:12px} @media(max-width:960px){.csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319{width:100%}.csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319 a{max-width:none}} @media(max-width:529px){.csc-guest-gallery-page-v04319 .csc-guest-gallery-primary-v04320 .csc-guest-gallery-grid{grid-template-columns:1fr}} /* END CS COMMUNITY CUSTOM CODE — PREMIUM 3-COLUMN GUEST SHOWCASE v0.43.23 */ /* BEGIN CS COMMUNITY CUSTOM CODE — GUEST CROP, REACTIONS AND LIGHTBOX CONSISTENCY v0.43.24 * Saved square crop is the single presentation source for homepage, full gallery * and photo overlay. The right advertising rail and standard Community width * are not modified. Dialogs are relocated to document.body before showModal(). */ .csc-guest-gallery-page-v04319 .csc-guest-gallery-grid .csc-guest-photo-link{ aspect-ratio:1/1!important;max-height:none!important;width:100%;display:block;overflow:hidden;background:#ecedf0; } .csc-guest-gallery-page-v04319 .csc-guest-gallery-grid .csc-guest-photo-link img{ width:100%;height:100%;aspect-ratio:1/1!important;object-fit:contain!important;object-position:center!important; } .csc-guest-gallery-page-v04319 .csc-guest-owner-v04324{ display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px; text-align:center;min-width:0;margin:0 0 8px; } .csc-guest-gallery-page-v04319 .csc-guest-owner-v04324 strong{ font-size:13px;font-weight:850;color:#1a2935;line-height:1.25;overflow-wrap:anywhere; } .csc-guest-gallery-page-v04319 .csc-guest-owner-v04324 span{ font-size:11px;color:#687787;line-height:1.3;overflow-wrap:anywhere; } .csc-guest-gallery-page-v04319 .csc-guest-info>p{text-align:center} .csc-guest-gallery-page-v04319 .csc-guest-actions{ display:flex!important;justify-content:center;align-items:center;flex-wrap:nowrap!important;gap:5px;max-width:100%; } .csc-guest-gallery-page-v04319 .csc-guest-actions form{ flex:1 1 0;min-width:0;margin:0; } .csc-guest-gallery-page-v04319 .csc-guest-actions button{ display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px; width:100%;min-height:42px;padding:6px 2px;font-size:10px; } .csc-guest-gallery-page-v04319 .csc-guest-actions button span[aria-hidden="true"]{ font-size:clamp(19px,2.1vw,25px);line-height:1;display:inline-block; } .csc-guest-showcase-compact-v04318 .csc-guest-home-caption{text-align:center;display:block} .csc-guest-showcase-compact-v04318 .csc-guest-home-reactions{justify-content:center;align-items:center;gap:4px} .csc-guest-showcase-compact-v04318 .csc-guest-home-reactions form{flex:0 1 auto;margin:0} .csc-guest-showcase-compact-v04318 .csc-guest-home-reactions button{min-width:0;padding:5px 7px;min-height:35px;font-size:13px;white-space:nowrap} /* The dialogue is a single centered non-scroll stage even in transformed layouts. */ dialog.csc-guest-lightbox[open]{ position:fixed!important;inset:0!important;left:0!important;top:0!important; margin:auto!important;transform:none!important; box-sizing:border-box!important;display:flex!important; align-items:center!important;justify-content:center!important; width:min(660px,calc(100dvw - 32px))!important; height:min(660px,calc(100dvh - 32px))!important; min-width:0!important;min-height:0!important; max-width:calc(100dvw - 32px)!important;max-height:calc(100dvh - 32px)!important; padding:16px!important;overflow:hidden!important; border:1px solid #3d4753!important;border-radius:17px!important; background:#121923!important;box-shadow:0 24px 85px #000a!important; } dialog.csc-guest-lightbox[open] img{ display:block;width:100%;height:100%;max-width:100%!important; max-height:100%!important;object-fit:contain!important;object-position:center!important; border-radius:9px; } dialog.csc-guest-lightbox[open] .csc-guest-lightbox-close{ position:absolute;right:8px;top:8px;z-index:5;width:38px;height:38px; color:#151b23!important;background:white!important;font-size:26px; } @media(max-width:500px){ dialog.csc-guest-lightbox[open]{width:calc(100dvw - 16px)!important;height:min(calc(100dvw - 16px),calc(100dvh - 36px))!important;padding:8px!important} .csc-guest-gallery-page-v04319 .csc-guest-actions button span[aria-hidden="true"]{font-size:23px} } /* END CS COMMUNITY CUSTOM CODE — GUEST CROP, REACTIONS AND LIGHTBOX CONSISTENCY v0.43.24 */ /* BEGIN CS COMMUNITY CUSTOM CODE — LEGIBLE COMPACT HOME REACTION ICONS v0.43.24 */ .csc-guest-showcase-compact-v04318 .csc-guest-home-reactions button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 7px;min-height:39px} .csc-guest-showcase-compact-v04318 .csc-guest-home-reactions .csc-guest-reaction-emoji-v04324{font-size:20px;line-height:1} /* END CS COMMUNITY CUSTOM CODE — LEGIBLE COMPACT HOME REACTION ICONS v0.43.24 */ /* BEGIN CS COMMUNITY CUSTOM CODE — DENSE GALLERY + PREMIUM SIDE-BY-SIDE ACTIONS v0.43.25 Scoped to Guest Gallery and homepage carousel. Preserves right advertising rail. */ .csc-guest-gallery-page-v04319 .csc-guest-gallery-v04316{padding-top:0!important;padding-bottom:18px!important} .csc-guest-gallery-page-v04319>.csc-community-contextbar{margin-bottom:1px!important;padding-block:5px!important} .csc-guest-gallery-page-v04319 .csc-guest-gallery-head{padding:12px 17px!important;margin:3px 0 11px!important;gap:12px!important;min-height:0!important;align-items:center!important} .csc-guest-gallery-page-v04319 .csc-guest-gallery-head>div:first-child{flex:1 1 260px;min-width:0} .csc-guest-gallery-page-v04319 .csc-guest-gallery-head h1{font-size:clamp(20px,2.1vw,27px)!important;margin:1px 0 3px!important} .csc-guest-gallery-page-v04319 .csc-guest-gallery-head p{font-size:12px!important;line-height:1.35!important} .csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319{display:flex!important;flex:1 1 340px;align-items:center!important;flex-direction:row!important;gap:9px!important;flex-wrap:nowrap!important;width:auto!important} .csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319 a{flex:1 1 0!important;min-width:0!important;max-width:none!important;min-height:49px!important;height:auto!important;padding:7px 9px!important;text-align:center!important;font-size:15px!important;line-height:1.17!important;gap:3px!important;border-radius:10px!important} .csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319 a strong{font-size:14px!important;line-height:1.15!important} .csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319 a small,.csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319 a span{font-size:10px!important;line-height:1.2!important} .csc-guest-gallery-page-v04319 .csc-guest-gallery-intro-v04325{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;text-align:center!important;margin:0 0 11px!important;border-bottom:0!important;padding:0!important} .csc-guest-gallery-page-v04319 .csc-guest-gallery-intro-v04325 h2{font-size:clamp(23px,2.4vw,29px)!important;line-height:1.15!important;font-weight:900!important;margin:0!important;color:#192636!important} .csc-guest-gallery-page-v04319 .csc-guest-gallery-intro-v04325 p{font-size:12px!important;line-height:1.35!important;color:#606f80!important;margin:0!important} .csc-guest-gallery-page-v04319 .csc-guest-gallery-primary-v04320 .csc-guest-gallery-grid{gap:11px!important} .csc-guest-showcase-compact-v04318 .csc-guest-home-title{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:11px!important} .csc-guest-showcase-compact-v04318 .csc-guest-home-cta-v04318{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important;align-items:stretch!important} .csc-guest-showcase-compact-v04318 .csc-guest-home-cta-v04318 a{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:0!important;min-height:52px!important;padding:8px 10px!important;border-radius:12px!important;text-decoration:none!important;white-space:normal!important;box-shadow:0 5px 12px rgba(22,26,35,.13)!important;line-height:1.2!important} .csc-guest-showcase-compact-v04318 .csc-guest-primary-cta-v04318{background:linear-gradient(125deg,#e01345,#ab0a34)!important;border:1px solid #e33a64!important;color:#fff!important;-webkit-text-fill-color:#fff!important} .csc-guest-showcase-compact-v04318 .csc-guest-primary-cta-v04318:hover{background:linear-gradient(125deg,#f02055,#af0933)!important;transform:translateY(-1px)} .csc-guest-showcase-compact-v04318 .csc-guest-submit-camera-v04325{font-size:23px!important;line-height:1!important;flex:0 0 auto} .csc-guest-showcase-compact-v04318 .csc-guest-submit-copy-v04325{display:flex!important;flex-direction:column!important;gap:2px!important;text-align:left!important;color:#fff!important;-webkit-text-fill-color:#fff!important} .csc-guest-showcase-compact-v04318 .csc-guest-submit-copy-v04325 strong{font-size:clamp(12px,1.4vw,15px)!important;font-weight:900!important;letter-spacing:.01em} .csc-guest-showcase-compact-v04318 .csc-guest-submit-copy-v04325 small{font-size:10px!important;font-weight:700!important;color:#fff!important} .csc-guest-showcase-compact-v04318 .csc-guest-view-all-v04318{background:linear-gradient(130deg,#233247,#111e30)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #33485f!important;font-size:clamp(12px,1.4vw,15px)!important;font-weight:900!important} .csc-guest-showcase-compact-v04318 .csc-guest-view-all-v04318:hover{background:#35485e!important;transform:translateY(-1px)} .csc-guest-gallery-link-icon-v04325{font-size:19px!important;flex:0 0 auto} @media(max-width:810px){.csc-guest-gallery-page-v04319 .csc-guest-gallery-head{flex-wrap:wrap!important}.csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319{flex-basis:100%!important}} @media(max-width:530px){.csc-guest-gallery-page-v04319 .csc-guest-gallery-head{padding:12px!important}.csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319 a{font-size:12px!important;padding:8px 5px!important}.csc-guest-showcase-compact-v04318 .csc-guest-home-cta-v04318{gap:6px!important}.csc-guest-showcase-compact-v04318 .csc-guest-home-cta-v04318 a{min-height:50px!important;padding:7px 6px!important}.csc-guest-showcase-compact-v04318 .csc-guest-submit-camera-v04325{font-size:18px!important}.csc-guest-showcase-compact-v04318 .csc-guest-submit-copy-v04325 strong{font-size:12px!important}.csc-guest-showcase-compact-v04318 .csc-guest-submit-copy-v04325 small{font-size:9px!important}} /* END CS COMMUNITY CUSTOM CODE — DENSE GALLERY + PREMIUM SIDE-BY-SIDE ACTIONS v0.43.25 */ /* BEGIN CS COMMUNITY CUSTOM CODE — GUEST GALLERY PREMIUM CTA + MOBILE COMPACTNESS v0.43.26 Preserve the shared Community masthead/menu bar. The previous mobile flex shorthand reserved 260px + 340px as column heights, causing empty hero space. Scope every correction to Gallery body and existing Guest Showcase panels. */ .csc-guest-gallery-page-v04319 .csc-guest-gallery-head{height:auto!important;max-height:none!important;min-height:0!important;align-content:center!important;box-sizing:border-box!important;} .csc-guest-gallery-page-v04319 .csc-guest-gallery-head>div:first-child{min-height:0!important;text-align:center!important;} .csc-guest-gallery-page-v04319 .csc-guest-gallery-head p{margin:4px auto 0!important;} .csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319{min-height:0!important;} .csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319>a{font-weight:900!important;border-radius:11px!important;transition:transform .18s ease,box-shadow .18s ease!important;} .csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319>a:hover{transform:translateY(-2px)} .csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319 .csc-guest-join-button-v04319{background:linear-gradient(135deg,#fff2b7 0%,#efc75b 54%,#d99c29 100%)!important;border:1px solid #ffecab!important;box-shadow:0 6px 19px rgba(232,174,58,.24)!important;} .csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319 .csc-guest-join-button-v04319:hover{box-shadow:0 9px 27px rgba(240,183,64,.39)!important} .csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319 .csc-guest-join-button-v04319 strong{font-size:clamp(12px,1.35vw,16px)!important;letter-spacing:.015em;} .csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319 .csc-guest-join-button-v04319 small{font-size:11px!important;} .csc-guest-gallery-page-v04319 .csc-guest-side-card-v04320{text-align:center!important;} .csc-guest-gallery-page-v04319 .csc-guest-side-card-v04320 ul{list-style:none!important;padding:0!important;margin:10px 0 0!important;} .csc-guest-gallery-page-v04319 .csc-guest-side-card-v04320 li{padding:4px 2px!important;margin:0!important;} .csc-guest-gallery-page-v04319 .csc-guest-side-card-v04320 li+li{border-top:1px solid #edf0f5;} .csc-guest-gallery-page-v04319 .csc-guest-side-card-v04320:has(.csc-guest-side-join-v04320){background:linear-gradient(135deg,#161c28 0%,#37172b 85%)!important;} .csc-guest-gallery-page-v04319 .csc-guest-side-join-v04320,.csc-guest-gallery-page-v04319 .csc-guest-side-join-v04320:hover{background:linear-gradient(115deg,#d70047,#a80735)!important;border:1px solid #eb2d5d!important;border-radius:12px!important;padding:13px 9px!important;box-shadow:0 8px 24px rgba(203,9,66,.28)!important;} .csc-guest-gallery-page-v04319 .csc-guest-side-join-v04320 strong{font-size:clamp(12px,1.2vw,16px)!important;letter-spacing:.015em;} .csc-guest-gallery-page-v04319 .csc-guest-owner-v04324 strong{font-size:14.3px!important;} /* 10% larger than 13px */ .csc-guest-gallery-page-v04319 .csc-guest-owner-v04324 span{font-size:12.1px!important;} /* 10% larger than 11px */ .csc-guest-showcase-compact-v04318 .csc-guest-home-caption{font-size:13.2px!important;} /* +10% from 12px */ .csc-guest-showcase-compact-v04318 .csc-guest-home-reactions{margin-inline:auto;} .csc-guest-gallery-page-v04319 .csc-guest-gallery-section-head-v04319{text-align:center!important;} @media(max-width:810px){ .csc-guest-gallery-page-v04319 .csc-guest-gallery-head{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:12px!important;padding:17px 15px!important;margin:6px 0 12px!important;} .csc-guest-gallery-page-v04319 .csc-guest-gallery-head>div:first-child{flex:0 0 auto!important;width:100%!important;margin:0!important;padding:0!important;} .csc-guest-gallery-page-v04319 .csc-guest-gallery-head h1{font-size:clamp(23px,5vw,30px)!important;margin:2px 0 6px!important;} .csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;flex:0 0 auto!important;flex-basis:auto!important;width:100%!important;gap:9px!important;margin:0!important;} .csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319 a{height:auto!important;min-height:66px!important;max-height:none!important;min-width:0!important;max-width:none!important;margin:0!important;padding:11px 8px!important;align-self:stretch!important;} } @media(max-width:450px){ .csc-guest-gallery-page-v04319 .csc-guest-gallery-head{padding:15px 11px!important;gap:10px!important;} .csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319{gap:7px!important;} .csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319 a{min-height:73px!important;padding:8px 5px!important;} .csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319 .csc-guest-join-button-v04319 strong{font-size:12px!important;} .csc-guest-gallery-page-v04319 .csc-guest-gallery-cta-v04319 .csc-guest-join-button-v04319 small{font-size:9.5px!important;} } /* END CS COMMUNITY CUSTOM CODE — GUEST GALLERY PREMIUM CTA + MOBILE COMPACTNESS v0.43.26 */ /* BEGIN CS COMMUNITY CUSTOM CODE — TIGHT GUEST CARDS AND UPDATED COPY v0.43.27 Keep 600x600 user-selected photo crop and existing three-across grid. Reduce non-photo height; retain the current 20px/23px reaction emojis. Never change Member Garages, shared navigation or the right-rail width. */ /* High-contrast warm gold instead of pink on the dark hero. */ .csc-guest-gallery-page-v04319 .csc-guest-gallery-head>div:first-child>small{color:#f3d687!important;-webkit-text-fill-color:#f3d687!important} /* Guest Gallery: minimal padding around owner, short description, and reaction actions. */ .csc-guest-gallery-page-v04319 .csc-guest-gallery-grid .csc-guest-card{align-self:start!important;} .csc-guest-gallery-page-v04319 .csc-guest-gallery-grid .csc-guest-info{padding:5px 7px 5px!important;} .csc-guest-gallery-page-v04319 .csc-guest-gallery-grid .csc-guest-owner-v04324{gap:0!important;margin:0 0 3px!important;line-height:1.1!important;} .csc-guest-gallery-page-v04319 .csc-guest-gallery-grid .csc-guest-owner-v04324 strong{line-height:1.15!important;} .csc-guest-gallery-page-v04319 .csc-guest-gallery-grid .csc-guest-owner-v04324 span{line-height:1.15!important;} .csc-guest-gallery-page-v04319 .csc-guest-gallery-grid .csc-guest-info>p{margin:3px 0 4px!important;line-height:1.22!important;max-height:2.44em!important;} .csc-guest-gallery-page-v04319 .csc-guest-gallery-grid .csc-guest-actions{margin:3px 0 0!important;gap:3px!important;} .csc-guest-gallery-page-v04319 .csc-guest-gallery-grid .csc-guest-actions button{ min-height:30px!important;padding:2px 2px!important;line-height:1!important; border-radius:7px!important;gap:2px!important;flex-wrap:nowrap!important; } /* Keep the enlarged emoji size introduced in v0.43.24. */ .csc-guest-gallery-page-v04319 .csc-guest-gallery-grid .csc-guest-actions button span[aria-hidden="true"]{font-size:23px!important;line-height:1!important;} /* Place "Report photo" flush to the right below the Fire button. */ .csc-guest-gallery-page-v04319 .csc-guest-report-row-v04327{display:flex!important;justify-content:flex-end!important;align-items:center!important;margin:1px 0 0!important;padding:0!important;} .csc-guest-gallery-page-v04319 .csc-guest-report-row-v04327 .csc-guest-report{ display:inline-block!important;width:auto!important;height:auto!important;min-height:0!important; margin:0!important;padding:2px 1px!important;line-height:1.15!important; border:0!important;background:transparent!important;color:#a61735!important; font-size:10px!important;text-decoration:underline!important;text-underline-offset:2px; } .csc-guest-gallery-page-v04319 .csc-guest-report-row-v04327 .csc-guest-report:focus-visible{outline:2px solid #1667a8;outline-offset:2px;} /* Homepage carousel: compact white area under the square photo. */ .csc-guest-showcase-compact-v04318 .csc-guest-home-tile-details-v04318{padding:2px 5px 5px!important;} .csc-guest-showcase-compact-v04318 .csc-guest-home-caption{margin:0!important;padding:2px 0 3px!important;line-height:1.17!important;} .csc-guest-showcase-compact-v04318 .csc-guest-home-reactions{margin:0!important;padding:1px 0 0!important;gap:3px!important;} .csc-guest-showcase-compact-v04318 .csc-guest-home-reactions button{ min-height:29px!important;margin:0!important;padding:2px 3px!important; border-radius:7px!important;gap:2px!important;line-height:1!important; } .csc-guest-showcase-compact-v04318 .csc-guest-home-reactions .csc-guest-reaction-emoji-v04324{font-size:20px!important;line-height:1!important;} /* Guest Photos notice: reduce blank space after removing the old headline. */ .csc-guest-gallery-page-v04319 .csc-guest-side-card-v04320:first-child{padding:14px 13px!important;} .csc-guest-gallery-page-v04319 .csc-guest-side-card-v04320:first-child>small{margin:0 0 6px!important;} .csc-guest-gallery-page-v04319 .csc-guest-side-card-v04320:first-child>p{margin:0 0 9px!important;line-height:1.4!important;} .csc-guest-gallery-page-v04319 .csc-guest-side-card-v04320:first-child>ul{margin:0!important;} .csc-guest-gallery-page-v04319 .csc-guest-side-card-v04320:first-child li{padding:5px 0!important;line-height:1.35!important;} /* END CS COMMUNITY CUSTOM CODE — TIGHT GUEST CARDS AND UPDATED COPY v0.43.27 */ /* BEGIN CS COMMUNITY CUSTOM CODE — SORT, FOUR-COLUMN CANDIDATE AND GOLD LOCK v0.43.27 Four cards are used only when left-column usable width >= 720px. No change to sidebar or homepage carousel. Existing photos may lack C1-C8. */ .csc-guest-gallery-page-v04319 .csc-guest-sortbar-v04327{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin:0 0 11px!important;padding:6px 8px;border:1px solid #e6e9ef;border-radius:10px;background:#f8fafb} .csc-guest-gallery-page-v04319 .csc-guest-sortbar-v04327 label{display:flex;gap:6px;align-items:center;font-size:12px;font-weight:700;color:#263440} .csc-guest-gallery-page-v04319 .csc-guest-sortbar-v04327 select{width:auto;min-width:118px;max-width:170px;height:34px;padding:4px 6px;font-size:12px;border:1px solid #cbd3dd;border-radius:7px;background:white;color:#1d2938} .csc-guest-gallery-page-v04319 .csc-guest-sort-reset-v04327{font-size:12px;font-weight:700;color:#ae153b} /* Responsive column sizing: user asked to test 4, not force unreadable 4 at all widths */ @media(min-width:1240px){.csc-guest-gallery-page-v04319 .csc-guest-gallery-primary-v04320 .csc-guest-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}} @media(min-width:960px) and (max-width:1239px){.csc-guest-gallery-page-v04319 .csc-guest-gallery-primary-v04320 .csc-guest-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(min-width:580px) and (max-width:959px){.csc-guest-gallery-page-v04319 .csc-guest-gallery-primary-v04320 .csc-guest-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:579px){.csc-guest-gallery-page-v04319 .csc-guest-gallery-primary-v04320 .csc-guest-gallery-grid{grid-template-columns:repeat(1,minmax(0,1fr))!important}} .csc-guest-gallery-page-v04319 .csc-guest-card-generation-v04327{font-size:10px;font-weight:850;color:#8e1b3b;letter-spacing:.08em;display:block;text-align:center;margin:1px 0 2px} .csc-guest-gallery-page-v04319 .csc-guest-side-card-v04320:has(.csc-guest-side-join-v04320)>small{color:#ffe39d!important;font-size:11px!important;letter-spacing:.035em!important} .csc-guest-gallery-page-v04319 .csc-guest-side-card-v04320:has(.csc-guest-side-join-v04320)>p{font-size:13px!important;line-height:1.45!important} .csc-guest-gallery-page-v04319 .csc-guest-gold-heading-v04327{display:flex;align-items:center;gap:3px;margin:2px 0 7px!important;min-height:65px} .csc-guest-gallery-page-v04319 .csc-guest-gold-heading-v04327 h3{flex:1 1 auto;font-size:21px!important;line-height:1.05!important;margin:0!important;color:#ffe39d!important} .csc-guest-gallery-page-v04319 .csc-guest-gold-heading-v04327 img{width:80px;max-height:108px;flex:0 0 80px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(243,188,72,.25))} .csc-guest-gallery-page-v04319 .csc-guest-side-join-v04320{border:1px solid #f7ba63!important;border-radius:12px!important;padding:12px 8px!important;box-shadow:0 3px 17px #8c183f66!important} .csc-guest-gallery-page-v04319 .csc-guest-side-join-v04320 strong{font-size:16px!important;line-height:1.2!important} /* END CS COMMUNITY CUSTOM CODE — SORT, FOUR-COLUMN CANDIDATE AND GOLD LOCK v0.43.27 */ /* BEGIN CS COMMUNITY CUSTOM CODE — HOMEPAGE FILTER, COMPLETE CARDS, PROMO + REQUIRED MARKS v0.43.28 */ .csc-guest-required-v04328{display:inline!important;color:#d31536!important;font-weight:900!important;font-size:1.15em!important;line-height:1} .csc-guest-required-note-v04328{margin:0!important;padding:0!important;font-size:12px;color:#536071} /* Mirror normal browser 'hidden' semantics even if grid form label selectors declare display. */ .csc-guest-submit-form-v04317 [hidden]{display:none!important} .csc-guest-showcase-compact-v04318 .csc-guest-home-title-copy-v04318{text-align:center!important;width:100%;max-width:none!important;align-self:center!important} .csc-guest-showcase-compact-v04318 .csc-guest-home-title-copy-v04318 h2, .csc-guest-showcase-compact-v04318 .csc-guest-home-title-copy-v04318 p{margin-left:auto!important;margin-right:auto!important} .csc-guest-showcase-compact-v04318 .csc-guest-carousel-toolbar-v04318{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:4px} .csc-guest-home-generation-v04328{display:flex;align-items:center;gap:6px;color:#233146;font-size:12px;font-weight:800;white-space:nowrap} .csc-guest-home-generation-v04328 select{padding:5px 26px 5px 9px;min-width:116px;max-width:155px;border:1px solid #bec9d7;border-radius:8px;background:#fff;color:#263446;font-size:12px;cursor:pointer} .csc-guest-generation-status-v04328{font-size:11px;color:#586577;min-width:0} .csc-guest-empty-generation-v04328{align-self:center;font-size:12px;color:#556072;margin:10px 0 10px 2px;flex:1} /* No overlap with reactions: explicit two-line owner/location, at most 50 chars of description shown in full. */ .csc-guest-showcase-compact-v04318 .csc-guest-home-tile:not(.csc-guest-home-promo){display:flex!important;flex-direction:column!important;height:auto!important} .csc-guest-showcase-compact-v04318 .csc-guest-home-tile-details-v04318{display:flex!important;flex-direction:column!important;align-items:stretch!important;flex:1 1 auto!important;padding:4px 4px 5px!important} .csc-guest-showcase-compact-v04318 .csc-guest-home-caption{display:flex!important;flex-direction:column!important;align-items:center!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;gap:0!important;line-height:1.15!important;padding:0!important} .csc-guest-showcase-compact-v04318 .csc-guest-home-caption strong{font-size:13.2px;overflow-wrap:anywhere} .csc-guest-showcase-compact-v04318 .csc-guest-home-caption span{font-size:11.8px;color:#657080;overflow-wrap:anywhere} .csc-guest-showcase-compact-v04318 .csc-guest-home-description-v04328{font-size:11.5px!important;line-height:1.22!important;font-weight:400!important;color:#465165!important;text-align:center!important;margin:3px 0 5px!important;overflow-wrap:anywhere!important;white-space:normal!important;max-height:none!important;min-height:2.44em!important;display:block!important;flex:1 1 auto} .csc-guest-showcase-compact-v04318 .csc-guest-home-reactions{justify-content:center!important;margin-top:auto!important;flex:0 0 auto!important;gap:2px!important;padding:0!important} .csc-guest-showcase-compact-v04318 .csc-guest-home-reactions form{min-width:0!important} .csc-guest-showcase-compact-v04318 .csc-guest-home-reactions button{min-width:0!important;min-height:28px!important;padding:2px 3px!important;gap:1px!important} .csc-guest-showcase-compact-v04318 .csc-guest-home-reactions .csc-guest-reaction-emoji-v04324{font-size:19px!important} /* Scaled vector graphic, open shackle + gold key (no Corvette logo), crop-free at all widths. */ .csc-guest-showcase-compact-v04318 .csc-guest-home-promo-v04328{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:5px!important;background:radial-gradient(circle at 80% 15%,#743520 0,transparent 43%),linear-gradient(145deg,#121723,#421327)!important;padding:8px 8px 10px!important;color:#fff!important} .csc-guest-showcase-compact-v04318 .csc-guest-home-promo-v04328 .csc-guest-unlocked-icon-v04328{display:block!important;width:68px!important;height:69px!important;aspect-ratio:auto!important;object-fit:contain!important;margin:0 auto!important;background:transparent!important} .csc-guest-showcase-compact-v04318 .csc-guest-home-promo-v04328 strong{font-size:clamp(12px,1.1vw,16px)!important;line-height:1.06!important;color:#ffe8a1!important} .csc-guest-showcase-compact-v04318 .csc-guest-home-promo-v04328 span{font-size:11px!important;line-height:1.2!important;color:#fff!important} .csc-guest-showcase-compact-v04318 .csc-guest-home-promo-v04328 b{display:inline-block!important;padding:7px 10px!important;margin-top:3px!important;background:#d00345!important;border-radius:8px!important;color:white!important;font-size:12px!important} /* Full lock/key icon displayed in right rail, not the compressed text-heavy poster image. */ .csc-guest-gallery-page-v04319 .csc-guest-gold-heading-v04327{gap:8px!important;min-height:0!important;align-items:center!important} .csc-guest-gallery-page-v04319 .csc-guest-gold-heading-v04327 img{width:min(36%,100px)!important;height:115px!important;max-height:none!important;flex:0 0 min(36%,100px)!important;object-fit:contain!important;object-position:center!important;background:transparent!important} .csc-guest-gallery-page-v04319 .csc-guest-gold-heading-v04327 h3{font-size:clamp(16px,1.6vw,22px)!important} .csc-guest-submit-camera-v04325 svg{display:block;width:29px;height:29px;flex:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))} @media(max-width:760px){ .csc-guest-showcase-compact-v04318 .csc-guest-home-generation-v04328{margin-left:auto} .csc-guest-showcase-compact-v04318 .csc-guest-home-promo-v04328 .csc-guest-unlocked-icon-v04328{width:90px!important;height:92px!important} .csc-guest-gallery-page-v04319 .csc-guest-gold-heading-v04327 img{width:104px!important;height:112px!important;flex:0 0 104px!important} } /* END CS COMMUNITY CUSTOM CODE — HOMEPAGE FILTER, COMPLETE CARDS, PROMO + REQUIRED MARKS v0.43.28 */ /* BEGIN CS COMMUNITY CUSTOM CODE — NO CLIPPED DESCRIPTIONS AND OPEN GOLD LOCK v0.43.29 v0.43.28 used flex-growing description + vertically pinned reactions. At narrow tile widths this could visually crowd the last description line. Reserve three independent rows. Never clamp a 50-character description; action row has its own layout track. */ .csc-guest-showcase-compact-v04318 .csc-guest-home-tile:not(.csc-guest-home-promo){ align-self:stretch!important;height:auto!important;min-height:0!important;overflow:hidden!important; } .csc-guest-showcase-compact-v04318 .csc-guest-home-tile-details-v04318{ display:grid!important;grid-template-columns:minmax(0,1fr)!important; grid-template-rows:auto minmax(3.7em,auto) auto!important; align-content:start!important;align-items:start!important;row-gap:0!important; flex:0 0 auto!important;min-height:0!important;height:auto!important; margin:0!important;padding:2px 4px 7px!important; } .csc-guest-showcase-compact-v04318 .csc-guest-home-caption{ grid-row:1!important;align-self:start!important;min-height:0!important; height:auto!important;margin:0!important;padding:0!important; line-height:1.15!important; } .csc-guest-showcase-compact-v04318 .csc-guest-home-description-v04328{ grid-row:2!important;display:block!important;align-self:start!important; flex:none!important;min-width:0!important;height:auto!important; min-height:3.7em!important;max-height:none!important; margin:0!important;padding:2px 0 5px!important; font-size:11.5px!important;line-height:1.25!important; text-align:center!important;white-space:normal!important; overflow:visible!important;overflow-wrap:anywhere!important; text-overflow:clip!important;line-clamp:unset!important; -webkit-line-clamp:unset!important;-webkit-box-orient:initial!important; } .csc-guest-showcase-compact-v04318 .csc-guest-home-reactions{ grid-row:3!important;position:relative!important;z-index:1!important; align-self:end!important;justify-self:center!important; flex:none!important;margin:0 auto!important;padding:0!important; min-height:29px!important;gap:3px!important; } .csc-guest-showcase-compact-v04318 .csc-guest-home-promo-v04328{ gap:5px!important;padding:8px 7px 12px!important;justify-content:center!important; background:radial-gradient(ellipse at 50% 27%,rgba(189,94,33,.35),transparent 56%), linear-gradient(150deg,#121824,#401329)!important; border:1px solid rgba(244,187,78,.48)!important; box-shadow:inset 0 0 22px rgba(225,141,36,.12),0 5px 15px rgba(37,12,22,.16)!important; } .csc-guest-showcase-compact-v04318 .csc-guest-home-promo-v04328 .csc-guest-unlocked-icon-v04328{ width:min(83%,158px)!important;height:140px!important;max-height:44%!important; object-fit:contain!important;flex:0 0 auto!important; margin:0 auto 2px!important;filter:drop-shadow(0 1px 11px rgba(245,178,47,.5)); } .csc-guest-showcase-compact-v04318 .csc-guest-home-promo-v04328 strong{ font-size:clamp(13px,1.3vw,17px)!important;line-height:1.13!important; color:#ffe6a0!important;text-shadow:0 2px 6px rgba(0,0,0,.55)!important; } .csc-guest-showcase-compact-v04318 .csc-guest-home-promo-v04328 span{ font-size:11px!important;line-height:1.25!important;color:#fff!important; } .csc-guest-showcase-compact-v04318 .csc-guest-home-promo-v04328 b{ padding:8px 15px!important;margin-top:4px!important;border-radius:9px!important; background:linear-gradient(180deg,#f00750,#b9003a)!important; border:1px solid rgba(255,145,171,.35)!important;box-shadow:0 4px 12px rgba(165,2,54,.4)!important; font-size:12px!important;white-space:nowrap!important; } /* Compact narrow phones while retaining prominent open lock and full description */ @media(max-width:420px){ .csc-guest-showcase-compact-v04318 .csc-guest-home-promo-v04328 .csc-guest-unlocked-icon-v04328{height:150px!important;max-height:42%!important;} } /* END CS COMMUNITY CUSTOM CODE — NO CLIPPED DESCRIPTIONS AND OPEN GOLD LOCK v0.43.29 */ /* BEGIN CS COMMUNITY CUSTOM CODE — APPROVED FULL-PROMO ARTWORK v0.43.30 Entire user-approved vertical poster is presented without cropping or stretching. Whole card remains the Join Free link / registration-modal trigger. This only affects the random Guest Showcase promo tile, not submitted photo cards. */ .csc-guest-showcase-compact-v04318 a.csc-guest-home-promo-art-v04330{ display:flex!important;align-items:center!important;justify-content:center!important; gap:0!important;padding:0!important;overflow:hidden!important; background:#120c0e!important;border:1px solid rgba(229,172,53,.68)!important; box-shadow:0 5px 15px rgba(34,13,20,.17),inset 0 0 0 1px rgba(255,219,125,.14)!important; line-height:0!important;text-decoration:none!important; } .csc-guest-showcase-compact-v04318 a.csc-guest-home-promo-art-v04330 > img.csc-guest-promo-poster-v04330{ display:block!important;flex:0 1 auto!important; width:100%!important;height:auto!important;max-height:100%!important; aspect-ratio:auto!important;object-fit:contain!important;object-position:center center!important; margin:0!important;padding:0!important;border:0!important;background:transparent!important; } .csc-guest-showcase-compact-v04318 a.csc-guest-home-promo-art-v04330:hover{ border-color:#f6cc72!important;box-shadow:0 7px 19px rgba(53,15,24,.24)!important; } .csc-guest-showcase-compact-v04318 a.csc-guest-home-promo-art-v04330:focus-visible{ outline:3px solid #ffd169!important;outline-offset:3px!important; } /* END CS COMMUNITY CUSTOM CODE — APPROVED FULL-PROMO ARTWORK v0.43.30 */ /* BEGIN CS COMMUNITY CUSTOM CODE — FIT ENTIRE UPLOAD AND MODERATOR GENERATION v0.43.31 */ .csc-guest-fit-v04331{display:block;width:100%;padding:9px 12px;margin:9px 0 4px;border:1px solid #b6a06a;border-radius:9px;background:#222c39;color:#fff;font-weight:800;cursor:pointer} .csc-guest-fit-v04331:hover,.csc-guest-fit-v04331:focus-visible{background:#374454;color:#fff} .csc-guest-fit-hint-v04331{display:block;margin:3px 0 7px;color:#55616c;line-height:1.35} .csc-guest-edit-generation-v04331{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px;border-top:1px solid #e5e8ed} .csc-guest-edit-generation-v04331 label{font-size:13px;font-weight:700} .csc-guest-edit-generation-v04331 select{padding:5px 8px;border:1px solid #cdd2d9;border-radius:6px} .csc-guest-edit-generation-v04331 button{padding:7px 10px;border-radius:6px;background:#ae003b;color:#fff;border:0;font-weight:700} /* END CS COMMUNITY CUSTOM CODE — FIT ENTIRE UPLOAD AND MODERATOR GENERATION v0.43.31 */ /* BEGIN CS COMMUNITY CUSTOM CODE — CONSISTENT HOMEPAGE GUEST CARD ACTION v0.43.32 Photo, caption, description and blank tile surface all enlarge the photo. Buttons/forms (including reactions and future Report) keep their own actions. */ .csc-guest-showcase-compact-v04318 .csc-guest-home-tile:not(.csc-guest-home-promo){cursor:zoom-in;} .csc-guest-showcase-compact-v04318 .csc-guest-home-tile:not(.csc-guest-home-promo) form, .csc-guest-showcase-compact-v04318 .csc-guest-home-tile:not(.csc-guest-home-promo) button{cursor:pointer;} /* END CS COMMUNITY CUSTOM CODE — CONSISTENT HOMEPAGE GUEST CARD ACTION v0.43.32 */