/* Isolated gallery canvas. Existing Cartoonshop logo, warm palette and system font. */
.csg-card-video{display:block;width:100%;height:auto;object-fit:contain;pointer-events:none}
body.csg-page{--csg-ink:#29212a;--csg-muted:#685e65;--csg-pink:#ed1752;--csg-line:#eee6e8;margin:0;background:#fff;color:var(--csg-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.6;padding:0}
.csg-page *{box-sizing:border-box}.csg-page [hidden]{display:none!important}.csg-page button,.csg-page textarea{font:inherit}.csg-page button,.csg-page a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.csg-page button{cursor:pointer}.csg-page a{color:inherit;text-decoration:none}.csg-page :focus-visible{outline:3px solid #8c2348;outline-offset:4px}.csg-page img{display:block;max-width:100%;height:auto}.csg-page h1,.csg-page h2,.csg-page p{margin:0}.csg-page ul{margin:0;padding:0;list-style:none}.csg-wrap{width:min(1224px,calc(100% - 48px));margin-inline:auto}.csg-skip{position:fixed;top:-100px;left:16px;z-index:50;background:#fff;padding:12px}.csg-skip:focus{top:10px}.csg-header{background:#fff;border-bottom:1px solid var(--csg-line)}.csg-header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.csg-logo{display:block;width:132px;flex-shrink:0}.csg-logo img{width:132px;height:74px;object-fit:contain}.csg-nav{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:600}.csg-nav>a{display:inline-flex;align-items:center;min-height:44px}.csg-nav>a:hover{text-decoration:underline;text-underline-offset:5px}.csg-page .csg-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 19px;border:1px solid transparent;border-radius:10px;background:var(--csg-pink);color:white;text-decoration:none;font-weight:650;line-height:1.4;text-align:center}.csg-page .csg-messenger{background:#0866ff}.csg-page .csg-whatsapp{background:#087e49}.csg-menu-toggle{border:1px solid var(--csg-line);background:#fff;width:44px;height:44px;border-radius:9px;font-size:22px}
.csg-intro{background:radial-gradient(ellipse at 8% 30%,#fff0f3,transparent 65%),linear-gradient(105deg,#fff9f4,#fff0f0 65%,#fcf1df);overflow:hidden}.csg-intro-inner{min-height:292px;display:flex;align-items:center;position:relative;gap:30px}.csg-intro-copy{position:relative;z-index:1;flex:1;padding:34px 0;max-width:830px}.csg-intro h1{font-size:clamp(25px,2.8vw,38px);line-height:1.2;letter-spacing:-1.1px;font-weight:750;color:#241c25}.csg-heart{font-size:.84em;white-space:nowrap}.csg-intro-copy>p{margin-top:15px;max-width:650px;font-size:15px;color:#54494f;line-height:1.8}.csg-chips{display:flex;gap:10px;margin-top:24px!important;max-width:710px}.csg-chips li{display:flex;align-items:center;gap:8px;flex:1;background:#ffffffc4;border:1px solid #fff;border-radius:12px;padding:10px 11px;font-size:11px;line-height:1.4;font-weight:550}.csg-chips li>span{color:var(--csg-pink);font-size:23px;font-weight:700}.csg-hero-art{width:280px;align-self:stretch;object-fit:cover;object-position:top;max-height:306px;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 12%);border-radius:0 0 20px 0}
.csg-filter-shell{position:relative;margin-top:14px}.csg-filters{display:flex;overflow-x:auto;gap:8px;padding:10px 30px 12px 2px;scrollbar-width:thin;scrollbar-color:#e5d4da transparent;scroll-padding-inline:12px}.csg-filters button{flex:0 0 auto;white-space:nowrap;min-height:43px;background:#f2f1f4;border:1px solid transparent;border-radius:24px;padding:10px 18px;font-size:12px;font-weight:600;color:var(--csg-ink)}.csg-filters button:hover{background:#fce4ec}.csg-filters button[aria-pressed=true]{background:var(--csg-pink);color:white}.csg-rail-hint{pointer-events:none;position:absolute;right:0;top:8px;bottom:12px;width:28px;text-align:right;background:linear-gradient(90deg,#fff0,#fff 65%);font-size:25px}.csg-count{font-size:11px;color:var(--csg-muted);margin:5px 0 14px!important}.csg-grid{columns:4;column-gap:16px}.csg-card{display:block;position:relative;break-inside:avoid;margin:0 0 16px;border-radius:13px;overflow:hidden;background:#f5ede9;isolation:isolate}.csg-card img{width:100%;height:auto;transition:transform .25s}.csg-card-heart{position:absolute;top:9px;right:9px;width:27px;height:27px;background:#fffffff0;border-radius:50%;display:grid;place-items:center;line-height:1;font-size:24px;color:#42343c;box-shadow:0 1px 6px #0001}.csg-card-caption{position:absolute;bottom:0;left:0;right:0;padding:23px 12px 10px;background:linear-gradient(transparent,#231823b8);color:white;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:8px;opacity:0;transition:opacity .2s}.csg-card-caption>span{font-size:10px}.csg-card:focus-visible .csg-card-caption{opacity:1}.csg-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#fffffff2;color:var(--csg-pink);box-shadow:0 3px 20px #0002}.csg-empty{text-align:center;padding:65px 16px 85px}.csg-empty h2{font-size:23px}.csg-empty p{margin:12px 0 20px}.csg-footer{border-top:1px solid var(--csg-line);display:flex;justify-content:space-between;gap:20px;padding-block:28px;font-size:12px;color:var(--csg-muted);margin-top:32px}.csg-footer span{color:var(--csg-pink)}
.csg-dialog{border:0;border-radius:20px;padding:28px;width:min(1000px,calc(100vw - 64px));max-width:none;max-height:calc(100dvh - 56px);overflow:auto;background:#fff;color:var(--csg-ink);box-shadow:0 22px 100px #0004;overscroll-behavior:contain}.csg-dialog::backdrop{background:#18131bb8;backdrop-filter:blur(6px)}.csg-detail-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:start}.csg-media-column{min-width:0}.csg-media-stage{position:relative;background:#fcf5ef;border-radius:12px;overflow:hidden}.csg-page #csg-media img,.csg-page #csg-media video{display:block;width:100%;height:auto;max-height:calc(100dvh - 160px);object-fit:contain;margin:auto}.csg-page #csg-media video{background:#221b21;min-height:240px}.csg-icon-button{border:1px solid #e7e1e4;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fffffff2;color:var(--csg-ink);font-size:30px;line-height:1;box-shadow:0 2px 8px #0001}.csg-close{position:sticky;top:0;float:right;margin:-18px -18px -26px 0;z-index:3;width:38px;height:38px;font-size:26px}.csg-prev,.csg-next{position:absolute;top:46%;z-index:1}.csg-prev{left:9px}.csg-next{right:9px}.csg-icon-button:disabled{opacity:.35;cursor:default}.csg-position{font-size:11px;color:var(--csg-muted);text-align:center;margin-top:10px!important}.csg-detail-copy{padding:4px 5px 0 0;min-width:0}.csg-id{font-size:23px;font-weight:800;letter-spacing:-.7px}.csg-detail-copy h2{font-size:16px;line-height:1.45;font-weight:650;margin-top:3px}.csg-tags{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0 20px}.csg-tags span{background:#f0eff4;border-radius:20px;padding:4px 10px;font-size:11px}.csg-detail-copy>p:not(.csg-id){font-size:14px;line-height:1.7}.csg-detail-trust{background:#fff0f3;border-radius:12px;padding:15px 17px!important;margin:20px 0!important;display:grid;gap:6px;font-size:12px}.csg-detail-trust span{color:var(--csg-pink);margin-right:5px;font-weight:800}.csg-detail-copy>.csg-button{width:100%;margin-bottom:10px;min-height:48px}.csg-page .csg-detail-whatsapp{color:#087e49;background:#fff;border-color:#089956}.csg-message-label{display:block;font-size:11px;color:var(--csg-muted);margin:9px 0 5px}#csg-message{display:block;width:100%;resize:none;border:1px solid var(--csg-line);border-radius:8px;background:#fdfbfc;padding:10px;font-size:12px;line-height:1.6;color:#51464d}.csg-copy-row{display:flex;align-items:center;gap:10px;margin-top:7px;font-size:11px}.csg-copy-row button{min-height:36px;background:#fff;border:1px solid #e2d8de;border-radius:7px;padding:5px 10px;color:var(--csg-ink)}.csg-media-fallback{padding:12px;font-size:12px;text-align:center}.csg-page> .postero-mobile-nav,.csg-page> .site-search-popup,.csg-page> .cart-side,.csg-page> .mobile-nav{display:none!important}
.csg-menu-toggle{display:none}.csg-page>.account-wrap,.csg-page>.postero-overlay{display:none!important}
@media(max-width:699px){.csg-page .csg-hero-art{display:none}}
@media(hover:hover){.csg-card:hover img{transform:scale(1.025)}.csg-card:hover .csg-card-caption{opacity:1}.csg-button:hover{filter:brightness(.94)}}
@media(max-width:1049px){.csg-grid{columns:3}.csg-nav{gap:17px}.csg-header-inner{gap:14px}.csg-nav .csg-button{padding:10px 12px}.csg-hero-art{width:225px}.csg-chips{flex-wrap:wrap}.csg-chips li{flex-basis:40%}.csg-intro-copy{padding-block:25px}}
@media(max-width:849px){.csg-header-inner{flex-wrap:wrap;gap:0;min-height:72px}.csg-logo,.csg-logo img{width:115px}.csg-logo img{height:65px}.csg-menu-toggle:not([hidden]){display:block}.csg-nav{width:100%;flex-wrap:wrap;gap:12px 24px;padding:10px 0 20px}.csg-page.csg-ready .csg-nav:not(.is-open){display:none}.csg-dialog{width:calc(100vw - 32px);padding:22px}.csg-detail-layout{gap:20px}.csg-chips li{font-size:10px}}
@media(max-width:699px){.csg-wrap{width:calc(100% - 28px)}.csg-header-inner{min-height:64px}.csg-logo img{height:62px}.csg-intro-inner{min-height:0;display:block}.csg-intro-copy{padding:24px 0 20px;max-width:none}.csg-intro h1{font-size:25px;letter-spacing:-.8px}.csg-intro-copy>p{font-size:12px;line-height:1.7;margin-top:10px}.csg-hero-art{display:none}.csg-chips{gap:6px;margin-top:16px!important}.csg-chips li{padding:7px 8px;font-size:10px;flex-basis:44%;border-radius:8px}.csg-chips li>span{font-size:17px}.csg-filter-shell{margin-top:6px}.csg-filters{gap:6px}.csg-filters button{padding:9px 15px;font-size:11px}.csg-grid{columns:2;column-gap:12px}.csg-card{margin-bottom:12px;border-radius:10px}.csg-card-heart{width:23px;height:23px;font-size:21px;top:6px;right:6px}.csg-count{margin-bottom:10px!important}.csg-dialog{width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:0;overflow:auto}.csg-detail-layout{display:flex;flex-direction:column;gap:0}.csg-media-column{width:100%}.csg-media-stage{border-radius:0}.csg-page #csg-media img,.csg-page #csg-media video{max-height:65dvh;min-height:0;width:100%;object-fit:contain}.csg-close{top:max(12px,env(safe-area-inset-top));margin:12px 12px -50px 0;width:38px;height:38px}.csg-detail-copy{padding:17px 20px calc(25px + env(safe-area-inset-bottom));width:100%}.csg-detail-copy h2{font-size:16px}.csg-position{margin-top:7px!important}.csg-tags{margin:10px 0 16px}.csg-detail-trust{margin:16px 0!important}.csg-footer{font-size:10px;gap:10px;padding-block:20px}.csg-footer>a{white-space:nowrap}.csg-card-caption{padding:20px 8px 7px}.csg-card-caption>span{display:none}}
@media(prefers-reduced-motion:reduce){.csg-page *{scroll-behavior:auto!important;transition:none!important}}

/* V2: landing-page header rhythm, optional inquiry fields, local favorites. */
.csg-header{background:#fffaf1;border-color:#dfd1c2}.csg-header-inner{min-height:88px}.csg-logo,.csg-logo img{width:128px}.csg-nav{gap:0}.csg-nav>a:not(.csg-button){color:#9d3448;font-size:.8rem}.csg-nav>a:not(.csg-button)+a:not(.csg-button)::before{content:'·';margin-inline:10px;color:#9d3448}.csg-nav>.csg-button{margin-left:14px}.csg-mobile-contact{display:none}
.csg-tile{position:relative;break-inside:avoid;margin-bottom:16px}.csg-tile .csg-card{margin-bottom:0}.csg-page .csg-card-heart{border:1px solid #e7dfe3;width:38px;height:38px;font-size:24px;z-index:2;padding:0;cursor:pointer}.csg-page [data-favorite][aria-pressed=true],.csg-detail-heart[aria-pressed=true]{color:#c90a43;background:#fff0f4}.csg-detail-heading{display:flex;align-items:center;justify-content:space-between;padding-right:15px}.csg-detail-heart{min-width:44px;min-height:44px;border:1px solid #eadce2;border-radius:50%;background:#fff;font-size:25px;color:#6d4c5c}
.csg-configurator{margin:16px 0 20px;display:grid;gap:8px}.csg-configurator label{font-size:13px;font-weight:600}.csg-configurator small{font-size:11px;font-weight:400;color:var(--csg-muted);margin-left:6px}.csg-page .csg-configurator input,.csg-page .csg-configurator textarea{box-sizing:border-box;font:inherit;font-size:16px;min-width:0;width:100%;max-width:100%;border:1px solid #ddcdd4;border-radius:9px;background:#fffdfb;color:var(--csg-ink);padding:11px;line-height:1.5}.csg-configurator input{min-height:46px;margin-bottom:8px}.csg-configurator textarea{resize:vertical;min-height:100px}.csg-toast:empty{display:none}.csg-page .csg-toast{font-size:12px;color:#86677b;background:#fff4db;padding:10px;border-radius:8px;margin:6px 0!important}.csg-page .csg-toast strong{color:inherit;font-weight:500}.csg-saved{margin-top:23px;border-top:1px solid var(--csg-line);padding-top:14px}.csg-saved h3{font-size:14px;margin:0 0 10px}.csg-saved-rail{display:flex;gap:10px;overflow-x:auto;padding:4px 3px 10px;scrollbar-width:thin}.csg-saved-item{position:relative;flex:0 0 76px}.csg-saved-open{display:block;padding:0;border:2px solid transparent;border-radius:9px;background:#f8f0ea;width:76px;color:var(--csg-ink);overflow:hidden}.csg-saved-open[aria-current=true]{border-color:var(--csg-pink)}.csg-page .csg-saved-open img{width:72px;height:80px;object-fit:cover}.csg-saved-open span{display:block;font-size:10px;padding:3px}.csg-saved-remove{display:block;width:100%;min-height:32px;border:0;background:#fff;color:#8d2548;font-size:12px}.csg-storage-status{font-size:12px;text-align:center}.csg-storage-status:empty{display:none}
@media(min-width:850px){.csg-header-inner{min-height:98px}.csg-logo,.csg-logo img{width:153px}}
@media(max-width:849px){.csg-header-inner{min-height:72px;flex-wrap:nowrap;gap:10px}.csg-logo,.csg-logo img{width:112px}.csg-header .csg-nav,.csg-page.csg-ready .csg-nav:not(.is-open){display:flex;width:auto;padding:0;flex-wrap:nowrap;margin-left:auto;gap:0}.csg-nav>.csg-button{display:none!important}.csg-nav>a:not(.csg-button){font-size:12px;white-space:nowrap}.csg-nav>a:not(.csg-button)+a:not(.csg-button)::before{margin-inline:7px}.csg-mobile-contact{display:flex;gap:10px;padding-block:14px 3px}.csg-mobile-contact>.csg-button{flex:1;min-width:0;font-size:13px}.csg-menu-toggle{display:none!important}}
@media(max-width:699px){.csg-tile{margin-bottom:12px}.csg-page .csg-card-heart{top:5px;right:5px;width:36px;height:36px}.csg-detail-heading{padding-right:0}.csg-detail-copy{padding-top:16px}}
@media(max-width:389px){.csg-logo,.csg-logo img{width:85px}.csg-header-inner{gap:6px}.csg-nav>a:not(.csg-button){font-size:11px}.csg-nav>a:not(.csg-button)+a:not(.csg-button)::before{margin-inline:5px}}/* V3 optional product details; no changes to the gallery or global theme. */
.csg-products{padding:15px;border:1px solid var(--csg-line);border-radius:12px;background:#fffcfa;margin-bottom:10px;min-width:0}.csg-products h3{font-size:15px;line-height:1.5;margin:0 0 4px}.csg-products p,.csg-products figcaption{font-size:12px;color:var(--csg-muted);line-height:1.6}.csg-product-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0 8px}.csg-product-choices button{min-height:48px;padding:9px;border:1px solid #ddcdd4;border-radius:9px;background:#fff;color:var(--csg-ink);font-size:12px}.csg-product-choices button[aria-pressed=true]{border-color:var(--csg-pink);background:#fff0f4;color:#9e143a;box-shadow:inset 0 0 0 1px var(--csg-pink)}#csg-product-clear{min-height:44px;background:none;border:0;padding:4px 0;color:#9e143a;text-decoration:underline;font-size:12px}#csg-product-options{margin-top:8px}#csg-variation{display:block;width:100%;min-width:0;min-height:48px;font:inherit;font-size:16px;padding:9px;border:1px solid #ddcdd4;border-radius:8px;background:#fff;color:var(--csg-ink);margin:6px 0 10px}.csg-products #csg-product-price{font-size:22px;font-weight:750;color:#9e143a;margin:6px 0}#csg-product-preview{margin:13px 0 0}#csg-product-preview img{width:160px;height:auto;max-height:210px;object-fit:contain;border-radius:8px;margin-top:6px}@media(min-width:850px){.csg-media-column{position:sticky;top:0}}
/* V4: restrained pastels, clear hierarchy and shared accessible controls. */
.csg-intro-copy>p,#csg-detail-description{white-space:pre-line}
.csg-nav>a:not(.csg-button),.csg-nav>a:not(.csg-button)+a:not(.csg-button)::before{color:#29212a}
.csg-nav>a:not(.csg-button):hover{color:#634057}
.csg-filters button{--pill:#fae7ed;--pill-border:#e7c9d4;background:var(--pill);border-color:var(--pill-border);color:#29212a;min-height:44px;transition:filter .15s,box-shadow .15s}
.csg-filters button:nth-child(6n+2){--pill:#fff3cf;--pill-border:#e6d6a7}.csg-filters button:nth-child(6n+3){--pill:#fce6d9;--pill-border:#e6cbbc}.csg-filters button:nth-child(6n+4){--pill:#e0f2e9;--pill-border:#bddace}.csg-filters button:nth-child(6n+5){--pill:#e2eefb;--pill-border:#c5d7e9}.csg-filters button:nth-child(6n){--pill:#eee7fa;--pill-border:#d4c6e6}
.csg-filters button:hover{background:var(--pill);filter:brightness(.96)}.csg-filters button[aria-pressed=true]{background:#8d3458;border-color:#8d3458;color:#fff;box-shadow:0 2px 6px #63223b24}
.csg-detail-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;position:sticky;top:0;z-index:4;width:max-content;margin:0 0 14px auto;padding:4px;border-radius:28px;background:#fffdfbf2}
.csg-page .csg-detail-actions>button{position:static;float:none;flex:0 0 46px;min-width:46px;width:46px;min-height:46px;height:46px;margin:0;padding:0;border:1px solid #dacdd4;border-radius:50%;background:#fff;color:#563247;font-size:26px;display:grid;place-items:center;box-shadow:none}
.csg-page .csg-detail-actions>.csg-detail-heart[aria-pressed=true]{background:#fae7ed;color:#a12e56;border-color:#b96382}
.csg-detail-copy h2{font-size:24px;line-height:1.3;font-weight:750;margin:0 0 7px;letter-spacing:-.4px;overflow-wrap:anywhere}.csg-detail-copy .csg-id{font-size:13px;font-weight:500;letter-spacing:.3px;color:#65565f}.csg-id span{user-select:all}.csg-tags{margin:14px 0 18px}.csg-detail-trust{background:#fff1ec;border:1px solid #f2e3db}.csg-products{padding:0;border:0;background:transparent;margin-bottom:12px}.csg-products h3{font-size:16px}.csg-product-choices{gap:10px}
.csg-product-choices button,#csg-product-options{--product-bg:#fbe7ee;--product-border:#dfb5c5;--product-accent:#973653}
.csg-product-choices [data-product=pvc-banner],#csg-product-options[data-product-accent=pvc-banner]{--product-bg:#e2f2e9;--product-border:#b2d7c4;--product-accent:#286548}
.csg-product-choices [data-product=cartoon-welcome-board],#csg-product-options[data-product-accent=cartoon-welcome-board]{--product-bg:#fff0dc;--product-border:#e4caa3;--product-accent:#815126}
.csg-product-choices [data-product=frame],#csg-product-options[data-product-accent=frame]{--product-bg:#eee7fa;--product-border:#cec0e4;--product-accent:#644781}
.csg-product-choices button{background:var(--product-bg);border:1px solid var(--product-border);border-radius:13px;color:#302735;min-height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:12px 8px;transition:filter .15s,box-shadow .15s;font-weight:600}
.csg-product-choices button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:var(--product-accent)}
.csg-product-choices button[aria-pressed=true]{background:var(--product-bg);color:#302735;border-color:var(--product-accent);box-shadow:inset 0 0 0 1px var(--product-accent)}
@media(hover:hover){.csg-product-choices button:hover{filter:brightness(.96)}}
.csg-picker-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:650;margin-bottom:7px}.csg-picker{position:relative;margin-bottom:10px}.csg-page #csg-picker-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:50px;border:1px solid var(--product-border);border-radius:11px;background:var(--product-bg);color:#302735;padding:12px;font-size:14px;text-align:left}.csg-page #csg-size-list{position:absolute;z-index:6;top:calc(100% + 5px);left:0;right:0;max-height:280px;overflow:auto;background:var(--product-bg);border:1px solid var(--product-border);border-radius:12px;padding:5px;box-shadow:0 8px 26px #38202d24;overscroll-behavior:contain}.csg-page #csg-size-list [role=option]{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:11px 10px;border-radius:8px;font-size:14px;cursor:pointer;color:#302735}.csg-page #csg-size-list [role=option]>span{font-weight:600}.csg-page #csg-size-list strong{font-weight:750;white-space:nowrap}.csg-page #csg-size-list .is-unsure>span{font-weight:400;color:#70616a}.csg-page #csg-size-list [aria-selected=true]{background:var(--product-bg);box-shadow:inset 3px 0 var(--product-accent)}.csg-page #csg-size-list [role=option]:hover,.csg-page #csg-size-list .is-focused{background:var(--product-bg);outline:2px solid var(--product-accent);outline-offset:-2px}.csg-products #csg-product-price{color:var(--product-accent)}
.csg-page .csg-messenger,.csg-page .csg-detail-messenger{background:#e4eafb;color:#254879;border-color:#bdcce8}.csg-page .csg-whatsapp,.csg-page .csg-detail-whatsapp{background:#e0f2e8;color:#245e43;border-color:#afd1bd}.csg-page .csg-button{border-radius:12px}.csg-page .csg-button:hover,.csg-page .csg-button:active{filter:brightness(.94)}
.csg-media-stage{border-radius:16px;border:1px solid #efe0d6}.csg-saved-remove{min-height:44px}.csg-page .csg-card-heart{width:44px;height:44px}.csg-page #csg-copy{min-height:44px}
@media(max-width:699px){.csg-detail-actions{top:8px;margin:8px 14px 10px auto}.csg-media-column{padding:0 14px}.csg-media-stage{border-radius:16px}.csg-page #csg-media img,.csg-page #csg-media video{max-height:65dvh;object-fit:contain}.csg-position{margin:9px 0 2px!important}.csg-detail-copy h2{font-size:23px}.csg-detail-copy{padding-inline:20px}.csg-product-choices button{min-height:86px}.csg-page #csg-size-list{max-height:240px}}
@media(max-width:349px){.csg-product-choices{grid-template-columns:1fr}.csg-product-choices button{flex-direction:row;min-height:56px;gap:10px}.csg-page #csg-size-list [role=option]{font-size:13px;padding-inline:7px}}
body.csg-page{box-sizing:border-box}.csg-detail-actions{width:100%;background:#fffdfb;border-radius:0}.csg-page #csg-picker-value{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-width:0;font-weight:600}.csg-page #csg-picker-value strong{white-space:nowrap;font-weight:750}.csg-page #csg-picker-value.is-unsure{font-weight:400;color:#70616a}@media(max-width:699px){.csg-detail-actions{top:0;margin:0 0 10px;padding:8px 14px}}
.csg-page #csg-product-preview img{border-radius:16px}
.csg-nav>.csg-messenger,.csg-mobile-contact>.csg-messenger{box-shadow:0 3px 7px #2548791f}
.csg-nav>.csg-whatsapp,.csg-mobile-contact>.csg-whatsapp{box-shadow:0 3px 7px #245e431f}
/* Keep the desktop artwork below the toolbar and seal its top/side gutters. */
@media(min-width:700px){
 .csg-dialog{--csg-dialog-padding:28px;--csg-toolbar-height:54px}
 .csg-detail-actions{background:#fff;isolation:isolate}
 .csg-detail-actions::before{content:"";position:absolute;inset:calc(-1 * var(--csg-dialog-padding)) calc(-1 * var(--csg-dialog-padding)) 0;background:#fff;z-index:-1;pointer-events:none}
 .csg-media-column{position:sticky;top:calc(var(--csg-toolbar-height) + 14px)}
 .csg-page #csg-media img,.csg-page #csg-media video{max-height:calc(100dvh - 56px - var(--csg-dialog-padding) * 2 - var(--csg-toolbar-height) - 14px - 30px);min-height:0}
}
@media(min-width:700px) and (max-width:849px){.csg-dialog{--csg-dialog-padding:22px}}
/* Mobile detail: let the artwork fill the frame and place controls beside their content. */
@media(max-width:699px){
 .csg-dialog[open]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:start}
 .csg-detail-actions,.csg-detail-layout{display:contents}
 .csg-media-column{grid-area:1 / 1;padding:4px 4px 0}
 .csg-detail-copy{grid-area:2 / 1;min-width:0}
 .csg-detail-copy h2,.csg-detail-copy .csg-id{padding-right:58px}
 .csg-page .csg-detail-actions>.csg-close{grid-area:1 / 1;align-self:start;justify-self:end;margin:12px;z-index:4}
 .csg-page .csg-detail-actions>.csg-detail-heart{grid-area:2 / 1;align-self:start;justify-self:end;margin:17px 20px 0 0;z-index:4}
 .csg-page #csg-media img,.csg-page #csg-media video{max-height:none}
}
/* V5: wider discovery only; the header, hero and mobile cards keep their widths. */
@media(min-width:1050px){.csg-library{width:min(1760px,calc(100% - 48px))}.csg-library .csg-grid{columns:4;column-gap:16px}}
@media(min-width:1440px){.csg-library .csg-grid{columns:5}}
@media(min-width:1800px){.csg-library .csg-grid{columns:6}}
/* The outer shell clips all four corners; only the inner region scrolls. */
.csg-dialog{padding:0;overflow:hidden}
.csg-detail-scroll{padding:28px;max-height:calc(100dvh - 56px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.csg-variation-rail{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:4px 3px;scroll-snap-type:x proximity}
.csg-page .csg-variation-rail button{flex:0 0 81px;width:81px;height:96px;background:#fff;border:2px solid transparent;border-radius:9px;padding:2px;scroll-snap-align:start}
.csg-page .csg-variation-rail button[aria-pressed=true]{border-color:#8d3458;background:#fae7ed}
.csg-page .csg-variation-rail img{width:100%;height:100%;object-fit:contain;border-radius:5px}
.csg-variations{margin-top:9px}.csg-image-position{font-size:11px;color:var(--csg-muted);text-align:center;margin-top:3px!important}
.csg-about{margin:22px 0 8px;padding-top:16px;border-top:1px solid var(--csg-line)}.csg-about h3{font-size:15px;margin:0 0 9px}.csg-about p{font-size:14px;line-height:1.75;white-space:pre-line;overflow-wrap:anywhere}
.csg-page #csg-product-preview>div{display:flex;gap:10px;max-width:290px;overflow-x:auto;padding:4px 0 8px;scroll-snap-type:x proximity}
.csg-page #csg-product-preview img{flex:0 0 calc((100% - 10px)/2);width:calc((100% - 10px)/2);max-width:140px;height:180px;object-fit:contain;margin:0;scroll-snap-align:start}
@media(min-width:700px){.csg-media-column.has-variations{--csg-variation-space:136px}.csg-page #csg-media img,.csg-page #csg-media video{max-height:calc(100dvh - 56px - var(--csg-dialog-padding)*2 - var(--csg-toolbar-height) - 14px - 30px - var(--csg-variation-space,0px))}}
@media(min-width:700px) and (max-width:849px){.csg-detail-scroll{padding:22px}}
@media(max-width:699px){.csg-dialog[open]{display:block}.csg-detail-scroll{height:100dvh;max-height:100dvh;padding:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:start}.csg-variations{padding-inline:8px}.csg-variation-rail{gap:7px}.csg-page .csg-variation-rail button{flex-basis:72px;width:72px;height:87px}}

/* Detail artwork follows the cover's shape; variations crop inside that shape. */
.csg-media-stage{background:transparent;border:0}
.csg-media-stage.is-artwork-image{margin-inline:auto}
.csg-media-stage.is-artwork-image #csg-media{aspect-ratio:var(--csg-artwork-ratio);position:relative}
.csg-page .is-artwork-image #csg-media img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover}
@media(min-width:700px){.csg-media-stage.is-artwork-image{width:min(100%,calc((100dvh - 56px - var(--csg-dialog-padding)*2 - var(--csg-toolbar-height) - 14px - 30px - var(--csg-variation-space,0px))*var(--csg-artwork-ratio)))}}
/* Fit each preview itself so its rounded edges follow the actual image. */
.csg-page #csg-product-preview img{flex:0 0 auto;width:auto;height:auto;max-width:140px;max-height:180px;align-self:center;border-radius:16px}
/* Expanded detail: use the left column for art, keeping the action band over copy. */
.csg-page .csg-position,.csg-page .csg-image-position{display:none}
.csg-page .csg-prev,.csg-page .csg-next,.csg-page .csg-detail-actions>.csg-close{opacity:.8}
.csg-page .csg-prev:hover,.csg-page .csg-next:hover,.csg-page .csg-detail-actions>.csg-close:hover,.csg-page .csg-prev:focus-visible,.csg-page .csg-next:focus-visible,.csg-page .csg-detail-actions>.csg-close:focus-visible{opacity:1}
.csg-page #csg-product-preview>div{padding-top:12px;align-items:flex-start}
.csg-page #csg-product-preview img{align-self:flex-start}
@media(min-width:850px){
 .csg-dialog{--csg-dialog-padding:16px;max-height:calc(100dvh - 28px)}
 .csg-detail-scroll{padding:16px;max-height:calc(100dvh - 28px)}
 .csg-detail-actions{width:calc(46.5116% - 13.023px);margin-bottom:-54px}
 .csg-detail-copy{padding-top:68px}
 .csg-media-column{top:0;--csg-variation-space:0px}
 .csg-media-column.has-variations{--csg-variation-space:145px}
 .csg-media-stage.is-artwork-image{width:min(100%,calc((100dvh - 28px - 32px - var(--csg-variation-space))*var(--csg-artwork-ratio)))}
 .csg-page #csg-media video{max-height:calc(100dvh - 60px)}
 .csg-variation-rail{justify-content:safe center}
 .csg-page .csg-variation-rail button{flex-basis:calc((100% - 24px)/4);width:calc((100% - 24px)/4);max-width:112px;height:128px}
 .csg-page .csg-variation-rail img{object-fit:cover}
}

/* Keep the native date picker, replacing only its calendar indicator. */
.csg-page #csg-event-date::-webkit-calendar-picker-indicator{background:url('../icons/calendar-mark.svg') center / 24px 24px no-repeat;width:24px;height:24px;padding:0;opacity:1;cursor:pointer}

.csg-page #csg-product-options[data-product-accent="frame"] .csg-product-final-note{display:none}

/* Desktop photo-to-art hero; preserve the compact tablet and mobile layout. */
.csg-hero-before{display:none}
@media(min-width:1050px){
  .csg-intro-inner{min-height:320px;gap:0;isolation:isolate}
  .csg-intro-copy{flex:0 0 64%;max-width:64%;padding:40px 0;z-index:2}
  .csg-intro h1{font-size:clamp(28px,2.7vw,38px)}
  .csg-intro-copy>p{max-width:78%;font-size:14px}
  .csg-chips{max-width:100%;gap:9px;margin-top:26px!important}
  .csg-chips li{padding:11px 10px;min-height:54px}
  .csg-hero-before{display:block;position:absolute;left:59%;top:20px;width:13.78125%;z-index:1;pointer-events:none}
  .csg-page .csg-hero-before img{width:100%;height:auto;mix-blend-mode:multiply}
  .csg-hero-arrow{position:absolute;width:58%;height:auto;left:83%;top:0;color:#96b9ad;transform:rotate(5deg)}
  .csg-page .csg-hero-art{position:absolute;right:0;bottom:0;width:27%;height:100%;max-height:none;object-fit:cover;object-position:50% 15%;border-radius:0 0 22px 0;z-index:0}
}

/* Gallery-only image save deterrents; retain native touch scrolling and taps. */
.csg-page img,.csg-page .csg-card{-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}

/* Hit the artwork container instead of exposing a native image-save target. */
.csg-page .csg-card img,.csg-page #csg-media img,.csg-page .csg-variation-rail img,.csg-page #csg-product-preview img,.csg-page .csg-saved-open img{pointer-events:none}
.csg-page #csg-media,.csg-page .csg-variation-rail,.csg-page #csg-product-preview,.csg-page .csg-saved-open{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.csg-page .csg-contact-icon{display:block;width:16px;height:16px;flex:0 0 16px}
.csg-page .csg-messenger,.csg-page .csg-whatsapp,.csg-page .csg-detail-messenger,.csg-page .csg-detail-whatsapp{box-shadow:0 4px 0 #dfbdc880,0 6px 10px #29212a08}
/* Favorite SVG images keep the outline and filled states reliable on mobile. */
.csg-favorite-glyph{display:block;width:22px;height:22px;background:transparent url('../images/favorite-heart.svg?v=5') center/contain no-repeat}
.csg-close-glyph{display:block;width:14px;height:14px;background:currentColor;-webkit-mask:url('../images/close-cross.svg') center/contain no-repeat;mask:url('../images/close-cross.svg') center/contain no-repeat}
.csg-arrow-glyph{display:block;width:16px;height:16px;background:currentColor;opacity:.95;-webkit-mask:url('../images/arrow-right.svg') center/contain no-repeat;mask:url('../images/arrow-right.svg') center/contain no-repeat}
.csg-arrow-glyph-left{transform:rotate(180deg)}
.csg-page .csg-picker-arrow{display:block;width:18px;height:18px;flex:0 0 18px;background:var(--product-accent);opacity:.7;-webkit-mask:url('../images/menu-download-arrow.svg?v=3') center/contain no-repeat;mask:url('../images/menu-download-arrow.svg?v=3') center/contain no-repeat}
@supports (background:color-mix(in srgb,#000 85%,#fff)){
 .csg-page #csg-picker-toggle,.csg-page #csg-size-list,.csg-page #csg-size-list [aria-selected=true],.csg-page #csg-size-list [role=option]:hover,.csg-page #csg-size-list .is-focused{background:color-mix(in srgb,var(--product-bg) 75%,#fff)}
}
.csg-page .csg-card-heart .csg-favorite-glyph{width:19px;height:19px}
.csg-page .csg-detail-heart .csg-favorite-glyph{width:22px;height:22px}
.csg-page #csg-product-preview>div:first-of-type{width:100%;max-width:none;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:6px 0 8px}
.csg-page #csg-product-preview>div:first-of-type::-webkit-scrollbar{display:none}
.csg-page #csg-product-preview>.csg-preview-rail{display:block;width:100%;max-width:none;overflow:hidden;gap:0;padding:0;scroll-snap-type:none}
.csg-page #csg-product-preview img{flex:0 0 auto;width:auto;height:auto;max-width:140px;max-height:180px;object-fit:contain;align-self:flex-start;margin:0;background:none;border:0;border-radius:16px;scroll-snap-align:start}
.csg-page #csg-product-preview>div.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.csg-page #csg-product-preview>div:first-of-type{cursor:grab;user-select:none}
.csg-page .csg-preview-rail{position:relative;width:100%;height:4px;margin-top:2px;border-radius:99px;background:#f7e8ed;opacity:1;transition:opacity .45s ease}
.csg-page .csg-preview-rail.is-fading{opacity:0}
.csg-page .csg-preview-rail>span{position:absolute;top:0;left:0;height:100%;min-width:18%;border-radius:99px;background:#d99ab0;transition:left .12s ease,width .12s ease}
.csg-page .csg-detail-heart{width:40px;height:40px;min-width:40px;min-height:40px;padding:0}
.csg-page .csg-card-heart{width:36px;height:36px}
.csg-page .csg-card-heart .csg-favorite-glyph{width:18px;height:18px}
.csg-page .csg-detail-heart .csg-favorite-glyph{width:20px;height:20px}
.csg-page [data-favorite][aria-pressed=true] .csg-favorite-glyph,.csg-page .csg-detail-heart[aria-pressed=true] .csg-favorite-glyph{background-image:url('../images/favorite-heart-red.svg?v=5')}