/* T-Tex landing controls · 2026-10-18. Shared geometry, each collection keeps its palette. */
:root{--ui-radius:14px;--ui-control-ink:var(--ink,#293d35);--ui-control-line:color-mix(in srgb,var(--ui-control-ink) 23%,transparent);--ui-control-tint:color-mix(in srgb,var(--ui-control-ink) 5%,transparent)}
body[data-ui-theme="2easy-bijoux"]{--ui-radius:10px}body[data-ui-theme="the-steel-lamp-baby-lamp"]{--ui-radius:22px}
.ui-arrow{display:inline-block;width:18px;height:18px;flex:0 0 18px;vertical-align:middle;pointer-events:none;overflow:visible}
a.button,a.pill,button.button,button.pill,header a.shop{min-height:48px;gap:22px;padding:14px 23px;border-radius:var(--ui-radius);font-size:12px;font-weight:500;line-height:1.35;letter-spacing:.15px;box-shadow:0 3px 9px #17231c0a,inset 0 1px 0 #ffffff18;transition:background .18s,color .18s,box-shadow .18s,transform .18s;text-decoration:none}
header a.shop{display:inline-flex;justify-content:space-between;align-items:center;min-width:103px;padding:12px 18px;min-height:44px;border-radius:var(--ui-radius)}
:is(.button,.pill,header .shop)>span:has(>.ui-arrow){display:inline-flex;align-items:center}
:is(.button,.pill,header .shop):active{transform:translateY(1px);box-shadow:inset 0 2px 5px #00000013}
.filters button,.tabs button{min-height:44px;border:1px solid var(--ui-control-line);border-radius:12px;background:transparent;padding:11px 17px;font-size:11px;line-height:1.35;font-weight:500;letter-spacing:.1px;transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s}
.filters button[aria-pressed="true"],.tabs button[aria-selected="true"]{background:var(--ui-control-ink);border-color:var(--ui-control-ink);color:#fff;box-shadow:0 2px 5px #17231c12}
.filters{gap:10px;flex-wrap:wrap}.tabs{gap:10px}
.back,.back-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:12px;border:1px solid var(--ui-control-line);padding:10px 14px;background:transparent;font-weight:500;font-size:11px;line-height:1.4;transition:background .18s,transform .18s}
a.text-link,button.text-link,.detail-links>a:not(.button),#photo-source{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;border:1px solid var(--ui-control-line);border-radius:12px;padding:11px 15px;font-size:11px;line-height:1.4;font-weight:500;letter-spacing:.1px;text-decoration:none;transition:background .18s,color .18s,border-color .18s,transform .18s}
.hero .text-link{border-color:color-mix(in srgb,currentColor 35%,transparent)}
.detail-copy>a.text-link{display:flex;max-width:none;width:fit-content;margin-top:12px}.detail-links{gap:10px;flex-wrap:wrap}.detail-links>a{margin-top:0}
.dialog-close,.photo-close,button.close{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:50%;background:var(--paper,#fffdf7);color:var(--ui-control-ink);border:1px solid var(--ui-control-line);box-shadow:0 3px 12px #0000000b;line-height:1;transition:background .18s,box-shadow .18s,transform .18s}
.dialog-close .ui-arrow,.photo-close .ui-arrow,button.close .ui-arrow{width:19px;height:19px;flex-basis:19px}
.detail-image>button,.photo-dialog-image>button,.gallery-nav>button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;background:var(--paper,#fffdf7);color:var(--ui-control-ink);border:1px solid var(--ui-control-line);border-radius:50%;box-shadow:0 2px 8px #00000008;line-height:1;transition:background .18s,box-shadow .18s,transform .18s}
.thumbnails button{overflow:hidden;border-radius:10px;transition:border-color .18s,box-shadow .18s,transform .18s}.thumbnails button[aria-pressed="true"],.thumbnails button.active{box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-control-ink) 25%,transparent);border-color:var(--ui-control-ink)}
.breadcrumb button,#photo-breadcrumb button{min-height:36px;border:0;border-bottom:1px solid var(--ui-control-line);border-radius:0;padding:5px 2px;background:none;transition:color .18s}
.search-box button,.photo-search button{display:grid;place-items:center;min-width:36px;min-height:36px;padding:0;border-radius:50%;transition:background .18s}
.ui-arrow:only-child{margin:0}.product-photo .arrow{display:grid;place-items:center}.product-photo .arrow .ui-arrow{width:16px;height:16px;flex-basis:16px}
:is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:4px}
@media(hover:hover){:is(.button,.pill,header .shop):hover{transform:translateY(-1px);box-shadow:0 5px 14px #17231c18,inset 0 1px 0 #ffffff18}.filters button:not([aria-pressed="true"]):hover,.tabs button:not([aria-selected="true"]):hover,.back:hover,.back-button:hover,.text-link:hover,.detail-links>a:not(.button):hover{background:var(--ui-control-tint);border-color:var(--ui-control-ink)}.dialog-close:hover,.photo-close:hover,button.close:hover,.detail-image>button:hover,.photo-dialog-image>button:hover,.gallery-nav>button:hover{box-shadow:0 4px 13px #00000018;transform:translateY(-1px)}.thumbnails button:hover{transform:translateY(-1px)}.search-box button:hover,.photo-search button:hover{background:var(--ui-control-tint)}}
@media(max-width:700px){a.button,a.pill,button.button,button.pill{font-size:11px;padding:13px 18px;min-height:46px;gap:18px}header a.shop{font-size:11px;min-width:91px;min-height:44px;padding:11px 15px}.filters button,.tabs button{font-size:10px;padding:10px 13px;min-height:44px;max-width:none}.ui-arrow{width:17px;height:17px;flex-basis:17px}.detail-copy>a.text-link{width:100%}.filters{gap:8px}.thumbnails button{min-width:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){:is(.button,.pill,header .shop,.filters button,.tabs button,.back,.back-button,.text-link,.dialog-close,.photo-close,.gallery-nav button,.thumbnails button){transition:none!important;transform:none!important}}
@supports not (color:color-mix(in srgb,black 20%,white)){:root{--ui-control-line:#c8cec6;--ui-control-tint:#00000008}}
@media(max-width:700px){dialog .detail-copy>a.button,dialog .detail-copy>.detail-links>a{width:100%;justify-content:space-between}.detail-copy .detail-links{width:100%}}