/* theme-parity-r76.css · 2026-09-15 · preview copy only ------------------------------------------------------------------------- Purpose: give pink / purple / yellow / green / orange / red the same layout, type, compact navigation, buttons, cards, spacing, swans and pearl hem that the blue preview received over r55-r74, with every colour taken from the --garden-ink / --garden-primary / --garden-paper / --garden-soft / --garden-accent custom properties that ribbelle-garden-r34.js writes on . Where the blue sheets hard-code a tint, the same tint is rebuilt with color-mix(in srgb, var(--garden-primary) N%, var(--garden-paper)). Scope: the six themes are listed one by one instead of excluding the two untouched gardens with :not(), so this sheet provably cannot reach either of them - it contains no selector naming them at all. Trade-off: a ninth garden colour would have to be added to the list in every selector (regenerate with the build script rather than hand-editing). Load order: last, after every r55-r74 sheet. No r55-r74 file, r34.js, r41.css, i18n, cart, helper, price or checkout file is touched. Hero art: each theme keeps its own assets/garden-themes/.webp through [data-garden-cover]; the blue one-piece stage image (blue-stage-r70.webp) is already hidden for them by curtain-stage-r58.css line 4. No new image is created or referenced here; the swan ornaments reuse swan-gem-ivory-r70.webp. ------------------------------------------------------------------------- */ /* == 1. Tokens ============================================================ Mirrors ribbelle-ice-blue-r55.css lines 2-3 (--r55-ui and the blue palette pinning) and blue-finish-r64.css line 3. Unlike r64 line 2 this sheet does NOT repaint --garden-paper: each garden already ships a paper that suits its own hue, while blue had to swap its warm cream for a cool tint. */ html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]){ --r76-ui:Arial,Helvetica,sans-serif; --r76-t08:color-mix(in srgb,var(--garden-primary) 8%,var(--garden-paper)); --r76-t12:color-mix(in srgb,var(--garden-primary) 12%,var(--garden-paper)); --r76-t20:color-mix(in srgb,var(--garden-primary) 20%,var(--garden-paper)); --r76-t32:color-mix(in srgb,var(--garden-primary) 32%,var(--garden-paper)); --r76-line:color-mix(in srgb,var(--garden-primary) 58%,var(--garden-paper)); --r76-line-strong:color-mix(in srgb,var(--garden-primary) 80%,var(--garden-paper)); --r76-mark:color-mix(in srgb,var(--garden-ink) 72%,var(--garden-primary)); --r76-muted:color-mix(in srgb,var(--garden-ink) 55%,#6b6f74); --r76-ink-hover:color-mix(in srgb,var(--garden-ink) 86%,#000); --r76-swan-shadow:color-mix(in srgb,var(--garden-ink) 34%,transparent); } html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body{font-family:var(--r76-ui)} /* == 2. Site header, every page ========================================== Mirrors ribbelle-ice-blue-r55.css lines 4-18 (the light header bar, the compact single-column inner, the sans nav, the language and basket corners) and curtain-stage-r58.css lines 8-9 (the r39 frosted layers are switched off, exactly as the blue stage switches them off). r55 lines 19-22 are deliberately NOT mirrored: they paint garden-themes/blue.webp into the header corners, and on the blue home page r58 hides those same pseudo-elements anyway, so blue never shows them either. */ html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header{background:var(--r76-t12)!important;color:var(--garden-ink);border:0;box-shadow:none;isolation:isolate} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header.r39-frosted-home{background:var(--r76-t12)!important;border:0;box-shadow:none} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header.r39-frosted-home::before, html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header.r39-frosted-home::after{display:none!important;content:none!important} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header .sh-inner{min-height:0;max-width:1120px;padding:10px 18px 0;gap:3px;flex-direction:column;flex-wrap:nowrap;position:relative;z-index:2} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header .sh-mark{width:152px;max-width:48%;aspect-ratio:640/215;margin:0} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header .sh-mark::before{background:var(--r76-mark)!important} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header .sh-nav-row{flex:0 0 auto;width:100%;margin:0} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header .sh-nav{display:flex;flex-wrap:nowrap;width:100%;gap:24px;justify-content:center;font:400 14px/1.3 var(--r76-ui);text-transform:none;letter-spacing:0} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header .sh-nav a{font:400 14px/1.3 var(--r76-ui)!important;letter-spacing:0;text-transform:none;white-space:nowrap;min-height:44px;min-width:0;padding:8px 5px!important;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent!important;box-shadow:none!important;color:var(--garden-ink)!important} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header .sh-nav a.cur, html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header .sh-nav a[aria-current]{border:0;border-bottom:2px solid var(--garden-ink);color:var(--garden-ink)!important;font-weight:500} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header .sh-nav a:hover{border-bottom-color:var(--r76-line-strong)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header.r39-frosted-home .sh-nav a.cur, html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header.r39-frosted-home .sh-nav a[aria-current]{color:var(--garden-ink)!important;background:transparent!important;border:0;border-bottom:2px solid var(--garden-ink);box-shadow:none} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header .rb-language-menu{top:8px;left:12px;font:13px/1.4 var(--r76-ui);color:var(--garden-ink)!important} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header .rb-language-menu>summary{color:var(--garden-ink)!important;font:13px/1.4 var(--r76-ui)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header .site-basket:not(.is-floating){top:8px;right:12px;border:0;background:transparent!important;color:var(--garden-ink)!important} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header .site-basket:not(.is-floating) [data-cart-count]{background:var(--garden-ink);border-color:var(--garden-ink);color:var(--garden-paper)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header :is(a,summary,button):focus-visible{outline:2px solid var(--garden-ink);outline-offset:2px} /* == 3. Marquee =========================================================== Mirrors ribbelle-ice-blue-r55.css lines 23-24 and the matching ribbelle-garden-r34.css line 151 (the marquee's theme button). */ html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r36-marquee{min-height:22px!important;padding:4px 8px!important;background:var(--garden-soft)!important;color:var(--garden-ink)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r36-marquee>span{font:10px/1.4 var(--r76-ui)!important;letter-spacing:.035em!important;color:var(--garden-ink)!important} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r36-marquee>.r36-marquee-theme{font:10px/1.4 var(--r76-ui)!important;letter-spacing:.035em!important;color:var(--garden-ink)!important} /* == 4. Hero: header meets the painting =================================== Mirrors ribbelle-ice-blue-r55.css lines 25-28 (wall tint, one-screen cover size, the hero-visible dock hiding) and curtain-stage-r58.css line 18 (no gap under the stage). The height formula is r55's, and its .8176 factor is 1134/1387 - the exact aspect of every garden-themes/.webp, so the painting fits one screen the same way the blue stage does. */ html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r27-home .banner2{margin:0;padding:0!important;background:transparent} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r27-home .banner2 .bwall.r30-wall{background:var(--r76-t32)!important;border:0;margin:0;padding:0} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r27-home .r30-cover-art{width:min(620px,100%,calc((100svh - 130px)*.8176))!important;min-width:0;max-width:none;aspect-ratio:1134/1387;margin:0 auto;mask:none;-webkit-mask:none} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r27-home .r30-garden-art{display:block;width:100%;height:auto;object-fit:contain} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r55-hero-visible #ribbelle-helper, html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r55-hero-visible .sticky, html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r55-hero-visible .site-basket.is-floating{visibility:hidden!important;pointer-events:none!important} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r56-stage-shell+.wrap{padding-top:0;background:var(--garden-paper)} /* == 5. Pearl hem and the wash under the painting ========================= Mirrors entrance-r60.css lines 25-35 and pearl-hem-r67.css lines 3-14. Same pearl-garland.png, same 34px band, same gutters; only the hem width swaps r58's stage formula for the r55 cover formula used in section 4. */ html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home #scoop{position:relative;isolation:isolate;--r60-gutter:28px;padding-top:24px!important} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home #scoop::before{content:'';position:absolute;top:0;bottom:0;left:calc(-1 * var(--r60-gutter));right:calc(-1 * var(--r60-gutter));z-index:-1;pointer-events:none;border-radius:0;box-shadow:none;background:linear-gradient(180deg,var(--r76-t32) 0,var(--r76-t12) 240px,var(--garden-paper) 620px)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home #scoop>.reveal{background:none;opacity:1;transform:none;transition:none} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home #scoop>.reveal::before{display:none;content:none} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home #scoop>.reveal>.r34-heading{min-height:82px;padding-block:18px 12px} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home #scoop>.tiers{margin-top:0} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home #scoop>.r67-pearl-hem{display:block;position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:min(620px,calc(100% + var(--r60-gutter) + var(--r60-gutter)),calc((100svh - 130px)*.8176));height:34px;z-index:1;pointer-events:none;user-select:none;background:url('garden-themes/pearl-garland.png') center top/120px auto repeat-x} /* == 6. Home section titles =============================================== Mirrors section-headings-r56.css lines 4-50 and 80-87 and ribbelle-jewelry-boxes-r73.css lines 11-27 (same block for the newer #jewelry-boxes section). */ html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home :is(#scoop,#jewelry-sets,#hair-accessories,#jewelry-boxes) .r34-heading{box-sizing:border-box;width:100%;max-width:600px;min-height:76px;margin:0 auto;padding:14px 82px;align-items:center;justify-content:center} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home :is(#scoop,#jewelry-sets,#hair-accessories,#jewelry-boxes) .r34-heading>h2{min-width:0;max-width:100%;margin:0;font:400 clamp(22px,2vw,24px)/1.25 var(--r76-ui)!important;letter-spacing:0;text-transform:none;text-align:center;text-wrap:balance;color:var(--garden-ink)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home :is(#jewelry-sets,#hair-accessories,#jewelry-boxes)>.r27-home-heading{gap:0;margin-bottom:14px} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home :is(#jewelry-sets,#hair-accessories,#jewelry-boxes) .r34-section-links{gap:6px 24px;font:400 14px/1.4 var(--r76-ui)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home :is(#jewelry-sets,#hair-accessories,#jewelry-boxes) .r34-section-links>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding-block:6px;text-align:center} html[lang=ar][data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home :is(#scoop,#jewelry-sets,#hair-accessories,#jewelry-boxes) .r34-heading>h2{font-family:Tahoma,Arial,sans-serif!important;line-height:1.6} /* == 7. Swan ornaments on the titles ====================================== Mirrors swan-heading-r62.css lines 3-16, blue-finish-r64.css lines 8-21, swan-gem-r65.css line 3 and ribbelle-jewelry-boxes-r73.css lines 28-43. Both swans are the ivory gem (swan-gem-ivory-r70.webp); the blue gem (swan-gem-blue-r70.webp) is never referenced. The drop shadow keeps r62's geometry but takes its colour from --garden-ink. */ html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home :is(#scoop,#jewelry-sets,#hair-accessories,#jewelry-boxes) .r34-heading>.r34-sprig{width:56px;height:56px;top:50%;left:18px;right:auto;transform:translateY(-50%);transform-origin:center;pointer-events:none} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home :is(#scoop,#jewelry-sets,#hair-accessories,#jewelry-boxes) .r34-heading>.r34-sprig--right{left:auto;right:18px;transform:translateY(-50%) scaleX(-1)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home :is(#scoop,#jewelry-sets,#hair-accessories,#jewelry-boxes) .r34-heading>.r34-sprig>.r34-vine, html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home :is(#scoop,#jewelry-sets,#hair-accessories,#jewelry-boxes) .r34-heading>.r34-sprig>.r34-grape, html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home :is(#scoop,#jewelry-sets,#hair-accessories,#jewelry-boxes) .r34-heading>.r36-title-stars{display:none} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home :is(#scoop,#jewelry-sets,#hair-accessories,#jewelry-boxes) .r34-heading>.r34-sprig::after{content:'';position:absolute;inset:0;background:url('swan-gem-ivory-r70.webp') center/contain no-repeat;pointer-events:none;filter:drop-shadow(0 .75px .65px var(--r76-swan-shadow))} /* == 8. Newsletter swan =================================================== Mirrors swan-newsletter-r66.css lines 2-19 as finished by newsletter-single-swan-r68.css lines 2-9: one swan, 52px, on the end side. */ html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r36-news-ornament{width:52px;height:52px;pointer-events:none} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r36-news-ornament>*{display:none} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r36-news-ornament::before{display:none;content:none} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r36-news-ornament::after{content:'';position:absolute;top:0;right:0;width:52px;height:52px;background:url('swan-gem-ivory-r70.webp') center/contain no-repeat;filter:drop-shadow(0 .75px .65px var(--r76-swan-shadow));pointer-events:none;transform:scaleX(-1)} /* == 9. Shop title swans and type ========================================= Mirrors swan-shop-r66.css lines 2-26 and shop-type-finish-r70.css 2-10. */ html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-store .r27-shop-heading>.r34-heading>.r34-sprig{width:56px;height:56px;top:50%;left:18px;right:auto;transform:translateY(-50%);transform-origin:center;pointer-events:none} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-store .r27-shop-heading>.r34-heading>.r34-sprig--right{left:auto;right:18px;transform:translateY(-50%) scaleX(-1)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-store .r27-shop-heading>.r34-heading>.r34-sprig>.r34-vine, html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-store .r27-shop-heading>.r34-heading>.r34-sprig>.r34-grape, html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-store .r27-shop-heading>.r34-heading>.r36-title-stars{display:none} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-store .r27-shop-heading>.r34-heading>.r34-sprig::after{content:'';position:absolute;inset:0;background:url('swan-gem-ivory-r70.webp') center/contain no-repeat;pointer-events:none;filter:drop-shadow(0 .75px .65px var(--r76-swan-shadow))} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r35-shop .r27-shop-heading h1{font-family:var(--r76-ui);font-weight:400} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r35-shop .r54-shop-scoops>h2, html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r35-shop .r54-pieces-heading{font-family:var(--r76-ui);font-size:22px;font-weight:400} /* == 10. Cards, prices, buttons, form type ================================ Mirrors ribbelle-ice-blue-r55.css lines 29-36 and blue-finish-r64.css lines 4-5. #fff on the ink buttons becomes var(--garden-paper). */ html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r27-home #scoop-gallery .sc-name, html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r27-card-title, html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r54-scoop-copy h3{font:400 clamp(17px,2vw,23px)/1.35 var(--r76-ui);letter-spacing:0;color:var(--garden-ink)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r27-home #scoop-gallery .sc-price, html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r27-card-price, html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r54-scoop-price, html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r15-video-price{font:400 17px/1.4 var(--r76-ui);color:var(--garden-ink)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r27-home #scoop-gallery .sc-choose, html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r27-button, html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sticky .basket-button{font:400 14px/1.4 var(--r76-ui);background:var(--garden-ink);border-color:var(--garden-ink);color:var(--garden-paper);letter-spacing:0} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r27-button-secondary{background:transparent;color:var(--garden-ink)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) :is(.r27-categories button,.r15-tabs button,.r27-search input,.r27-filter select,.r35-filter-disclosure>summary,.sc-details,.sticky .txt,.r34-garden-button,.r36-theme-label,.r34-garden-current){font-family:var(--r76-ui)!important;letter-spacing:0} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) #ribbelle-helper .r34-garden-button{font-family:var(--r76-ui);border-color:var(--r76-line);background:var(--r76-t08)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r27-home .r27-card-price{margin:7px 0 12px} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r27-home #scoop-gallery .sc-includes{min-height:3em;margin:4px 0 7px} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r34-newsletter input{background:#fff} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r27-store :is(.r27-card-cover,.r27-image){background-color:var(--garden-soft)} /* == 11. Category chips, newsletter card, FAQ ============================= Mirrors home-refinement-r69.css lines 3-92. */ html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home :is(#jewelry-sets .r69-extra-link,.r34-newsletter .r69-subscribe-extra,.r69-not-purchasable .r69-original-availability){display:none} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home #jewelry-sets .r34-section-links>a.r69-extra-link{display:none} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r27-category-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 24px} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r27-category-links a{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;gap:0;border:1px solid var(--r76-line);border-radius:999px;background:var(--r76-t20);color:var(--garden-ink);font:400 14px/1.35 var(--r76-ui);letter-spacing:0;text-align:center;text-decoration:none} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r27-category-links a:hover{background:var(--r76-t32);border-color:var(--r76-line-strong)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r27-category-links a:focus-visible{background:var(--r76-t32);outline:2px solid var(--garden-ink);outline-offset:3px} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r69-price-with-status{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r69-availability-badge{display:inline-flex;align-items:center;min-height:22px;padding:3px 7px;border:1px solid var(--r76-line);border-radius:999px;background:var(--r76-t12);color:var(--r76-muted);font:400 11px/1.3 var(--r76-ui);letter-spacing:0;white-space:nowrap} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r69-not-purchasable .r27-card-action{min-height:46px} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r34-newsletter{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px;margin:28px 0 24px;padding:26px 24px;padding-inline-start:94px;border:1px solid var(--r76-line);border-radius:18px;background:var(--r76-t20);box-shadow:none;font-family:var(--r76-ui)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r34-newsletter>div{min-width:0} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r34-newsletter h2{margin:0 0 8px;color:var(--garden-ink);font:400 22px/1.3 var(--r76-ui);letter-spacing:0} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r34-newsletter p{margin:0;color:var(--r76-muted);font:400 14px/1.55 var(--r76-ui)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r34-newsletter .r36-news-ornament{top:24px;inset-inline-start:22px;inset-inline-end:auto} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r34-newsletter form{display:flex;flex-wrap:wrap;align-items:start;gap:8px;min-width:0} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r34-newsletter label{font:400 13px/1.4 var(--r76-ui);color:var(--r76-muted)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r34-newsletter input{flex:1 1 150px;min-width:0;min-height:46px;padding:11px 12px;border:1px solid var(--r76-line-strong);border-radius:8px;background:#fff;color:var(--garden-ink);font:400 16px/1.4 var(--r76-ui);box-shadow:none} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r34-newsletter input::placeholder{color:var(--r76-muted);opacity:1} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r34-newsletter button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 17px;border:1px solid var(--garden-ink);border-radius:8px;background:var(--garden-ink);color:var(--garden-paper);font:400 14px/1.4 var(--r76-ui)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r34-newsletter button:hover{background:var(--r76-ink-hover);border-color:var(--r76-ink-hover)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r34-newsletter :is(input,button):focus-visible{outline:2px solid var(--garden-ink);outline-offset:3px} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r34-newsletter [role=status]:empty{display:none} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r15-faq{margin:0 0 28px;padding:10px 0;border-color:var(--r76-line);border-radius:0;background:transparent} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r15-faq summary{min-height:44px;color:var(--garden-ink);font:400 15px/1.4 var(--r76-ui);letter-spacing:0} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r15-faq>summary{font-size:16px} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r15-faq summary::after{color:var(--r76-muted);font-family:var(--r76-ui)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r15-faq details .note{color:var(--r76-muted);font:400 14px/1.65 var(--r76-ui)} /* == 12. Footer bow mark ================================================== Mirrors footer-dock-r57.css lines 4-37; same ribbelle-bow-logo-mask-r50.png, painted in currentColor, which here is --garden-ink. */ html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body:is(.r27-home,.r35-shop) .r28-footer .r15-footer-brand>a{position:relative;display:block;width:136px;max-width:100%;aspect-ratio:958/628;color:var(--garden-ink)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body:is(.r27-home,.r35-shop) .r28-footer .r15-footer-brand>a>img{display:block;width:100%;height:100%;margin:0;object-fit:contain;opacity:0} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body:is(.r27-home,.r35-shop) .r28-footer .r15-footer-brand>a::before{content:'';position:absolute;inset:0;background:currentColor;-webkit-mask:url('ribbelle-bow-logo-mask-r50.png') center/contain no-repeat;mask:url('ribbelle-bow-logo-mask-r50.png') center/contain no-repeat;pointer-events:none} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body:is(.r27-home,.r35-shop) .r28-footer .r15-footer-brand>a:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:4px} /* == 13. Scoop detail photo frame ========================================= Theme-specific artwork carries its own pearl frame. Keep the existing subtle surrounding border when the selected cover filename changes. */ html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r40-scoop-page .r40-product-photo .r47-framed-photo[data-scoop-cover-zoom]{box-sizing:border-box;border:2px solid var(--garden-primary);border-radius:12px;background:var(--r76-t12);overflow:hidden} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home #scoop-gallery .sc-photo{border:1px solid var(--garden-primary);border-radius:6px;background:var(--r76-t08)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r73-box-detail .r27-product-info h1, html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r73-box-detail :is(.r27-includes,.r27-options)>h2{font-family:var(--r76-ui);font-weight:400} /* == 14. Phones, 699px ==================================================== Mirrors ribbelle-ice-blue-r55.css lines 37-51, section-headings-r56.css 88-102, swan-heading-r62.css 17-20, blue-finish-r64.css 26-29, swan-newsletter-r66.css 20-24, entrance-r60.css 36-38, home-refinement-r69.css 94-105, ribbelle-jewelry-boxes-r73.css 51-55. */ @media(max-width:699px){ html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header .sh-inner{padding:6px 12px 0!important;gap:0!important;min-height:0!important} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header .sh-mark{width:140px!important;max-width:46%;height:auto!important;aspect-ratio:640/215} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header .sh-nav-row{flex-basis:auto!important} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header .sh-nav{gap:5px!important} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header .sh-nav a{font-size:13px!important;padding:7px 1px!important;min-height:44px!important} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header .rb-language-menu, html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header .site-basket:not(.is-floating){top:5px!important} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header .rb-language-menu{left:8px} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sitehead.r37-header .site-basket:not(.is-floating){right:8px} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r27-home .r30-cover-art{width:min(100%,calc((100svh - 125px)*.8176))!important} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home #scoop{--r60-gutter:16px} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home #scoop>.r67-pearl-hem{width:min(620px,calc(100% + var(--r60-gutter) + var(--r60-gutter)),calc((100svh - 125px)*.8176))} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r27-home #scoop-gallery .sc-name{min-height:2.7em;font-size:17px;margin:10px 0 0} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r27-home #scoop-gallery .sc-price{margin-bottom:8px;font-size:16px} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r27-home #scoop-gallery .sc-includes{font-size:12px;min-height:3em} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home :is(#scoop,#jewelry-sets,#hair-accessories,#jewelry-boxes) .r34-heading{padding-inline:58px} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home :is(#scoop,#jewelry-sets,#hair-accessories,#jewelry-boxes) .r34-heading>.r34-sprig{width:52px;height:52px;left:2px;right:auto} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home :is(#scoop,#jewelry-sets,#hair-accessories,#jewelry-boxes) .r34-heading>.r34-sprig--right{left:auto;right:2px} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-store .r27-shop-heading>.r34-heading>.r34-sprig{width:52px;height:52px;left:2px;right:auto} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-store .r27-shop-heading>.r34-heading>.r34-sprig--right{left:auto;right:2px} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r36-news-ornament{width:52px;height:52px} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r27-category-links{gap:8px 6px} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r27-category-links a{padding-inline:12px} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r34-newsletter{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:24px;padding:20px 18px;border-radius:16px} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r34-newsletter>div{padding-inline-end:58px} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r34-newsletter .r36-news-ornament{top:18px;inset-inline-start:auto;inset-inline-end:14px} } @media(min-width:700px){ html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .r36-news-ornament::after{transform:none} } /* == 15. Narrow phones, 359px ============================================= Mirrors swan-heading-r62.css 21-23, blue-finish-r64.css 30-32, ribbelle-jewelry-boxes-r73.css 56-59, swan-shop-r66.css 31-33. */ @media(max-width:359px){ html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home :is(#scoop,#jewelry-sets,#hair-accessories,#jewelry-boxes) .r34-heading>.r34-sprig{width:44px;height:44px} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-store .r27-shop-heading>.r34-heading>.r34-sprig{width:44px;height:44px} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r28-footer-row{flex-wrap:wrap} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r28-footer-tools{max-width:100%;flex-wrap:wrap} } /* == 16. Mobile purchase dock, 899px ====================================== Mirrors footer-dock-r57.css lines 39-132 and 134-137. */ @media(max-width:899px){ html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .sticky{gap:12px;padding:5px 14px calc(5px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--r76-t12) 97%,transparent);border-top:1px solid var(--r76-line);box-shadow:0 -2px 12px color-mix(in srgb,var(--garden-ink) 8%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .sticky .sticky-choose{display:grid;grid-template-columns:minmax(0,1fr) 8px;align-content:center;align-items:center;column-gap:10px;row-gap:1px;min-width:0;min-height:44px;font:400 14px/1.35 var(--r76-ui);letter-spacing:0;color:var(--garden-ink);text-align:start} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .sticky .sticky-choose span{grid-column:1;grid-row:2;margin:0;font:400 11px/1.35 var(--r76-ui);color:var(--r76-muted);letter-spacing:0} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .sticky .sticky-choose::after{content:'';grid-column:2;grid-row:1/3;width:6px;height:6px;border-top:1.5px solid currentColor;border-inline-end:1.5px solid currentColor;transform:rotate(45deg);justify-self:center} html[dir=rtl][data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .sticky .sticky-choose::after{transform:rotate(-45deg)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .sticky .basket-button{flex:0 0 auto;gap:5px;min-width:66px;min-height:44px;padding:4px 8px;border:1px solid var(--r76-line);border-radius:14px;background:var(--r76-t20);color:var(--garden-ink);box-shadow:none} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .sticky .basket-button:hover{background:var(--r76-t32);border-color:var(--r76-line-strong);color:var(--garden-ink)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .sticky .basket-button .site-basket-icon{width:26px;height:26px} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .sticky .basket-button [data-cart-count]{min-width:19px;height:19px;padding:0 4px;border:0;background:var(--garden-ink);color:var(--garden-paper);font:600 10px/1 var(--r76-ui)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body.r27-home .sticky :is(.sticky-choose,.basket-button):focus-visible{outline:2px solid var(--garden-ink);outline-offset:2px} } @media(max-width:600px){ html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body:is(.r27-home,.r35-shop) .r28-footer .r15-footer-brand>a{width:124px} } /* == r80 (2026-09-16 小鱼看粉色预览后提的)：主按钮用窗帘本色，不用深 ink。 文字色按对比度分两组：浅色窗帘(pink/yellow/orange/purple)配深字，深色窗帘(green/red)配纸白。 */ html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r27-home #scoop-gallery .sc-choose, html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r27-button, html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sticky .basket-button{background:var(--garden-primary);border-color:var(--garden-primary);color:var(--r80-btn-fg,#2f2440)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r27-home #scoop-gallery .sc-choose:hover, html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .r27-button:hover, html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) .sticky .basket-button:hover{background:color-mix(in srgb,var(--garden-primary) 88%,var(--garden-ink));border-color:color-mix(in srgb,var(--garden-primary) 88%,var(--garden-ink))} html[data-garden-theme=green],html[data-garden-theme=red]{--r80-btn-fg:var(--garden-paper,#fff)} /* r80b: fallback HTML buttons and anything reading --purchase-green follow the curtain colour too. */ html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) body{--purchase-green:var(--garden-primary)} html[data-garden-theme]:is([data-garden-theme=pink],[data-garden-theme=purple],[data-garden-theme=yellow],[data-garden-theme=green],[data-garden-theme=orange],[data-garden-theme=red]) :is(.r17-home-shop,.r17-jewel-fallback,.r54-add-only){background:var(--garden-primary);border-color:var(--garden-primary);color:var(--r80-btn-fg,#2f2440)}