@charset "utf-8";img,video,svg{max-width:100%;height:auto}picture{max-width:100%;display:block}:root{--sa77-touch:44px}@media(max-width:640px){.ctaWrap{gap:4px}.ctaHint{display:none}\/\*\ keep\ header\ ultra\ clean\ on\ mobile\ \*\/}@media(max-width:640px){:root{--sa77-sticker-hover:1.14}}.bgimg{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:center var(--sa77-bg-pos-y,55%);z-index:0;pointer-events:none}html,body{margin:0;height:100%;overflow:hidden;background:#1a110b}:root{--sa77-sticker-hover:1.18;--sa77-amazon-scale:1.05;--sa77-bg-pos-y:45%;--sa77-surface-edge:rgba(44,32,20,.68);--sa77-surface-shoulder:rgba(44,32,20,.55);--sa77-surface-mid:rgba(44,32,20,.10);--sa77-surface-top:rgba(72,54,36,.72);--sa77-surface-bot:rgba(34,24,15,.56);--sa77-border:rgba(255,214,170,.30);--sa77-shadow:rgba(0,0,0,.38);--sa77-focus:rgba(255,214,170,.75);--sa77-glow:rgba(255,170,90,.35)}.topbar{position:fixed;top:18px;left:50%;transform:translateX(-50%)translateZ(0);width:calc(100% - 16px);max-width:1180px;z-index:10002;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-radius:14px;background:linear-gradient(90deg,var(--sa77-surface-edge)0%,var(--sa77-surface-shoulder)18%,var(--sa77-surface-mid)50%,var(--sa77-surface-shoulder)82%,var(--sa77-surface-edge)100%),linear-gradient(180deg,var(--sa77-surface-top),var(--sa77-surface-bot));border:1px solid var(--sa77-border);box-shadow:0 14px 34px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.10);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);will-change:transform,opacity;transition:transform .22s ease,opacity .22s ease,filter .22s ease}@keyframes sa77Float{0%,100%{top:18px}50%{top:15px}}@supports((-webkit-mask-image:linear-gradient(#000,#000))or(mask-image:linear-gradient(#000,#000))){.topbar{-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,1)0%,rgba(0,0,0,1)18%,rgba(0,0,0,.10)50%,rgba(0,0,0,1)82%,rgba(0,0,0,1)100%);mask-image:linear-gradient(90deg,rgba(0,0,0,1)0%,rgba(0,0,0,1)18%,rgba(0,0,0,.10)50%,rgba(0,0,0,1)82%,rgba(0,0,0,1)100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}.topbar.is-compact{animation:none;transform:translateX(-50%)translateY(-6px)scale(0.96)translateZ(0)}.topbar.is-compact .brand-name{font-size:clamp(14px,1.6vw,16px);font-size:14px}.topbar.is-compact .brand-sub{font-size:11px;opacity:.82}.topbar.is-compact .brand-mark{width:42px;height:42px;font-size:12px}.topbar.is-hidden{animation:none;opacity:0;transform:translateX(-50%)translateY(-120%)translateZ(0);pointer-events:none}.topbar::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-image:radial-gradient(circle at 12% 22%,rgba(255,255,255,.08)0 1px,transparent 2px),radial-gradient(circle at 62% 68%,rgba(255,255,255,.06)0 1px,transparent 2px),radial-gradient(circle at 86% 34%,rgba(0,0,0,.22)0 1px,transparent 2px),radial-gradient(circle at 28% 78%,rgba(0,0,0,.16)0 1px,transparent 2px);opacity:.55;filter:blur(.2px);mix-blend-mode:overlay}.topbar::after{content:"";position:absolute;inset:6px;border-radius:inherit;pointer-events:none;border:1px dashed rgba(255,214,170,.22);opacity:.9}.topbar:hover{animation-play-state:paused}.brand{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none;color:inherit}.brand:visited{text-decoration:none;color:inherit}.brand:hover{text-decoration:none}.brand-mark{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.95);font:900 14px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);box-shadow:0 18px 40px rgba(0,0,0,.25)}.brand-text{min-width:0}.brand-name{color:rgba(255,255,255,.95);font:900 16px/1.05 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.3px;white-space:normal;overflow:visible;text-overflow:clip}.brand-sub{margin-top:4px;color:rgba(255,255,255,.72);font:700 12px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.2px;white-space:normal;overflow:visible;text-overflow:clip}.cta{flex:0 0 auto;text-decoration:none;color:rgba(255,244,230,.98);font:900 12.5px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.55px;text-transform:uppercase;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,rgba(110,74,46,.55),rgba(40,25,14,.35));border:1px solid var(--sa77-border);box-shadow:0 14px 26px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(0,0,0,.35);position:relative;overflow:hidden;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);user-select:none;-webkit-tap-highlight-color:transparent}.cta::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background-image:radial-gradient(circle at 18% 35%,rgba(255,255,255,.14)0 1px,transparent 2px),radial-gradient(circle at 78% 62%,rgba(0,0,0,.25)0 1px,transparent 2px);opacity:.55;mix-blend-mode:overlay;pointer-events:none}.cta::after{content:"";position:absolute;inset:5px;border-radius:inherit;border:1px dashed rgba(255,214,170,.18);opacity:.85;pointer-events:none}.cta:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(0,0,0,.40),0 0 0 1px rgba(255,214,170,.14),0 0 22px rgba(255,184,115,.18),inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(0,0,0,.35)}.cta:active{transform:translateY(0px)}.cta:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(0,0,0,.40),0 0 0 1px rgba(255,214,170,.14),0 0 22px rgba(255,184,115,.18),inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(0,0,0,.35)}.cta:active{transform:scale(0.98)}.footer{position:fixed;left:50%;bottom:86px;transform:translateX(-50%);z-index:10002;display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:14px;border:1px solid var(--sa77-border);background:linear-gradient(90deg,var(--sa77-surface-edge)0%,var(--sa77-surface-shoulder)18%,var(--sa77-surface-mid)50%,var(--sa77-surface-shoulder)82%,var(--sa77-surface-edge)100%),linear-gradient(180deg,var(--sa77-surface-top),var(--sa77-surface-bot));box-shadow:0 16px 36px var(--sa77-shadow);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);max-width:calc(100vw - 24px)}.footerNav{display:flex;align-items:center;gap:8px;flex:1;min-width:0;justify-content:center;text-align:center;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.footerCopy{font:600 11px/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.2px;color:rgba(255,255,255,.70);white-space:nowrap;padding-left:8px;margin-left:0px;border-left:1px solid rgba(255,255,255,.12);pointer-events:none;user-select:none}@media(max-width:640px){.footerCopy{display:none}}.footerToggle{display:none;align-items:center;justify-content:center;gap:8px;min-height:var(--sa77-touch);min-width:var(--sa77-touch);padding:6px 10px;border-radius:14px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:rgba(255,255,255,.92);cursor:pointer;font:800 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.2px;-webkit-tap-highlight-color:transparent}.footerToggle:hover{background:rgba(255,255,255,.12)}.footerToggle:active{transform:scale(0.98)}.footerToggle__label{font:inherit}.footlink{min-height:var(--sa77-touch);min-width:var(--sa77-touch);display:inline-flex;align-items:center;justify-content:center;appearance:none;border:0;background:transparent;color:rgba(255,255,255,.90);font:800 13px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.2px;cursor:pointer;padding:4px 6px}.footlink:hover{text-decoration:underline}.dot{color:rgba(255,255,255,.44)}.spacer{width:10px}.copyright{color:rgba(255,255,255,.70);font:700 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;white-space:nowrap}@media(max-width:520px){.topbar{padding:12px 12px}.brand-mark{width:38px;height:38px}.brand-name{font-size:15px}.cta{padding:10px 12px;font-size:12px}.footer{bottom:46px}}.modal{position:fixed;inset:0;z-index:10050}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.66)}.modal-card{position:relative;display:flex;flex-direction:column;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(860px,calc(100vw - 28px));max-height:min(76vh,720px);overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.18);background:rgba(20,14,10,.72);box-shadow:0 28px 80px rgba(0,0,0,.55);isolation:isolate;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);outline:none}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.18)}.modal-title{font-size:clamp(15px,1.6vw,18px);color:rgba(255,255,255,.95);font:900 16px/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.3px}.modal-close{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:rgba(255,255,255,.92);cursor:pointer;font-size:18px;line-height:1;user-select:none}.modal-close:hover{background:rgba(255,255,255,.12)}.modal-close:active{transform:scale(0.98)}.modal-body{font-size:clamp(13px,1.2vw,14px);padding:14px 16px 18px;overflow:auto;flex:1;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;-ms-overflow-style:none;color:rgba(255,255,255,.88);font:600 14px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.modal-body h2{margin:0 0 8px;font-size:18px;letter-spacing:.2px}.modal-body h3{margin:14px 0 6px;font-size:15px;letter-spacing:.15px;color:rgba(255,255,255,.92)}.modal-body p{margin:0 0 10px}.modal-body .small{color:rgba(255,255,255,.72);font-weight:600;font-size:12px}html.modal-open,html.modal-open body{overflow:hidden}.stage{position:fixed;inset:0;z-index:9999;pointer-events:none}.swipe{position:fixed;left:0;top:0;width:clamp(260px,18vw,360px);aspect-ratio:1/1;height:auto;pointer-events:auto;transform:translate3d(var(--swipe-x,49vw),var(--swipe-y,38vh),0)translate(-50%,-50%);will-change:transform;contain:layout;overflow:visible}.swipe::before,.swipe::after{content:none !important;display:none !important}.slider-dots,.slider-overlay,.swipe-layer,.touch-area{display:none !important}.swipe img{width:100%;height:100%;object-fit:contain;transition:transform .4s ease}.swipe img:hover{transform:scale(var(--sa77-sticker-hover))}.nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;pointer-events:auto;border-radius:999px;border:1px solid rgba(255,214,170,.30);background:linear-gradient(90deg,rgba(28,20,14,.92)0%,rgba(28,20,14,.55)50%,rgba(28,20,14,.92)100%),linear-gradient(180deg,rgba(255,215,160,.10),rgba(0,0,0,.18));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font-size:26px;line-height:1;color:rgba(245,226,200,.98);cursor:pointer;z-index:10000;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px rgba(0,0,0,.35);opacity:.82;transition:transform .18s ease,opacity .18s ease,filter .18s ease,background .18s ease,color .18s ease}.nav::after{content:'';position:absolute;inset:2px;border-radius:999px;border:1px dashed rgba(255,214,170,.18);opacity:.9;pointer-events:none}.nav::before{content:'';position:absolute;inset:-10px;border-radius:999px;pointer-events:none;opacity:0;background:radial-gradient(closest-side,rgba(255,214,170,.22),rgba(255,214,170,0));filter:blur(8px);transition:opacity .18s ease}.nav:hover::before{opacity:1}.nav:hover{opacity:1;transform:translateY(-50%)scale(1.06);background:linear-gradient(180deg,rgba(255,226,195,.95),rgba(210,170,125,.92));color:#2a1a10}.nav:active{transform:translateY(-50%)scale(1.02)}.nav::after{content:"";position:absolute;inset:2px;border-radius:999px;border:1px dashed rgba(255,214,170,.18);opacity:.95;pointer-events:none}.nav::before{content:"";position:absolute;inset:-10px;border-radius:999px;pointer-events:none;opacity:0;background:radial-gradient(closest-side,rgba(255,214,170,.22),rgba(255,214,170,0));filter:blur(8px);transition:opacity .18s ease}.nav:hover::before{opacity:1}.nav:hover{opacity:1;transform:translateY(-50%)scale(1.03);background:linear-gradient(180deg,rgba(255,226,195,.96),rgba(220,185,150,.90));color:#21170f;filter:brightness(1.02)}.nav:active{transform:translateY(-50%)scale(.98)}.nav::after{content:"";position:absolute;inset:2px;border-radius:999px;border:1px dashed rgba(255,214,170,.18);opacity:.9;pointer-events:none}.nav::before{content:"";position:absolute;inset:-10px;border-radius:999px;pointer-events:none;opacity:0;background:radial-gradient(closest-side,rgba(255,214,170,.22),rgba(255,214,170,0));filter:blur(8px);transition:opacity .18s ease}.nav:hover::before{opacity:1}.nav:hover{opacity:1;transform:translateY(-50%)scale(1.02);background:linear-gradient(180deg,rgba(255,226,195,.96),rgba(205,164,118,.90));color:rgba(36,24,16,.98);border-color:rgba(255,214,170,.50);box-shadow:0 18px 34px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.22)}.nav:hover{background:rgba(0,0,0,.38)}.nav:active{transform:translateY(-50%)scale(0.96)}.prev{left:-70px}.next{right:-70px}.hint.hide{opacity:0}@media(max-width:520px){.nav{width:40px;height:40px;font-size:24px}.prev{left:-84px}.next{right:-84px}.hint{bottom:12px;font-size:13px}}.footerFade{position:fixed;left:0;right:0;bottom:0;height:180px;z-index:10000;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,0)0%,rgba(0,0,0,.18)45%,rgba(0,0,0,.42)78%,rgba(0,0,0,.58)100%)}.microPatch{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:14px;border:1px solid rgba(255,210,160,.22);background:linear-gradient(180deg,rgba(30,22,15,.35),rgba(10,7,4,.28));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.22)}.stickyAmazon{position:fixed;overflow:hidden;right:22px;bottom:22px;z-index:10003;display:none;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:14px;--amz-bg-top:rgba(30,22,15,.82);--amz-bg-bot:rgba(10,7,4,.78);--amz-fg:rgba(255,255,255,.92);--amz-border:rgba(255,210,160,.28);border:1px solid var(--amz-border);background:radial-gradient(120% 140% at 20% 0%,rgba(255,230,190,.14)0%,rgba(0,0,0,0)40%),linear-gradient(180deg,var(--amz-bg-top),var(--amz-bg-bot));color:var(--amz-fg);text-decoration:none;font:900 13px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 14px 36px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transform:translateY(0)scale(var(--sa77-amazon-scale));transition:transform .16s ease,box-shadow .22s ease,filter .22s ease,background .22s ease,color .22s ease,border-color .22s ease}.stickyAmazon::before{content:"";position:absolute;inset:0;border-radius:14px;pointer-events:none;opacity:.18;background:radial-gradient(18px 18px at 10px 10px,rgba(255,255,255,.10)0%,rgba(255,255,255,0)72%),radial-gradient(18px 18px at calc(100% - 10px)10px,rgba(255,255,255,.10)0%,rgba(255,255,255,0)72%),radial-gradient(22px 22px at 12px calc(100% - 10px),rgba(0,0,0,.22)0%,rgba(0,0,0,0)72%),radial-gradient(22px 22px at calc(100% - 12px)calc(100% - 10px),rgba(0,0,0,.22)0%,rgba(0,0,0,0)72%),repeating-linear-gradient(135deg,rgba(255,255,255,.05)0 2px,rgba(255,255,255,0)2px 6px);mix-blend-mode:overlay}body.sticky-amazon-on .stickyAmazon{display:inline-flex}.stickyAmazon:hover{--amz-bg-top:rgba(255,226,190,.92);--amz-bg-bot:rgba(230,192,150,.92);--amz-fg:rgba(18,12,8,.96);--amz-border:rgba(255,226,190,.72);transform:translateY(-2px)scale(calc(var(--sa77-amazon-scale)* 1.02));box-shadow:0 18px 46px rgba(0,0,0,.46),0 0 22px rgba(255,200,120,.25),inset 0 1px 0 rgba(255,255,255,.20);filter:brightness(1.02)}.stickyAmazon:active{transform:translateY(0px)scale(calc(var(--sa77-amazon-scale)* 0.98));box-shadow:0 10px 28px rgba(0,0,0,.38),inset 0 2px 8px rgba(0,0,0,.22)}.stickyAmazon__shine{position:absolute;inset:-1px;border-radius:14px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0)0%,rgba(255,255,255,.10)48%,rgba(255,255,255,0)100%);opacity:.35;filter:blur(1px);mask-image:linear-gradient(90deg,transparent 0%,black 50%,transparent 100%)}.stickyAmazon__text{position:relative;z-index:1}@media(max-width:520px){.stickyAmazon{right:14px;bottom:88px}}@media(max-width:720px){.topbar{top:10px;width:calc(100% - 14px);padding:10px 12px;gap:10px}.topbar .brand-sub{display:none}.topbar .brand-name{font-size:14px;letter-spacing:.2px}.topbar .cta{padding:9px 12px;font-size:12px}}@media(max-width:420px){.topbar{border-radius:22px}.topbar .cta{padding:8px 10px}}@media(max-width:720px){.stickyAmazon{right:12px;bottom:12px;transform:scale(0.92);transform-origin:bottom right}}a:focus-visible,button:focus-visible,[role="button"]:focus-visible{outline:2px solid var(--sa77-focus);outline-offset:3px;border-radius:12px}.hero-sticker.is-tapped{transform:scale(var(--sa77-sticker-hover));filter:brightness(1.06)}.sticker-caption{position:absolute;left:50%;bottom:-52px;transform:translateX(-50%);padding:10px 14px;border-radius:14px;font-size:13px;letter-spacing:.02em;white-space:nowrap;max-width:calc(100vw - 40px);overflow:hidden;text-overflow:ellipsis;pointer-events:none}.swipe.is-featured .hero-sticker{width:100%;height:100%;display:block;transform:scale(1.04)}@media(max-width:520px){.sticker-caption{bottom:-46px;font-size:12px;padding:9px 12px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sa77-tooltip{position:fixed;top:0;left:0;z-index:20050;pointer-events:none;opacity:0;transition:opacity 120ms ease,transform 120ms ease;transform:translate(-9999px,-9999px);padding:9px 12px;border-radius:12px;max-width:min(300px,76vw);font-size:11.5px;line-height:1.38;letter-spacing:.03em;color:rgba(248,232,209,.96);background:linear-gradient(180deg,rgba(34,23,15,.96),rgba(22,14,10,.94));border:1px solid rgba(255,214,170,.24);box-shadow:0 16px 36px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);white-space:normal;overflow:visible;text-overflow:clip}.sa77-tooltip::after{content:"";position:absolute;inset:2px;border-radius:10px;border:1px dashed rgba(255,214,170,.16);opacity:.9}.sa77-tooltip::before{content:"";position:absolute;left:16px;top:-6px;width:10px;height:10px;transform:rotate(45deg);background:rgba(28,19,13,.96);border-left:1px solid rgba(255,214,170,.18);border-top:1px solid rgba(255,214,170,.18)}@media(hover:none){.sa77-tooltip{display:none}}.sa77-tooltip.is-lg{font-size:12.5px;padding:10px 14px;max-width:min(360px,84vw)}.modal-body::-webkit-scrollbar{width:0;height:0}.modal-scrollhint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:8px 14px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity 120ms ease;z-index:20060}.modal-scrollhint.show{opacity:1}.cookieBanner{position:fixed;left:16px;right:16px;bottom:16px;z-index:21000;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.cookieBanner__text{font-size:13px;line-height:1.35;opacity:.95}.cookieBanner__link{text-decoration:underline}.cookieBanner__btn{border:1px solid var(--sa77-border);background:rgba(255,215,165,.12);color:var(--sa77-ink,#f3d7b2);padding:8px 12px;border-radius:14px;cursor:pointer}.cookieBanner__btn:hover{filter:brightness(1.12)}body.legalpage{min-height:100vh}.legalPageWrap{padding:28px 18px 44px;max-width:980px;margin:0 auto}.legalBrand{display:inline-block;margin-bottom:14px;text-decoration:none}.legalCard{padding:18px 18px}.legalCard h2{margin-top:0}.legalFooter{margin-top:18px;opacity:.9}.legalFooter a{text-decoration:none}a,a:visited{color:inherit;text-decoration:none}a:hover{text-decoration:none}.modal a,.cookieBanner a,footer a,header a{color:inherit;text-decoration:none}.modal a:hover,.cookieBanner a:hover,footer a:hover,header a:hover{text-decoration:underline;text-decoration-color:rgba(255,214,170,.55);text-underline-offset:3px}.cookieBanner{background:linear-gradient(180deg,rgba(40,28,20,.96),rgba(24,16,11,.92));border:1px solid rgba(255,214,170,.30);box-shadow:0 14px 40px rgba(0,0,0,.55);backdrop-filter:blur(6px)}.cookieBanner__text{font-size:14px;line-height:1.35;color:rgba(255,230,205,.95)}.cookieBanner__link{font-weight:700;opacity:.95}.cookieBanner__btn{background:linear-gradient(180deg,rgba(255,214,170,.95),rgba(230,194,154,.90));color:rgba(26,19,13,.98);border:1px solid rgba(26,19,13,.35)}.cookieBanner__btn:hover{filter:brightness(1.03)}.sa77-tooltip{z-index:99999 !important}header .cta{background:linear-gradient(180deg,rgba(255,226,195,.96),rgba(230,194,154,.92));color:rgba(26,19,13,.98);border:1px solid rgba(26,19,13,.35);box-shadow:0 10px 26px rgba(0,0,0,.45)}header .cta:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(0,0,0,.40),0 0 0 1px rgba(255,214,170,.14),0 0 22px rgba(255,184,115,.18),inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(0,0,0,.35)}.cookieBanner__link{background:transparent;border:none;padding:0;margin:0;cursor:pointer;font:inherit;text-align:left}.cookieBanner__link{background:transparent;border:0;padding:0;margin-left:6px;color:rgba(255,230,205,.96);font-weight:700;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(255,214,170,.55);text-underline-offset:3px}.cookieBanner__link:hover{filter:brightness(1.06)}.cta{background:linear-gradient(180deg,rgba(255,214,170,.95),rgba(230,194,154,.88));color:rgba(26,19,13,.98);border:1px solid rgba(26,19,13,.35)}.cta:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(0,0,0,.40),0 0 0 1px rgba(255,214,170,.14),0 0 22px rgba(255,184,115,.18),inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(0,0,0,.35)}.navBtn,.navBtn:focus,.navBtn:active{outline:none}.navBtn:focus-visible{box-shadow:0 0 0 3px rgba(255,214,170,.28),0 10px 24px rgba(0,0,0,.22);border-radius:14px}.navBtn{border-radius:14px !important;overflow:hidden;appearance:none;-webkit-appearance:none}.navBtn:focus,.navBtn:focus-visible{outline:none !important;border-radius:14px !important}.navBtn:focus-visible{box-shadow:0 0 0 3px rgba(255,214,170,.22),0 10px 24px rgba(0,0,0,.22)!important}.navBtn{border-radius:14px !important;outline:none !important;box-shadow:none !important;-webkit-tap-highlight-color:transparent}.navBtn:focus,.navBtn:focus-visible,.navBtn:active{outline:none !important;box-shadow:none !important;border-radius:14px !important}@media(hover:hover){.navBtn:hover{filter:brightness(1.06)}}.navBtn::after{content:"";position:absolute;inset:-6px;border-radius:14px;pointer-events:none;opacity:0;background:radial-gradient(closest-side,rgba(255,214,170,.18),rgba(255,214,170,0));filter:blur(6px);transition:opacity .18s ease}@media(hover:hover){.navBtn:hover::after{opacity:1}}.nav{outline:none;-webkit-tap-highlight-color:transparent}.nav:focus,.nav:focus-visible{outline:none !important;box-shadow:none !important;border-radius:999px !important}.cookieBanner[hidden]{display:none !important}.sa77-tooltip{pointer-events:none !important}*{box-sizing:border-box}body{overflow-x:hidden}@media(max-width:640px){:root{--sa77-bg-pos-y:86%}.topbar{top:10px;width:calc(100% - 14px);padding:10px 12px;gap:10px}.brand-text .brand-sub{display:none}.brand-text .brand-name{font-size:14px}.brand-mark{width:44px;height:44px;font-size:14px}.cta{padding:9px 12px;font-size:13px;white-space:nowrap}.nav{width:40px;height:40px;font-size:24px}.footer{bottom:44px;padding:8px 10px;gap:8px;flex-direction:column;align-items:stretch;justify-content:center;text-align:center;border-radius:22px;background:rgba(28,18,10,.40);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.footerToggle{display:inline-flex;width:100%}.footerNav{display:none;width:100%;flex-direction:column;gap:6px;padding:10px 0 4px;border-top:1px solid rgba(255,214,170,.14);max-height:min(52vh,420px);overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.footerNav::-webkit-scrollbar{width:0;height:0}.footer.is-open{background:rgba(20,14,10,.72)}.footer.is-open .footerNav{display:flex}.footer.is-open .dot{display:none}.footer.is-open .footlink{width:100%;justify-content:center;padding:10px 8px}.footerToggle[aria-expanded="true"]{background:rgba(255,255,255,.12)}.footer .spacer{display:none}.footlink{font-size:12px;padding:3px 6px}.copyright{width:100%;opacity:.92;font-size:11px}}@media(max-width:420px){:root{--sa77-bg-pos-y:90%}}@media(min-width:641px)and(max-width:1024px){:root{--sa77-bg-pos-y:62%}.nav{width:44px;height:44px;font-size:26px}.footer{bottom:52px}}@media(max-width:720px){.topbar,.footer,.cta,.nav,.cookieBanner,.modal-card{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}.nav{box-shadow:0 12px 28px rgba(0,0,0,.32)}.topbar{box-shadow:0 12px 28px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.08)}}.swipe{isolation:isolate}.swipe::after{content:"";position:absolute;inset:2%;border-radius:20px;pointer-events:none;opacity:0;background:linear-gradient(135deg,rgba(255,255,255,0.00)0%,rgba(255,255,255,0.20)35%,rgba(255,255,255,0.00)70%);mix-blend-mode:overlay;filter:blur(0.2px);transform:translateX(-12%)rotate(-8deg);transition:opacity .22s ease,transform .22s ease;z-index:2}@media(hover:hover){.swipe:hover::after{opacity:.22;transform:translateX(0)rotate(-8deg)}}.seo-text{max-width:900px;margin:56px auto 24px;padding:0 18px;line-height:1.65;font-size:16px}.seo-text h2{font-size:18px;margin:0 0 10px}.seo-text p{margin:0 0 12px}.seo-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;padding:0 18px 28px}.seo-links a{opacity:.75;text-decoration:underline}.seo-links a:hover{opacity:1}.legal-page{max-width:820px;margin:40px auto;padding:0 18px;line-height:1.65}.legal-page h1{margin:0 0 14px}.legal-page a{text-decoration:underline}[hidden]{display:none !important}.swipe{background:transparent !important;box-shadow:none !important;border:0 !important;outline:none !important}#caption:empty{display:none !important}.swipe,.swipe *{-webkit-tap-highlight-color:transparent}.seo-links{display:none !important}.ctaWrap{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.ctaHint{color:rgba(255,230,205,.78);font:700 11.5px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.15px;text-align:right;max-width:220px}@media(max-width:640px){.ctaWrap{gap:3px}.ctaHint{display:block;font-size:10.5px;max-width:180px;opacity:.85}}.brandStoryMini{margin:-2px 0 10px;color:rgba(255,230,205,.78);font:700 12px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.brandStoryMini strong{color:rgba(255,236,220,.94)}.seoCTA{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,214,170,.14);display:flex;flex-direction:column;gap:8px}.seoCTA__btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:14px;border:1px solid rgba(26,19,13,.35);background:linear-gradient(180deg,rgba(255,214,170,.95),rgba(230,194,154,.90));color:rgba(26,19,13,.98)!important;font:900 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.6px;text-transform:uppercase;box-shadow:0 14px 30px rgba(0,0,0,.38)}.seoCTA__btn:hover{filter:brightness(1.03);box-shadow:0 0 22px rgba(255,200,120,.28),0 14px 30px rgba(0,0,0,.38);text-decoration:none !important}.seoCTA__btn{gap:8px}.seoCTA__btn .amzIcon{display:inline-flex;width:18px;height:18px;opacity:.92}.seoCTA__btn .amzIcon svg{width:18px;height:18px;display:block}.seoCTA__btn .amzText{display:inline-block}.seoCTA__note{font-size:10.5px;opacity:.78;margin-top:6px;letter-spacing:.02em}.seoCTA__note{color:rgba(255,230,205,.72);font:600 12px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.shareBar{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;max-width:100%}.shareBtn{appearance:none;border:1px solid rgba(255,214,170,.22);background:linear-gradient(180deg,rgba(40,28,20,.62),rgba(24,16,11,.48));color:rgba(255,230,205,.92);font:800 11px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.4px;text-transform:uppercase;padding:6px 9px;border-radius:14px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;text-decoration:none}.shareBtn:hover{filter:brightness(1.06);box-shadow:0 0 18px rgba(255,200,120,.22)}.shareBtn:active{transform:scale(.98)}.shareBtn.is-ok{background:linear-gradient(180deg,rgba(255,214,170,.92),rgba(230,194,154,.88));color:rgba(26,19,13,.98);border-color:rgba(26,19,13,.35)}@media(max-width:640px){.shareBar{gap:5px}.shareBtn{padding:6px 8px;font-size:10.5px}}.shareBtn--icon{width:28px;height:28px;padding:0 !important;display:inline-flex;align-items:center;justify-content:center;gap:0}.shareBtn--icon svg{width:16px;height:16px;display:block;opacity:.92}.shareBtn--icon:hover svg{opacity:1}.shareBtn--icon:hover{background:linear-gradient(180deg,rgba(255,214,170,.92),rgba(230,194,154,.88));color:rgba(26,19,13,.98);border-color:rgba(26,19,13,.35);box-shadow:0 0 18px rgba(255,200,120,.22)}.shareBtn--icon:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(255,214,170,.22),0 0 24px rgba(255,200,120,.18)}.shareBtn--icon.is-ok{position:relative}.shareBtn--icon.is-ok::after{content:attr(data-ok);position:absolute;bottom:calc(100%+8px);left:50%;transform:translateX(-50%);background:rgba(26,19,13,.92);border:1px solid rgba(255,214,170,.22);color:rgba(255,230,205,.96);padding:6px 8px;border-radius:999px;font:800 10px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.5px;white-space:nowrap}@media(max-width:640px){.shareBtn--icon{width:30px;height:30px}.shareBtn--icon svg{width:16px;height:16px}}.shareBar.shareBar--footer{position:fixed;left:50%;bottom:8px;transform:translateX(-50%);z-index:10000;display:flex;justify-content:center;align-items:center;gap:10px;padding:0;flex-wrap:nowrap;pointer-events:auto}@media(max-width:420px){.shareBar.shareBar--footer{gap:8px;bottom:calc(env(safe-area-inset-bottom)+4px)}}.shareBtn[data-tooltip]{position:relative}.shareBtn[data-tooltip]::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100%+10px);transform:translateX(-50%)translateY(4px);opacity:0;pointer-events:none;white-space:nowrap;font-size:12px;letter-spacing:0.06em;padding:7px 10px;border-radius:14px;color:rgba(255,255,255,0.92);background:rgba(35,26,18,0.86);border:1px solid rgba(235,210,170,0.28);box-shadow:0 10px 30px rgba(0,0,0,0.35);backdrop-filter:blur(6px);transition:opacity .16s ease,transform .16s ease;z-index:50}.shareBtn[data-tooltip]::before{content:"";position:absolute;left:50%;bottom:calc(100%+4px);transform:translateX(-50%);opacity:0;width:10px;height:10px;background:rgba(35,26,18,0.86);border-left:1px solid rgba(235,210,170,0.28);border-top:1px solid rgba(235,210,170,0.28);transform:translateX(-50%)rotate(45deg);transition:opacity .16s ease;z-index:49}.shareBtn:hover::after,.shareBtn:focus-visible::after{opacity:1;transform:translateX(-50%)translateY(0)}.shareBtn:hover::before,.shareBtn:focus-visible::before{opacity:1}.shareBtn{transition:transform .16s ease,filter .16s ease,background-color .16s ease}.shareBtn:hover,.shareBtn:focus-visible{transform:translateY(-1px)scale(1.04);filter:brightness(1.08)}.cta{position:relative;overflow:hidden}.cta .ctaText{position:relative;z-index:1}.cta .ctaShine{position:absolute;inset:-2px;border-radius:14px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0)0%,rgba(255,255,255,.18)48%,rgba(255,255,255,0)100%);opacity:0;transform:translateX(-120%);filter:blur(0.5px)}body.is-loaded .cta .ctaShine{opacity:0;transform:translateX(-120%)}@keyframes sa77CtaShine{0%{opacity:0;transform:translateX(-120%)}20%{opacity:.35}60%{opacity:.28}100%{opacity:0;transform:translateX(120%)}}body{opacity:0;transition:opacity 600ms ease}body.is-loaded{opacity:1}body.is-loaded .swipe img{animation:none !important}body.is-loaded .topbar,body.is-loaded .swipe,body.is-loaded .footer,body.is-loaded .shareBar.shareBar--footer{transition:none !important}}.shareBar.shareBar--footer{position:relative;left:auto;bottom:auto;transform:none;z-index:10;margin:14px auto 6px;padding:0;gap:10px;background:transparent;display:flex;justify-content:center;align-items:center}.shareBtn--icon{width:26px;height:26px}.shareBtn--icon svg{width:14px;height:14px}@media(max-width:520px){.shareBar.shareBar--footer{margin:12px auto 6px;gap:9px}.shareBtn--icon{width:24px;height:24px}.shareBtn--icon svg{width:13px;height:13px}}.shareBtn[data-tooltip]::after{font-size:11px;padding:6px 9px;letter-spacing:.08em}.cta:focus-visible{outline:none;box-shadow:0 18px 34px rgba(0,0,0,.40),0 0 0 2px rgba(255,214,170,.20),0 0 26px rgba(255,184,115,.22),inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(0,0,0,.35)}.brandStoryMini{padding:10px 12px;border-radius:14px;border:1px solid rgba(255,214,170,.16);background:linear-gradient(180deg,rgba(32,22,15,.55),rgba(18,12,8,.36));color:rgba(255,242,230,.90)}.brandStoryMini div{margin:2px 0}.brandStoryTag{margin-top:6px;font-size:11px;opacity:.78;letter-spacing:.02em}.stickerWrap{position:relative;width:100%;height:100%;overflow:visible}.stickerWrap::after{content:"";position:absolute;inset:0;border-radius:22px;pointer-events:none;opacity:0;mix-blend-mode:screen;background:linear-gradient(135deg,rgba(255,255,255,0)0%,rgba(255,255,255,.20)35%,rgba(255,255,255,0)72%);transform:translateX(-14%)translateY(-10%)rotate(-12deg);transition:opacity .22s ease,transform .45s ease;filter:blur(.2px)}@media(hover:hover){.swipe:hover .stickerWrap::after{opacity:.62;transform:translateX(14%)translateY(10%)rotate(-12deg)}.swipe:hover .hero-sticker{transform:scale(var(--sa77-sticker-hover))}}.ctaHint{font-size:8.5px !important;letter-spacing:.12px;opacity:.82;text-align:center !important;width:100%;align-self:stretch;max-width:none !important;margin-top:1px}@media(hover:hover){header .cta:hover{background:linear-gradient(180deg,rgba(60,40,24,.95),rgba(22,14,9,.92))!important;color:rgba(255,244,230,.98)!important;border-color:rgba(255,214,170,.28)!important;filter:none !important}}.sa77-tooltip{white-space:normal !important;overflow:visible !important;text-overflow:clip !important;max-width:min(360px,88vw)!important;line-height:1.25 !important}.shareBar.shareBar--footer{position:fixed !important;left:50% !important;bottom:calc(env(safe-area-inset-bottom)+2px)!important;transform:translateX(-50%)!important;margin:0 !important;z-index:10003 !important}@media(max-width:520px){.shareBtn--icon{width:22px !important;height:22px !important}.shareBtn--icon svg{width:12px !important;height:12px !important}.shareBar.shareBar--footer{gap:8px !important}}.shareBar.shareBar--footer{bottom:calc(env(safe-area-inset-bottom)+12px)!important}.newsletterMini{margin:14px 0 2px;padding:12px 12px;border-radius:16px;border:1px solid rgba(255,214,170,.18);background:linear-gradient(180deg,rgba(40,28,20,.46),rgba(24,16,11,.36));box-shadow:0 0 18px rgba(0,0,0,.22)}.newsletterMini__title{font:900 12px/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.35px;text-transform:uppercase;color:rgba(255,230,205,.92);margin:0 0 8px}.newsletterMini__row{display:flex;gap:8px;align-items:center}.newsletterMini__input{flex:1;min-width:0;height:34px;padding:0 12px;border-radius:14px;border:1px solid rgba(255,214,170,.22);background:rgba(18,12,8,.42);color:rgba(255,245,236,.94);outline:none}.newsletterMini__input::placeholder{color:rgba(255,230,205,.58)}.newsletterMini__input:focus{box-shadow:0 0 0 3px rgba(255,214,170,.16),0 0 18px rgba(255,200,120,.14)}.newsletterMini__btn{height:34px;padding:0 12px;border-radius:14px;border:1px solid rgba(255,214,170,.22);background:linear-gradient(180deg,rgba(255,214,170,.90),rgba(230,194,154,.84));color:rgba(26,19,13,.98);font:900 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;cursor:pointer;white-space:nowrap}.newsletterMini__btn:hover{filter:brightness(1.03);box-shadow:0 0 18px rgba(255,200,120,.20)}.newsletterMini__btn:active{transform:scale(.985)}.newsletterMini__fineprint{margin-top:8px;font:600 11px/1.35 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:rgba(255,230,205,.72)}@media(max-width:520px){.newsletterMini{padding:11px 11px}.newsletterMini__title{font-size:11.5px}.newsletterMini__input,.newsletterMini__btn{height:32px}.newsletterMini__btn{font-size:11.5px;padding:0 11px}}body::after{content:"";position:fixed;inset:0;pointer-events:none;opacity:0;display:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");background-size:160px 160px}body.is-loaded::after{animation:none !important}@keyframes sa77GrainPop{0%{opacity:0;transform:scale(1.02)}35%{opacity:.18;transform:scale(1)}100%{opacity:0;transform:scale(1)}}@media(prefers-reduced-motion:reduce){body::after{display:none !important}}.shareBtn[data-tooltip]::before,.shareBtn[data-tooltip]::after{display:none !important;content:none !important}.topbar{top:12px !important;padding:9px 16px !important}.topbar .brand-mark{width:40px !important;height:40px !important}.topbar .brand-name{font-size:13px !important}.topbar .brand-sub{font-size:10.5px !important}.topbar .cta{padding:10px 14px !important}@media(max-width:520px){.topbar{top:10px !important;padding:8px 12px !important}.topbar .brand-mark{width:38px !important;height:38px !important}.topbar .cta{padding:9px 12px !important}}.newsletterMini{margin:14px 0 2px;padding:12px 12px 11px;border-radius:14px;border:1px solid rgba(255,214,170,.18);background:linear-gradient(180deg,rgba(26,19,13,.78),rgba(18,12,8,.62));box-shadow:0 10px 34px rgba(0,0,0,.28)}.newsletterMini__title{font:900 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,230,205,.92);margin-bottom:9px}.newsletterMini__row{display:flex;gap:8px;align-items:center}.newsletterMini__input{flex:1;min-width:0;height:34px;border-radius:11px;padding:0 11px;border:1px solid rgba(255,214,170,.22);background:rgba(10,7,5,.45);color:rgba(255,240,225,.95);outline:none}.newsletterMini__input::placeholder{color:rgba(255,230,205,.55)}.newsletterMini__input:focus{box-shadow:0 0 0 3px rgba(255,214,170,.18),0 0 26px rgba(255,200,120,.14)}.newsletterMini__btn{height:34px;padding:0 12px;border-radius:14px;border:1px solid rgba(26,19,13,.35);background:linear-gradient(180deg,rgba(255,214,170,.92),rgba(230,194,154,.88));color:rgba(26,19,13,.98);font:900 11px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.06em;cursor:pointer}.newsletterMini__btn:hover{filter:brightness(1.02);box-shadow:0 0 18px rgba(255,200,120,.18)}.newsletterMini__btn:active{transform:scale(.985)}.newsletterMini__fineprint{margin-top:8px;font:600 11px/1.25 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:rgba(255,230,205,.68)}@media(max-width:520px){.newsletterMini{padding:11px 11px 10px}.newsletterMini__row{gap:7px}.newsletterMini__input{height:32px}.newsletterMini__btn{height:32px;padding:0 11px}}body{background-color:#0e0a06}body::after{content:"";position:fixed;inset:0;pointer-events:none;opacity:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='96' height='96' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");background-size:160px 160px;mix-blend-mode:overlay;display:none}body.is-loaded::after{animation:none}@keyframes sa77GrainPop{0%{opacity:0}35%{opacity:.20}100%{opacity:0}}@media(prefers-reduced-motion:reduce){body.is-loaded::after{animation:none !important}}body.is-loaded .swipe img{animation:none !important}body.is-loaded .cta .ctaShine{opacity:0;transform:translateX(-120%)}.shareBtn[data-tooltip]::before,.shareBtn[data-tooltip]::after{display:none !important;content:none !important}.srOnly{display:block;margin:0 0 6px;font:800 12px/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,244,230,.82)}.modal-close{transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease}.modal-close:hover{background:linear-gradient(180deg,rgba(255,226,195,.96),rgba(230,194,154,.92));color:rgba(26,19,13,.98);border-color:rgba(26,19,13,.38);box-shadow:0 14px 34px rgba(0,0,0,.42),0 0 18px rgba(255,200,120,.18),inset 0 1px 0 rgba(255,255,255,.22)}.modal-close:focus-visible{outline:2px solid rgba(255,214,170,.75);outline-offset:3px}.sa77-context-menu{position:fixed;min-width:180px;max-width:min(300px,calc(100vw - 24px));max-height:min(320px,calc(100vh - 24px));overflow:auto;font-size:13px;line-height:1.2;background:rgba(60,42,28,0.92);color:#e8d2b3;border:1px solid rgba(255,215,160,0.22);border-radius:14px;padding:6px;backdrop-filter:blur(8px);box-shadow:0 14px 28px rgba(0,0,0,0.45),inset 0 0 18px rgba(255,255,255,0.04);z-index:9999}.sa77-context-item{min-height:34px;width:100%;border:0;background:transparent;color:inherit;text-align:left;font:inherit;padding:7px 8px;border-radius:9px;cursor:pointer;letter-spacing:0.2px;outline:none}.sa77-context-item:hover,.sa77-context-item:focus-visible{background:rgba(232,210,179,0.92);color:#3b2a1d}.sa77-context-divider{height:1px;background:rgba(255,215,160,0.14);margin:6px 2px;border-radius:1px}.sa77-context-menu *{-webkit-tap-highlight-color:transparent}@media(hover:none){.sa77-context-menu{display:none !important}}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:9999}.skip-link:focus{left:16px;top:16px;width:auto;height:auto;padding:10px 12px;border-radius:12px;background:rgba(18,18,22,.92);color:#fff;outline:2px solid currentColor;outline-offset:2px}:focus-visible{outline:2px solid currentColor;outline-offset:3px}.is-mobile-home .hero{background-image:url("assets/mobile/sepiaartco1977_mobile_1080px.webp");background-image:-webkit-image-set(url("assets/mobile/sepiaartco1977_mobile_720px.webp")1x,url("assets/mobile/sepiaartco1977_mobile_1080px.webp")2x);background-image:image-set(url("assets/mobile/sepiaartco1977_mobile_720px.webp")1x,url("assets/mobile/sepiaartco1977_mobile_1080px.webp")2x);background-size:cover;background-position:center}.is-mobile-home .desktopLink{font-size:12px;opacity:.8;text-decoration:none}.is-mobile-home .desktopLink:hover{opacity:1;text-decoration:underline}.is-mobile-home .footer{padding:10px 14px}.contactForm .formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:720px){.contactForm .formGrid{grid-template-columns:1fr}}.contactForm .formRow{display:flex;flex-direction:column;gap:8px}.contactForm label{font:800 12px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.2px;color:rgba(255,255,255,.86)}.contactForm input,.contactForm select,.contactForm textarea{width:100%;padding:12px 12px;border-radius:14px;border:1px solid rgba(255,214,170,.18);background:rgba(0,0,0,.22);color:rgba(255,255,255,.92);outline:none}.contactForm input:focus,.contactForm select:focus,.contactForm textarea:focus{border-color:rgba(255,214,170,.35);box-shadow:0 0 0 3px rgba(255,214,170,.10)}.contactForm .formCheck{margin-top:8px}.contactForm .checkLabel{display:flex;gap:10px;align-items:flex-start;user-select:none;color:rgba(255,255,255,.82);font:650 13px/1.35 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.contactForm .checkLabel input{width:18px;height:18px;margin-top:2px}.contactForm .formActions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}.formToast{margin-left:auto;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,214,170,.22);background:rgba(255,255,255,.08);color:rgba(255,255,255,.92);font:900 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.shake{animation:sa77-shake .35s linear}@keyframes sa77-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}50%{transform:translateX(3px)}75%{transform:translateX(-2px)}}.contactCard{margin-top:14px;padding:16px;border:1px solid rgba(255,214,170,.16);border-radius:20px;background:rgba(0,0,0,.18);box-shadow:0 10px 40px rgba(0,0,0,.28)}.contactHead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.contactBadge{font:800 11px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:8px 10px;border-radius:999px;border:1px solid rgba(255,214,170,.22);color:rgba(255,214,170,.92);background:rgba(0,0,0,.18)}.pBtn--disabled{opacity:.55;cursor:not-allowed}.pBtn--disabled:hover{transform:none}.pBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.pBtn[data-status="soon"],.pBtn[aria-disabled="true"]{opacity:.62;cursor:not-allowed}.btnPrimary{height:38px;padding:0 14px;border-radius:14px;border:1px solid rgba(255,214,170,.22);background:linear-gradient(180deg,rgba(255,214,170,.92),rgba(230,194,154,.86));color:rgba(26,19,13,.98);font:900 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.35px;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;box-shadow:0 10px 22px rgba(0,0,0,.28)}.btnPrimary:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 12px 26px rgba(0,0,0,.34)}.btnPrimary:active{transform:translateY(0px)scale(.99);filter:brightness(.99);box-shadow:0 8px 16px rgba(0,0,0,.26)}.btnPrimary:focus-visible{outline:2px solid rgba(255,214,170,.65);outline-offset:2px}.limited77Block{padding:80px 20px;background:linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,.85))}.limited77Inner{max-width:1100px;margin:0 auto;color:#f5e7d6}.limited77Block h2{font-size:32px;margin-bottom:18px;letter-spacing:.05em}.manifest{font-size:18px;line-height:1.6;margin-bottom:40px;opacity:.9}.limitedCols{display:flex;gap:60px;flex-wrap:wrap}.limitedCol h3{margin-bottom:12px;font-size:20px}.limitedCol ul{list-style:none;padding:0}.limitedCol li{margin-bottom:10px;opacity:.85}.footerCopyright,.footerCopy,footer .copyright{color:#ffffff !important} /*SA77:Sharebuttons bottom*/.share-buttons,.sharebar,.social-share,#shareButtons{position:fixed!important;left:50%!important;transform:translateX(-50%)!important;bottom:calc(14px + env(safe-area-inset-bottom))!important;top:auto!important;z-index:9999!important;}@media (max-height:720px){.share-buttons,.sharebar,.social-share,#shareButtons{bottom:calc(8px + env(safe-area-inset-bottom))!important;}} .shareBar{position:fixed!important;left:50%!important;transform:translateX(-50%)!important;bottom:calc(14px + env(safe-area-inset-bottom))!important;top:auto!important;z-index:99999!important}.shareBar--footer{top:auto!important} .shareBar.shareBar--footer{position:fixed!important;left:50%!important;bottom:calc(14px + env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;top:auto!important;margin:0!important;z-index:99999!important} /* SA77 — Header: fade to transparent in the CENTER (keeps original design) */ .topbar,.topbar::before,.topbar::after{-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 18%,transparent 45%,transparent 55%,#000 82%,#000 100%);mask-image:linear-gradient(90deg,#000 0%,#000 18%,transparent 45%,transparent 55%,#000 82%,#000 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;} /* A11Y: Touch targets (Share + Cookie banner) */ .shareBtns{gap:10px!important;} .shareBtn.shareBtn--icon,a.shareBtn.shareBtn--icon{min-width:48px!important;min-height:48px!important;padding:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;touch-action:manipulation;} .cookieBanner__link{min-height:44px!important;padding:10px 12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;touch-action:manipulation;} .footerShare button,.footerShare a{min-width:44px;min-height:44px;} /* SA77 desktop bg nudge for non-F11 */ @media (min-width:1024px) and (max-height:850px){:root{--sa77-bg-pos-y:38%;}} /* Desktop landscape: reveal more of the shirt collar (reduce top crop) */@media (min-width:1025px) and (orientation: landscape){:root{--sa77-bg-pos-y:38%}} .note{margin:14px 0;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(20,14,10,.38)}.note strong{letter-spacing:.02em}/* FAQ accordion (SAC77) */details{margin:12px 0;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(20,14,10,.28)}details[open]{background:rgba(20,14,10,.36)}summary{cursor:pointer;list-style:none;padding:12px 14px;font-weight:700;letter-spacing:.01em}summary::-webkit-details-marker{display:none}details>div{padding:0 14px 12px 14px}/* Vault / Certificate (SAC77) */.vault-grid{display:grid;grid-template-columns:1fr;gap:14px;margin:14px 0}@media (min-width:720px){.vault-grid{grid-template-columns:1fr 1fr}}.vault-card{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(20,14,10,.28)}.muted{opacity:.85}.cleanlist{margin:10px 0 0 18px}.progress{height:12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);overflow:hidden}.progress__bar{height:100%;border-radius:999px;background:rgba(255,214,170,.9)}.cert{margin:14px 0;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(20,14,10,.28)}.cert__row{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.14)}.cert__row:last-child{border-bottom:none}.cert__label{opacity:.78;font-weight:700;letter-spacing:.02em}.cert__value{font-weight:700}/* Small status chip (SAC77) */.chip{display:inline-block;padding:3px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);font-weight:800;letter-spacing:.02em}/* Vault refresh (SAC77) */.vault-hero{display:grid;grid-template-columns:1fr;gap:14px;margin:14px 0}@media (min-width:860px){.vault-hero{grid-template-columns:1fr 1.2fr;align-items:start}}.vault-kpi{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(20,14,10,.28)}.vault-kpi__label{opacity:.75;font-weight:800;letter-spacing:.08em;font-size:12px}.vault-kpi__value{font-weight:900;font-size:56px;line-height:1;margin:6px 0}.vault-kpi__sub{opacity:.85;font-weight:700}.small{font-size:13px}.vault-grid77{display:grid;grid-template-columns:repeat(11, 1fr);gap:6px;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(20,14,10,.20)}.dot77{width:100%;aspect-ratio:1/1;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04)}.vault-rules{display:grid;grid-template-columns:1fr;gap:12px;margin:14px 0}@media (min-width:860px){.vault-rules{grid-template-columns:repeat(3,1fr)}}.rule-card{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(20,14,10,.28)}.rule-no{opacity:.78;font-weight:900;letter-spacing:.08em;font-size:12px}.rule-title{font-weight:900;font-size:16px;margin-top:6px}.rule-text{opacity:.88;margin-top:6px}.vault-actions{margin-top:12px}/* Vault animated stats (SAC77) */.vault-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.stat-card{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(20,14,10,.28);text-align:left}.stat-label{opacity:.78;font-weight:900;letter-spacing:.08em;font-size:12px}.stat-value{font-weight:900;font-size:42px;line-height:1;margin-top:8px}.stat-sub{opacity:.86;font-weight:700;margin-top:6px;font-size:13px}.vault-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}.legend-item{display:flex;align-items:center;gap:8px;font-weight:800;opacity:.9;font-size:13px}.legend-dot{width:12px;height:12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);display:inline-block}.legend-dot.live{background:rgba(255,214,170,.9)}.legend-dot.soon{background:rgba(255,214,170,.35)}.legend-dot.empty{background:rgba(255,255,255,.06)}.dot77{transform:scale(.85);opacity:.85;transition:background .35s ease, transform .35s ease, opacity .35s ease}.dot77.is-live{background:rgba(255,214,170,.9);transform:scale(1);opacity:1}.dot77.is-soon{background:rgba(255,214,170,.35);transform:scale(.95);opacity:1}/* Vault diagram (SAC77) */.vault-diagram{margin-top:12px;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(20,14,10,.20)}.vault-diagram__bar{height:14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);overflow:hidden;display:flex}.vault-diagram__bar .seg{display:block;height:100%}.vault-diagram__bar .seg.live{background:rgba(255,214,170,.90)}.vault-diagram__bar .seg.soon{background:rgba(255,214,170,.35)}.vault-diagram__bar .seg.rest{background:rgba(255,255,255,.06)}/* Navigation color guard (SAC77): keep links white, avoid visited/active drifting */header a, header a:visited,footer a, footer a:visited,nav a, nav a:visited,.footlink, .footlink:visited{ color: rgba(255,255,255,.92);}header a:hover, footer a:hover, nav a:hover, .footlink:hover{ color: rgba(255,214,170,.95);}/* How it works (SAC77) */.about-cta{margin:10px 0 6px}.how-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:14px 0}@media (min-width:720px){.how-grid{grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch}}.how-step{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(20,14,10,.28)}.how-icon{width:56px;height:56px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;margin-bottom:10px}.how-title{font-weight:900;font-size:16px}.how-text{opacity:.88;margin-top:6px}.how-arrow{display:none}@media (min-width:720px){.how-arrow{display:flex;align-items:center;justify-content:center;font-weight:900;opacity:.75}}/* SEO-visible collections grid + product pages */.collectionsSEO{padding:6px 0 18px}.pGridSEO{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}@media (min-width:720px){.pGridSEO{grid-template-columns:repeat(3,1fr)}}.pCard--seo{border:1px solid rgba(255,255,255,.14);background:rgba(20,14,10,.24);border-radius:18px;padding:14px}.pCard--seo .pImg{display:block;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04)}.pCard--seo img{width:100%;height:auto;display:block}.pCard--seo .pTitle{font-weight:900;margin-top:10px}.pCard--seo .pSub{opacity:.85;margin-top:4px}.pCard--seo .pRow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.pCard--seo .pMore{display:inline-block;margin-top:10px;font-weight:900;opacity:.92}.pPage{display:grid;grid-template-columns:1fr;gap:18px;padding:18px 0}@media (min-width:860px){.pPage{grid-template-columns:1.05fr .95fr;align-items:start}}.pPage__media img{width:100%;height:auto;border-radius:22px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04)}.pPage__info .h1{margin:8px 0 0}.pPage__price{display:flex;gap:12px;align-items:baseline;margin-top:14px}.price{font-weight:900;font-size:28px}.pPage__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.18)}/* DE store note */.deStoreNote{margin-top:10px}.limited-workflow{margin:14px 0}/* Limited 77 workflow poster (SAC77) */.wfPoster{ margin-top:12px; padding:16px; border-radius:22px; border:1px solid rgba(255,255,255,.16); background: radial-gradient(1200px 420px at 10% 0%, rgba(255,214,170,.14), rgba(255,214,170,0) 55%), radial-gradient(900px 420px at 85% 10%, rgba(255,255,255,.10), rgba(255,255,255,0) 60%), rgba(20,14,10,.30); position:relative; overflow:hidden;}.wfPoster:before{ content:""; position:absolute; inset:0; background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px); background-size: 10px 10px; opacity:.28; pointer-events:none;}.wfPoster__top{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;position:relative}.wfKicker{opacity:.78;font-weight:900;letter-spacing:.10em;font-size:12px}.wfHeadline{font-weight:900;font-size:20px;letter-spacing:.02em;margin-top:4px}.wfSub{opacity:.86;margin-top:6px}@media (min-width:720px){.wfHeadline{font-size:22px}}.wfStamp{border:1px dashed rgba(255,255,255,.22);background:rgba(255,255,255,.05);backdrop-filter: blur(2px)}.wfStamp--round{width:74px;height:74px;border-radius:999px;display:grid;place-items:center;position:relative}.wfStamp--round .wfStamp__ring{position:absolute; inset:10px;border-radius:999px;border:1px solid rgba(255,214,170,.35)}.wfStamp--round .wfStamp__text{font-weight:900;letter-spacing:.08em;font-size:10px;text-align:center;opacity:.88}.wfStamp--rect{width:92px;border-radius:16px;padding:10px 10px 8px}.wfStamp__rect{font-weight:900;letter-spacing:.12em}.wfStamp__small{opacity:.8;font-weight:900;letter-spacing:.18em;font-size:11px;margin-top:4px}.wfPoster__flow{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px;position:relative}@media (min-width:720px){.wfPoster__flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch}}.wfStep{ padding:14px; border-radius:20px; border:1px solid rgba(255,255,255,.14); background:rgba(20,14,10,.22); position:relative;display:flex;flex-direction:column;}.wfBadge{ position:absolute; top:12px; right:12px; width:34px;height:34px;border-radius:999px; display:grid;place-items:center; border:1px solid rgba(255,214,170,.35); background:rgba(255,214,170,.10); font-weight:900;}.wfIcon{width:100%;height:170px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;box-shadow:none;margin:10px auto 10px}.wfIconImg{display:block;max-width:170px;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))} .wfMini{min-height:36px}.wfLabel{font-weight:900;letter-spacing:.10em;font-size:12px;opacity:.9}.wfText{opacity:.88;margin-top:6px;min-height:74px;} .wfHint{display:block;margin-top:6px;opacity:.78;}.wfMini{margin-top:8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.88;text-align:center;} .wfHint{display:block;margin-top:6px;font-size:12px;opacity:.7;} .wfConnector{display:none}@media (min-width:720px){ .wfConnector{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:.75} .wfArrow{font-weight:900;font-size:20px} .wfThread{width:2px;height:56px;border-radius:2px;background:linear-gradient(to bottom, rgba(255,214,170,.0), rgba(255,214,170,.35), rgba(255,214,170,.0))}}.wfPoster__bottom{margin-top:12px;position:relative}.wfMicro{display:flex;gap:8px;flex-wrap:wrap}.wfPill{ padding:8px 10px;border-radius:999px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.05); font-weight:900;letter-spacing:.08em;font-size:11px;opacity:.9}/* Archive progress bar + collections mini load (SAC77) */.archiveBar{margin:12px 0 2px}.archiveBar__label{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.archiveBar__label .k{font-weight:900;letter-spacing:.12em;font-size:11px;opacity:.82}.archiveBar__label .v{font-weight:800;opacity:.86;font-size:12px}.archiveBar__track{height:14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);overflow:hidden;display:flex}.archiveBar__track .seg{display:block;height:100%;width:0%}.archiveBar__track .seg.live{background:rgba(255,214,170,.92)}.archiveBar__track .seg.soon{background:rgba(255,214,170,.36)}.archiveBar__track .seg.rest{background:rgba(255,255,255,.06)}.miniLoad{margin:10px 0 10px}.miniLoad__track{height:8px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);overflow:hidden}.miniLoad__bar{display:block;height:100%;width:0%;background:linear-gradient(90deg, rgba(255,214,170,.0), rgba(255,214,170,.75), rgba(255,214,170,.0));opacity:.85} /* === SAC77 Final UX polish: slimmer footer + responsive share buttons === */ @media (min-width: 641px){ .footer{padding:4px 10px;gap:6px;bottom:52px} .footerNav{gap:6px} .footlink{min-height:38px;min-width:38px;font-size:12.5px;padding:2px 5px} .footerCopy{font-size:10.5px;padding-left:6px} } /* Share buttons: wrap + never overflow on mobile */ .shareBar{max-width:calc(100vw - 32px)} .shareBtns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px} .shareBtn{max-width:100%} @media (max-width: 640px){ .shareBar{padding:10px 10px 8px} .shareBtns{gap:6px} .shareBtn{min-width:40px;min-height:40px;padding:8px 10px;font-size:12px} .shareBtn svg{width:18px;height:18px} } /* ShareBar markup has buttons directly inside; ensure wrapping */ .shareBar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px} @media (max-width: 640px){.shareBar{gap:6px}} /* --- SAC77 Likes (Hearts) + Top Picks --- */ .pCard{position:relative;} .pLikeBtn{ position:absolute; top:12px; right:12px; width:38px; height:38px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:rgba(20,14,10,.55); border:1px solid rgba(255,230,190,.22); box-shadow:0 6px 16px rgba(0,0,0,.35); cursor:pointer; backdrop-filter: blur(6px); } .pLikeBtn svg{width:18px; height:18px; fill:none; stroke:none;} .pLikeBtn svg path{fill:rgba(245,220,180,.35);} .pLikeBtn.isLiked svg path{fill:rgba(245,220,180,.95);} .pLikeBtn:hover{transform:translateY(-1px);} .topLiked{margin-top:18px; padding-top:14px; border-top:1px solid rgba(255,230,190,.14);} .topLikedHead{display:flex; align-items:flex-end; justify-content:space-between; gap:14px; flex-wrap:wrap;} .topLikedHead h3{margin:0; letter-spacing:.02em;} .topLiked .muted.small{opacity:.82; margin:0;} .pGrid--mini{grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px;} .pCard--mini .pImg{aspect-ratio: 1/1;} .pCard--mini .pBody{padding:12px 12px 14px;} .pCard--mini .pTitle{font-size:14px; line-height:1.15;} .pCard--mini .pPrice{font-size:13px;} .pCard--mini .pActions{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:10px;} .pCard--mini .pStat{font-size:12px; opacity:.9; display:flex; align-items:center; gap:6px;} .pCard--mini .pStat .heart{font-size:13px; opacity:.95;} .emptyState{ padding:14px 14px; border-radius:14px; background:rgba(20,14,10,.35); border:1px dashed rgba(255,230,190,.18); opacity:.9; } @media (max-width: 900px){ .pGrid--mini{grid-template-columns:repeat(2,minmax(0,1fr));} } @media (max-width: 520px){ .pGrid--mini{grid-template-columns:1fr;} .pLikeBtn{top:10px; right:10px; width:34px; height:34px;} } /* SAC77 Exclusive Pack */ .vaultExclusive{margin:18px 0 6px;padding:14px 14px 16px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.06));backdrop-filter:blur(2px)} .vaultExclusive h3{margin:0 0 10px;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.88)} .vaultExclusive__grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))} @media(max-width:920px){.vaultExclusive__grid{grid-template-columns:1fr}} .vxCard{padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.22)} .vxHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px} .vxTag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75)} .vxStamp{font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px dashed rgba(255,255,255,.22);color:rgba(255,255,255,.85);background:rgba(255,255,255,.06)} .vxList{margin:0;padding-left:18px;color:rgba(255,255,255,.82);font-size:13px;line-height:1.45} .vxCopy{margin:0;color:rgba(255,255,255,.82);font-size:13px;line-height:1.45} .vxMeta{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px} .vxPill{font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:rgba(255,255,255,.78)} .vxBar{margin-top:10px;position:relative;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);overflow:hidden} .vxBar__fill{position:absolute;inset:0;width:0%;background:linear-gradient(90deg,rgba(227,179,107,.20),rgba(255,255,255,.08));animation:vxFill 1.1s ease forwards} .vxBar__label{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.86)} /* animate only when modal is open */ #modal.is-open .vxBar__fill{width:77%} @keyframes vxFill{from{width:0%}to{width:77%}} @media (max-width:520px){.wfIcon{width:132px;height:132px}.wfIconImg{width:124px}} /* === V031 PATCH (2026-02-23): footer/share spacing + hearts + Limited 77 workflow === */ .footer{padding:4px 10px; bottom:64px;} .footerNav{gap:6px;} .footerCopy{font-size:10.5px; padding-left:6px;} @media (max-width:520px){.footer{bottom:56px;}} @media (max-width:420px){ .shareBtn--icon{width:22px; height:22px;} .shareBtn--icon svg{width:12px; height:12px;} .shareBar.shareBar--footer{gap:8px;} } @media (max-width:360px){.shareBar.shareBar--footer{flex-wrap:wrap;}} .pCard--mini .pStat .heartIcon{display:inline-flex; align-items:center; justify-content:center;} .pCard--mini .pStat .heartIcon svg{width:14px; height:14px;} .pCard--mini .pStat .heartIcon svg path{fill:rgba(245,220,180,.75);} .wfPoster__flow{align-items:stretch;} .wfStep{display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; padding-top:22px;} .wfIcon{width:100%; height:auto; border:none; background:transparent; margin:8px 0 10px; padding:0; display:flex; justify-content:center; align-items:center;} .wfIconImg{display:block; margin:0 auto; width:min(190px, 100%); height:auto; filter:drop-shadow(0 14px 26px rgba(0,0,0,.35));} .wfMini{opacity:.78;} .wfText{margin-top:4px;} /*V033 PATCH*/.wfPoster__flow{align-items:stretch}.wfStep{display:grid;grid-template-rows:56px 210px 18px 1fr;justify-items:center;align-items:start;gap:8px;padding-top:14px}.wfMini{width:100%;min-height:56px;display:flex;align-items:center;justify-content:center;padding:0 52px 0 10px;text-align:center;line-height:1.25}.wfBadge{position:static;justify-self:end;align-self:start;margin-right:-2px;margin-top:-2px}.wfIcon{width:100%;height:210px;margin:0;display:flex;align-items:center;justify-content:center}.wfIconImg{max-width:180px;max-height:200px;width:auto;height:auto}.wfLabel{margin-top:0}.wfText{margin-top:0}.topLikedHead{align-items:center}.topLikedHead p{margin:0;max-width:520px;text-align:right}@media (max-width:720px){.topLikedHead p{max-width:none;text-align:left}}.vault-grid77{counter-reset:sacno}.vault-grid77 .dot77{position:relative;counter-increment:sacno}.vault-grid77 .dot77:after{content:"NO." counter(sacno,decimal-leading-zero);position:absolute;inset:0;display:grid;place-items:center;font-weight:900;letter-spacing:.02em;font-size:9px;opacity:.88;color:rgba(245,220,180,.9);text-shadow:0 1px 2px rgba(0,0,0,.35);pointer-events:none}@media (max-width:520px){.vault-grid77 .dot77:after{font-size:8px}} /* V035 FIX (2026-02-23): Limited 77 workflow no-overlap */ .limited-workflow .wfStep{position:relative;display:grid;grid-template-rows:64px 220px 18px auto;grid-template-columns:1fr;justify-items:center;align-items:start;gap:10px;padding-top:12px}.limited-workflow .wfBadge{position:absolute;top:12px;right:12px;margin:0}.limited-workflow .wfMini{grid-row:1;width:100/* V035 FIX (2026-02-23): Limited 77 workflow no-overlap */ .limited-workflow .wfStep{position:relative;display:grid;grid-template-rows:64px 220px 18px auto;grid-template-columns:1fr;justify-items:center;align-items:start;gap:10px;padding-top:12px}.limited-workflow .wfBadge{position:absolute;top:12px;right:12px;margin:0}.limited-workflow .wfMini{grid-row:1;width:100%;min-height:64px;display:flex;align-items:center;justify-content:center;padding:0 52px 0 12px;text-align:center;line-height:1.25}.limited-workflow .wfIcon{grid-row:2;width:100%;height:220px;margin:0;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.limited-workflow .wfIconImg{max-width:190px;max-height:210px;width:auto;height:auto;object-fit:contain}.limited-workflow .wfLabel{grid-row:3;margin:0}.limited-workflow .wfText{grid-row:4;margin:0;min-height:86px} .limited-workflow .wfIconImg{position:relative;z-index:0}.limited-workflow .wfLabel,.limited-workflow .wfText{position:relative;z-index:1} @media (max-width:640px){.shareBtn{padding:5px 8px;font-size:10px}.footer{bottom:96px}} .wfStep{justify-content:space-between}.wfMini{position:relative;z-index:2}.wfIcon{flex:0 0 170px} /* V037 contact form SAC77 polish */ .contactCard{background:rgba(8,8,9,.38); border-color:rgba(255,214,170,.22); backdrop-filter: blur(6px);} .contactForm input, .contactForm select, .contactForm textarea{ background:linear-gradient(180deg, rgba(34,24,18,.72), rgba(12,10,9,.55)); border-color:rgba(255,214,170,.22); } .contactForm input::placeholder, .contactForm textarea::placeholder{color:rgba(255,255,255,.55)} .contactForm .btnPrimary{box-shadow:0 14px 34px rgba(0,0,0,.38)} /* V039: subpages should not show hero stage overlay */ .subpage .stage,.subpage .swipe{display:none !important} /* --- Founder Quality Badge --- */ .qcBadge{ display:inline-flex; align-items:center; justify-content:center; padding:6px 10px; border-radius:999px; border:1px solid rgba(255,214,170,.28); background:linear-gradient(180deg,rgba(40,28,20,.62),rgba(24,16,11,.48)); color:rgba(255,230,205,.96); font:900 10.5px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; letter-spacing:.6px; text-transform:uppercase; margin-top:8px; } @media (max-width:640px){ .qcBadge{font-size:10px; padding:6px 9px;} } /* ----------------------------- SA77 Accessibility Patch (WCAG 2.1 AA / BFSG + ADA) - Restore visible keyboard focus for core controls - Keep SAC77 look (sepia glow) ----------------------------- */ .nav:focus,.nav:focus-visible, .navBtn:focus,.navBtn:focus-visible, .cta:focus,.cta:focus-visible, .footlink:focus,.footlink:focus-visible, .shareBtn:focus,.shareBtn:focus-visible, .modal-close:focus,.modal-close:focus-visible, .sa77-context-item:focus,.sa77-context-item:focus-visible{ outline:2px solid var(--sa77-focus) !important; outline-offset:3px !important; box-shadow:0 0 0 4px rgba(255,214,170,.14),0 0 18px rgba(255,170,90,.22) !important; } /* SAC77 Collector Statement — iconic treatment (V085) */ .collectorStatement{margin-top:18px;padding:16px 16px 18px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));position:relative;overflow:hidden} .collectorStatement:before{content:"";position:absolute;inset:-40px -60px auto auto;width:220px;height:220px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.14),rgba(255,255,255,0) 62%);transform:rotate(12deg);pointer-events:none} .collectorStatement__title{margin:0 0 10px;font-size:18px;letter-spacing:.02em} .collectorStatement__meta{display:flex;align-items:center;gap:10px;margin:0 0 10px;opacity:.92} .collectorStatement__stamp{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.18);font-size:11px;letter-spacing:.14em;text-transform:uppercase} .collectorStatement__mark{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.9} .collectorStatement__sep{opacity:.6} .collectorStatement__rule{height:1px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.22),rgba(255,255,255,0));margin:0 0 12px} .collectorStatement__body p{margin:0 0 10px;line-height:1.55} .collectorStatement__body p:last-child{margin-bottom:0} /* --- SAC77: Vault Engagement + Archive Meter (v2.0) --- */ /* IO visibility trigger */ [data-io]{opacity:0;transform:translateY(10px);transition:opacity .55s ease,transform .55s ease} .ioInView{opacity:1 !important;transform:none !important} /* Vault engagement */ .vaultEngage{margin:18px 0 8px;padding:16px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(30,23,18,.55),rgba(10,8,6,.35));box-shadow:0 14px 40px rgba(0,0,0,.35);position:relative;overflow:hidden} .vaultEngage:before{content:"";position:absolute;inset:-2px;background:radial-gradient(1200px 320px at 20% 0%,rgba(255,210,150,.08),transparent 60%),radial-gradient(900px 260px at 80% 10%,rgba(255,255,255,.06),transparent 55%);pointer-events:none} .vaultEngage__head{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1} .vaultEngage__kicker{display:flex;flex-direction:column;gap:4px} .vaultEngage__stamp{display:inline-flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.14em;font-size:12px;color:rgba(255,235,210,.92);text-transform:uppercase} .vaultEngage__micro{font-size:11px;color:rgba(255,255,255,.55)} .vaultEngage__cta{display:flex;align-items:center;gap:10px} .vaultHeart{width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);display:grid;place-items:center;cursor:pointer;transition:transform .12s ease,box-shadow .25s ease,background .25s ease} .vaultHeart svg{width:18px;height:18px;fill:rgba(255,205,150,.95)} .vaultHeart:hover{transform:translateY(-1px);background:rgba(255,255,255,.085);box-shadow:0 12px 30px rgba(0,0,0,.32)} .vaultHeart.isPulsing{animation:sacPulse 1.05s ease 0s 1} @keyframes sacPulse{0%{transform:scale(1)}30%{transform:scale(1.15)}55%{transform:scale(.98)}100%{transform:scale(1)}} .vaultEngage__num{font-weight:900;font-size:22px;letter-spacing:.02em;color:rgba(255,240,220,.95);line-height:1} .vaultEngage__label{font-size:11px;color:rgba(255,255,255,.56);text-transform:uppercase;letter-spacing:.12em;margin-top:3px} /* Engagement meter */ .vaultEngage__meter{margin-top:12px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(18,13,10,.72),rgba(8,6,5,.62))} .meterTop{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px} .meterTitle{font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:11px;color:rgba(255,230,200,.9)} .meterValue{font-weight:800;font-size:12px;color:rgba(255,255,255,.72)} .meterTrack{position:relative;height:16px;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04)} .meterGrid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.10),rgba(255,255,255,.10) 1px,transparent 1px,transparent 18px);opacity:.22} .meterFill{position:absolute;inset:0;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,rgba(180,120,70,.25),rgba(255,210,150,.65),rgba(255,245,230,.85));box-shadow:0 0 24px rgba(255,200,140,.20) inset} .meterEdge{position:absolute;right:-2px;top:-6px;bottom:-6px;width:3px;background:rgba(255,245,230,.90);filter:drop-shadow(0 0 10px rgba(255,220,170,.55))} .meterPulse{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:999px;background:rgba(255,220,170,.9);box-shadow:0 0 0 0 rgba(255,220,170,.45);opacity:0} .meterNote{margin-top:8px;font-size:11px;color:rgba(255,255,255,.55)} .ioInView .meterFill{animation:meterFill 1.35s cubic-bezier(.2,.9,.2,1) .15s forwards} .ioInView .meterPulse{opacity:1;animation:meterPulse 1.8s ease .85s infinite} @keyframes meterFill{to{transform:scaleX(var(--meter-fill, .35))}} @keyframes meterPulse{0%{box-shadow:0 0 0 0 rgba(255,220,170,.38)}70%{box-shadow:0 0 0 14px rgba(255,220,170,0)}100%{box-shadow:0 0 0 0 rgba(255,220,170,0)}} /* Chart */ .vaultEngage__chart{margin-top:12px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(18,13,10,.72),rgba(8,6,5,.62))} .chartTop{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px} .chartTitle{font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:11px;color:rgba(255,230,200,.9)} .chartSub{font-size:11px;color:rgba(255,255,255,.55)} #vaultChart{width:100%;height:auto;display:block;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.0));border:1px solid rgba(255,255,255,.06)} /* Newsletter block */ .nlBlock{margin-top:14px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(18,13,10,.72),rgba(8,6,5,.62))} .nlTitle{font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:rgba(255,235,210,.92)} .nlSub{margin-top:6px;font-size:12px;color:rgba(255,255,255,.62)} .nlForm{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap} .nlForm input{flex:1;min-width:220px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);border-radius:999px;padding:10px 12px;color:rgba(255,255,255,.92)} .nlForm input::placeholder{color:rgba(255,255,255,.45)} .nlBtn{border-radius:999px;padding:10px 14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:rgba(255,235,210,.95);cursor:pointer} .nlBtn:hover{background:rgba(255,255,255,.11)} .nlFine{margin-top:10px;font-size:11px;color:rgba(255,255,255,.55)} .nlFine a{color:rgba(255,235,210,.86)} /* SA77 modal heading refinement */ .modal-head{align-items:flex-start;padding:16px 18px 14px;background:linear-gradient(180deg,rgba(16,10,7,.78),rgba(10,6,4,.52));position:relative} .modal-head::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;background:linear-gradient(90deg,rgba(255,214,170,.34),rgba(255,214,170,.12) 42%,rgba(255,214,170,0) 100%)} .modal-titleWrap{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0;flex:1;padding-right:8px} .modal-title{font:950 clamp(18px,1.9vw,28px)/1.04 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:-.01em;color:rgba(255,248,240,.98);text-wrap:balance;text-shadow:0 1px 0 rgba(0,0,0,.26)} .modal-headMeta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-width:0;row-gap:6px} .modal-headLine{width:46px;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(255,214,170,.96),rgba(205,154,102,.76) 58%,rgba(205,154,102,0) 100%);box-shadow:0 0 16px rgba(255,196,132,.18)} .modal-headKicker{font:900 11px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:rgba(241,208,171,.92);white-space:nowrap} .modal-headDot{width:4px;height:4px;border-radius:999px;background:rgba(255,214,170,.48);box-shadow:0 0 0 4px rgba(255,214,170,.06)} .modal-headNote{font:700 12px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.04em;color:rgba(255,243,229,.90);text-shadow:0 1px 0 rgba(0,0,0,.28);text-wrap:pretty} .modal-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,214,170,.24);background:linear-gradient(180deg,rgba(40,27,18,.74),rgba(18,11,8,.58));color:rgba(255,233,207,.9);font:900 10px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)} .modal-badge,.modal-badge:link,.modal-badge:visited,.modal-badge:hover,.modal-badge:focus-visible{color:rgba(255,233,207,.96)!important;text-decoration:none!important;background:linear-gradient(180deg,rgba(46,31,21,.86),rgba(22,14,10,.72))!important} .modal-badge::before{content:"";width:6px;height:6px;border-radius:999px;background:rgba(255,214,170,.72);box-shadow:0 0 10px rgba(255,214,170,.3)} .modal-close{margin-top:2px;flex:0 0 auto} @media (max-width:640px){.modal-head{padding:15px 14px 13px}.modal-title{font-size:clamp(17px,6vw,24px)}.modal-headMeta{gap:8px;row-gap:5px}.modal-headLine{width:32px}.modal-headKicker{font-size:10px;letter-spacing:.22em}.modal-headNote{display:block;width:100%;padding-left:41px;font-size:11px;line-height:1.32}.modal-headDot{display:none}.modal-badge{padding:6px 10px;font-size:9px;letter-spacing:.18em}} /* SAC77 page architecture pass: About, Limited 77, route help */ .sa77-page-stack{max-width:1040px;margin:18px auto 6px;padding:0 18px 22px;display:grid;gap:16px;position:relative;z-index:2} .sa77-surface{padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.14);background:rgba(20,14,10,.30);backdrop-filter:blur(3px);box-shadow:0 18px 48px rgba(0,0,0,.18)} .sa77-surface--soft{background:rgba(20,14,10,.24)} .sa77-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;opacity:.78;margin-bottom:10px} .sa77-eyebrow:before{content:"";width:20px;height:1px;background:rgba(255,214,170,.68);display:inline-block} .sa77-panel-title{font-size:clamp(22px,3.2vw,34px);line-height:1.08;font-weight:900;margin:0 0 10px;letter-spacing:.01em} .sa77-panel-copy{max-width:74ch;opacity:.9;margin:0 0 14px} .sa77-panel-copy + .sa77-panel-copy{margin-top:-2px} .sa77-route-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px} @media (min-width:720px){.sa77-route-grid{grid-template-columns:repeat(3,1fr)}} .sa77-route-card{display:block;text-decoration:none;color:rgba(255,255,255,.92);padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(20,14,10,.22);transition:transform .2s ease,border-color .2s ease,background .2s ease} .sa77-route-card:hover{transform:translateY(-1px);border-color:rgba(255,214,170,.34);background:rgba(20,14,10,.30)} .sa77-route-card strong{display:block;font-size:15px;line-height:1.2} .sa77-route-card span{display:block;opacity:.84;margin-top:6px;font-size:14px;line-height:1.45} .sa77-note-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.sa77-note-row .chip{background:rgba(255,214,170,.08);border-color:rgba(255,214,170,.26)} .sa77-subgrid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px}@media (min-width:860px){.sa77-subgrid{grid-template-columns:repeat(3,1fr)}} .sa77-closing-note{margin-top:14px;font-size:14px;opacity:.84} /* SAC77 readability + limited 77 harmony fix */ .modal-headMeta{display:grid!important;grid-template-columns:46px auto auto;grid-template-areas:"line kicker dot" "line note note";column-gap:10px;row-gap:6px;align-items:center;width:100%;padding-top:8px;text-decoration:none!important} .modal-headMeta,.modal-headMeta *{text-decoration:none!important} .modal-headLine{grid-area:line;align-self:start;margin-top:7px;width:42px;height:1px;border-radius:999px;background:linear-gradient(90deg,rgba(255,221,184,.92),rgba(255,221,184,.12),rgba(255,221,184,0));box-shadow:none} .modal-headKicker{grid-area:kicker;color:rgba(255,231,203,.96)!important;text-shadow:0 1px 0 rgba(0,0,0,.28)} .modal-headDot{grid-area:dot;width:5px;height:5px;background:rgba(255,214,170,.58);box-shadow:0 0 0 4px rgba(255,214,170,.05)} .modal-headNote{grid-area:note;display:block;max-width:none;font:780 12.5px/1.38 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.045em;color:rgba(255,245,231,.95)!important;text-shadow:0 1px 0 rgba(0,0,0,.35),0 0 22px rgba(0,0,0,.18);opacity:1} @media (max-width:640px){.modal-headMeta{grid-template-columns:34px 1fr;grid-template-areas:"line kicker" "line note";column-gap:8px;row-gap:5px;padding-top:7px}.modal-headLine{width:30px;margin-top:6px}.modal-headDot{display:none}.modal-headNote{width:auto;padding-left:0!important;font-size:11.5px;line-height:1.34}} .sa77-eyebrow{opacity:1;color:rgba(255,233,209,.92);text-shadow:0 1px 0 rgba(0,0,0,.3)} .sa77-panel-copy,.sa77-closing-note{color:rgba(255,239,223,.86);opacity:1;text-shadow:0 1px 0 rgba(0,0,0,.18)} .sa77-route-card strong{color:rgba(255,248,239,.97)} .sa77-route-card span{color:rgba(255,235,219,.84);opacity:1} #sa77-limited-stack{max-width:980px;margin:34px auto 12px;padding:0 18px 38px;gap:20px} #sa77-limited-stack .sa77-surface{position:relative;overflow:hidden;padding:22px 22px 20px;border-radius:24px;border:1px solid rgba(255,214,170,.13);background:linear-gradient(180deg,rgba(34,22,15,.72),rgba(24,16,11,.66));box-shadow:0 18px 42px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.02);backdrop-filter:none} #sa77-limited-stack .sa77-surface::before{content:"";position:absolute;inset:0;background:radial-gradient(115% 120% at 100% 0%,rgba(255,214,170,.06),rgba(255,214,170,0) 48%);pointer-events:none} #sa77-limited-stack .sa77-surface > *{position:relative} #sa77-limited-stack .sa77-panel-title{margin:0;max-width:19ch;font:840 clamp(22px,2.45vw,30px)/1.08 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:-.024em;color:rgba(255,248,241,.97);text-wrap:balance} #sa77-limited-stack .sa77-panel-copy{max-width:62ch;margin:0 0 12px;font:650 14px/1.72 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:rgba(255,236,220,.84)} #sa77-limited-stack .sa77-panel-copy:last-of-type{margin-bottom:0} #sa77-limited-stack .sa77-note-row{margin-top:14px} #sa77-limited-stack .sa77-note-row .chip{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,214,170,.02));border-color:rgba(255,214,170,.14);color:rgba(255,237,219,.88)} #sa77-limited-stack .vault-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 0} #sa77-limited-stack .rule-card,#sa77-limited-stack .vault-card{position:relative;overflow:hidden;padding:16px 16px 14px;border-radius:20px;border:1px solid rgba(255,214,170,.10);background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,214,170,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.02)} #sa77-limited-stack .rule-card::before,#sa77-limited-stack .vault-card::before{content:"";position:absolute;inset:0;background:radial-gradient(115% 120% at 100% 0%,rgba(255,214,170,.05),rgba(255,214,170,0) 50%);pointer-events:none} #sa77-limited-stack .rule-title,#sa77-limited-stack .vault-card strong{position:relative;display:block;margin:0 0 8px;font:820 17px/1.14 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:rgba(255,248,241,.96);letter-spacing:-.01em} #sa77-limited-stack .rule-text,#sa77-limited-stack .vault-card span{position:relative;display:block;margin:0;font:650 14px/1.65 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:rgba(255,236,220,.82)} #sa77-limited-stack .sa77-subgrid{gap:12px;margin-top:15px} @media (max-width:860px){#sa77-limited-stack .vault-rules{grid-template-columns:1fr}#sa77-limited-stack .sa77-subgrid{grid-template-columns:1fr}} @media (max-width:640px){#sa77-limited-stack{margin-top:24px;padding:0 14px 34px}#sa77-limited-stack .sa77-surface{padding:19px 18px 18px;border-radius:22px}#sa77-limited-stack .sa77-panel-title{max-width:100%;font-size:24px}#sa77-limited-stack .sa77-panel-copy,#sa77-limited-stack .rule-text,#sa77-limited-stack .vault-card span{font-size:13.5px;line-height:1.68}} /* SAC77 modal subtitle hard-fix + limited-77 product-card layout (v56) */ .modal-headMeta{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"kicker" "note"!important;row-gap:8px!important;column-gap:0!important;align-items:start!important;width:100%!important;padding-top:9px!important;text-decoration:none!important} .modal-headLine,.modal-headDot{display:none!important} .modal-headKicker{grid-area:kicker!important;display:inline-flex!important;align-items:center!important;gap:10px!important;width:auto!important;max-width:100%;font:900 10px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:rgba(255,231,203,.92)!important;text-decoration:none!important;white-space:normal!important} .modal-headKicker::before{content:"";display:inline-block;width:42px;height:1px;border-radius:999px;background:linear-gradient(90deg,rgba(255,220,182,.88),rgba(255,220,182,.14),rgba(255,220,182,0))} .modal-headNote{grid-area:note!important;display:block!important;width:fit-content!important;max-width:min(100%,760px)!important;margin:0!important;padding:8px 12px!important;border-radius:12px!important;border:1px solid rgba(255,214,170,.14)!important;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,214,170,.025))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;font:780 12.5px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important;letter-spacing:.045em!important;color:rgba(255,241,227,.98)!important;text-shadow:0 1px 0 rgba(0,0,0,.38)!important;text-decoration:none!important;opacity:1!important} .modal-headMeta,.modal-headMeta *{text-decoration:none!important} @media (max-width:640px){.modal-headMeta{padding-top:8px!important;row-gap:7px!important}.modal-headKicker{font-size:9.5px!important;letter-spacing:.18em!important}.modal-headKicker::before{width:28px!important}.modal-headNote{width:100%!important;max-width:100%!important;padding:8px 10px!important;font-size:11.5px!important;line-height:1.42!important;border-radius:11px!important}} #sa77-limited-stack{max-width:820px!important;margin:30px auto 18px!important;padding:0 18px 150px!important;display:grid!important;gap:22px!important} #sa77-limited-stack .sa77-surface,#sa77-limited-stack .sa77-surface--soft{position:relative!important;overflow:hidden!important;margin:0!important;padding:22px 22px 20px!important;border-radius:24px!important;border:1px solid rgba(255,214,170,.13)!important;background:linear-gradient(180deg,rgba(35,22,15,.60),rgba(24,16,11,.56))!important;box-shadow:0 18px 42px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.02)!important;backdrop-filter:none!important} #sa77-limited-stack .sa77-surface::before,#sa77-limited-stack .sa77-surface--soft::before{content:"";position:absolute;inset:0;background:radial-gradient(115% 120% at 100% 0%,rgba(255,214,170,.06),rgba(255,214,170,0) 48%);pointer-events:none} #sa77-limited-stack .sa77-surface>*{position:relative} #sa77-limited-stack .editionNote__kicker,#sa77-limited-stack .collectorStatement__kicker,#sa77-limited-stack .productSupport__kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:6px 11px;border-radius:999px;border:1px solid rgba(255,214,170,.16);background:rgba(255,255,255,.035);color:rgba(255,235,213,.80);font:850 9.5px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.19em;text-transform:uppercase} #sa77-limited-stack .editionNote__kicker::before,#sa77-limited-stack .collectorStatement__kicker::before,#sa77-limited-stack .productSupport__kicker::before{content:"";width:6px;height:6px;border-radius:999px;background:rgba(255,214,170,.82);box-shadow:0 0 0 3px rgba(255,214,170,.08)} #sa77-limited-stack .editionNote__title,#sa77-limited-stack .collectorStatement__title,#sa77-limited-stack .productSupport__title{margin:0;max-width:19ch;font:840 clamp(22px,2.45vw,28px)/1.08 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:-.024em;color:rgba(255,248,241,.97);text-wrap:balance} #sa77-limited-stack .editionNote__accent,#sa77-limited-stack .collectorStatement__accent,#sa77-limited-stack .productSupport__accent{display:flex;align-items:center;gap:12px;min-height:16px;margin:10px 0 15px} #sa77-limited-stack .editionNote__accent::before,#sa77-limited-stack .collectorStatement__accent::before,#sa77-limited-stack .productSupport__accent::before{content:"";display:block;flex:0 0 54px;height:1px;background:linear-gradient(90deg,rgba(255,216,177,.70),rgba(255,216,177,.10),rgba(255,216,177,0))} #sa77-limited-stack .editionNote__accent span,#sa77-limited-stack .collectorStatement__accent span,#sa77-limited-stack .productSupport__accent span{font:800 9.5px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.20em;text-transform:uppercase;color:rgba(255,223,195,.74)} #sa77-limited-stack p,#sa77-limited-stack .productSupport__lead{max-width:62ch;margin:0 0 12px;font:650 14px/1.72 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:rgba(255,236,220,.83)} #sa77-limited-stack p:last-child{margin-bottom:0} #sa77-limited-stack .editionNote__focus{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;margin-top:2px;color:rgba(255,236,220,.83)} #sa77-limited-stack .editionNote__focus strong{font:850 11px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,223,195,.82)} #sa77-limited-stack .editionNote__focus span{flex:1 1 320px} #sa77-limited-stack .productSupport__actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px} #sa77-limited-stack .productSupport__btn{display:inline-flex;align-items:center;justify-content:center;min-height:41px;padding:0 15px;border-radius:999px;border:1px solid rgba(255,214,170,.18);background:rgba(255,255,255,.045);color:rgba(255,246,234,.94);text-decoration:none;font:850 11px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.10em;text-transform:uppercase;transition:transform .2s ease,border-color .2s ease,background .2s ease} #sa77-limited-stack .productSupport__btn:hover{transform:translateY(-1px);border-color:rgba(255,214,170,.30);background:rgba(255,255,255,.065)} #sa77-limited-stack .productSupport__btn.is-strong{background:linear-gradient(180deg,rgba(255,246,231,.10),rgba(255,233,200,.05))} @media (max-width:640px){#sa77-limited-stack{margin-top:22px!important;padding:0 14px 150px!important;gap:18px!important}#sa77-limited-stack .sa77-surface,#sa77-limited-stack .sa77-surface--soft{padding:19px 18px 18px!important;border-radius:22px!important}#sa77-limited-stack .editionNote__title,#sa77-limited-stack .collectorStatement__title,#sa77-limited-stack .productSupport__title{max-width:100%!important;font-size:24px!important}#sa77-limited-stack p,#sa77-limited-stack .productSupport__lead{font-size:13.5px!important;line-height:1.68!important}#sa77-limited-stack .productSupport__actions{flex-direction:column!important}#sa77-limited-stack .productSupport__btn{width:100%!important}} /* SA77 V009 button hover + FAQ chips */ .shareBtn,.btnPrimary,.newsletterMini__btn,.cookieBanner__btn,.btn,.btn.ghost,#sa77-limited-stack .productSupport__btn{ transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease; } .shareBtn, .btnPrimary, .newsletterMini__btn, .cookieBanner__btn, .btn, .btn.ghost{ background:linear-gradient(180deg,rgba(40,28,20,.68),rgba(18,12,8,.54))!important; color:rgba(255,242,228,.96)!important; border-color:rgba(255,214,170,.20)!important; box-shadow:0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04); } .shareBtn:hover,.shareBtn:focus-visible, .btnPrimary:hover,.btnPrimary:focus-visible, .newsletterMini__btn:hover,.newsletterMini__btn:focus-visible, .cookieBanner__btn:hover,.cookieBanner__btn:focus-visible, .btn:hover,.btn:focus-visible, .btn.ghost:hover,.btn.ghost:focus-visible, #sa77-limited-stack .productSupport__btn:hover, #sa77-limited-stack .productSupport__btn:focus-visible{ background:linear-gradient(180deg,rgba(255,216,170,.95),rgba(224,184,136,.88))!important; color:rgba(30,20,12,.98)!important; border-color:rgba(255,224,190,.44)!important; box-shadow:0 14px 28px rgba(0,0,0,.30),0 0 0 1px rgba(255,224,190,.15),0 0 22px rgba(255,187,112,.20); transform:translateY(-1px); } .shareBtn--icon:hover,.shareBtn--icon:focus-visible{transform:translateY(-1px) scale(1.02)} .sa77-faqMini{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:21ch} .sa77-faqMini span{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;border:1px solid rgba(255,214,170,.16);background:rgba(255,255,255,.045);color:rgba(255,235,214,.88);font:760 10px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase} .vaultExclusive h3{letter-spacing:.08em} .vxTag{letter-spacing:.16em} .vxCopy{line-height:1.62} .vxMeta{gap:8px} .vxPill{background:rgba(255,255,255,.05);border-color:rgba(255,214,170,.16);color:rgba(255,235,214,.86)} /* SA77 V010 deferred animations + broader hover */ .pBtn,.cta,.modal-close,.footerToggle{ transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease; } .pBtn,.footerToggle{ background:linear-gradient(180deg,rgba(40,28,20,.68),rgba(18,12,8,.54))!important; color:rgba(255,242,228,.96)!important; border-color:rgba(255,214,170,.20)!important; box-shadow:0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04); } .pBtn:hover,.pBtn:focus-visible,.cta:hover,.cta:focus-visible,.modal-close:hover,.modal-close:focus-visible,.footerToggle:hover,.footerToggle:focus-visible{ background:linear-gradient(180deg,rgba(255,216,170,.95),rgba(224,184,136,.88))!important; color:rgba(30,20,12,.98)!important; border-color:rgba(255,224,190,.44)!important; box-shadow:0 14px 28px rgba(0,0,0,.30),0 0 0 1px rgba(255,224,190,.15),0 0 22px rgba(255,187,112,.20); transform:translateY(-1px); } .js .sa77-faqIntro .sa77-faqRingValue{ animation:none!important; stroke-dashoffset:251.2!important; } .js .sa77-faqIntro.sa77-anim-ready .sa77-faqRingValue{ animation:sa77FaqSweep 1.08s cubic-bezier(.22,.78,.24,1) forwards!important; animation-delay:var(--delay,0s)!important; } @media (prefers-reduced-motion:reduce){ .js .sa77-faqIntro .sa77-faqRingValue, .js .sa77-faqIntro.sa77-anim-ready .sa77-faqRingValue{ animation:none!important; stroke-dashoffset:calc(251.2 * (1 - var(--progress,0.5)))!important; } } /* SA77 V013 visible hover + content-led reveal */ .shareBtn,.btnPrimary,.newsletterMini__btn,.cookieBanner__btn,.btn,.btn.ghost,.pBtn,.cta,.modal-close,.footerToggle,.footlink,#sa77-limited-stack .productSupport__btn,.productSupport__btn,.pPage__actions .btn,.pPage__actions .btn.ghost{ transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease; } .shareBtn,.btnPrimary,.newsletterMini__btn,.cookieBanner__btn,.btn,.btn.ghost,.pBtn,.cta,.modal-close,.footerToggle,.footlink,#sa77-limited-stack .productSupport__btn,.productSupport__btn,.pPage__actions .btn,.pPage__actions .btn.ghost{ background:linear-gradient(180deg,rgba(40,28,20,.76),rgba(18,12,8,.60))!important; color:rgba(255,242,228,.97)!important; border-color:rgba(255,214,170,.22)!important; box-shadow:0 10px 24px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04); } .shareBtn:hover,.shareBtn:focus-visible,.btnPrimary:hover,.btnPrimary:focus-visible,.newsletterMini__btn:hover,.newsletterMini__btn:focus-visible,.cookieBanner__btn:hover,.cookieBanner__btn:focus-visible,.btn:hover,.btn:focus-visible,.btn.ghost:hover,.btn.ghost:focus-visible,.pBtn:hover,.pBtn:focus-visible,.cta:hover,.cta:focus-visible,.modal-close:hover,.modal-close:focus-visible,.footerToggle:hover,.footerToggle:focus-visible,.footlink:hover,.footlink:focus-visible,#sa77-limited-stack .productSupport__btn:hover,#sa77-limited-stack .productSupport__btn:focus-visible,.productSupport__btn:hover,.productSupport__btn:focus-visible,.pPage__actions .btn:hover,.pPage__actions .btn:focus-visible,.pPage__actions .btn.ghost:hover,.pPage__actions .btn.ghost:focus-visible{ background:linear-gradient(180deg,rgba(255,216,170,.98),rgba(224,184,136,.90))!important; color:rgba(30,20,12,.98)!important; border-color:rgba(255,224,190,.46)!important; box-shadow:0 14px 28px rgba(0,0,0,.30),0 0 0 1px rgba(255,224,190,.15),0 0 22px rgba(255,187,112,.20)!important; transform:translateY(-1px); } .sa77-scroll-reveal{opacity:0;transform:translateY(18px);filter:saturate(.96);transition:opacity .68s cubic-bezier(.22,.61,.36,1),transform .68s cubic-bezier(.22,.61,.36,1),filter .68s cubic-bezier(.22,.61,.36,1);transition-delay:var(--sa77-scroll-delay,0ms);will-change:opacity,transform,filter;} .sa77-scroll-reveal--card{transform:translateY(18px) scale(.988);} .sa77-scroll-reveal--section{transform:translateY(22px);} .sa77-scroll-reveal.is-visible{opacity:1;transform:none;filter:none;} .collectionGrid .pCard.sa77-scroll-reveal.is-visible:hover{transform:translateY(-6px) scale(1.002);} #sa77-about-stack .sa77-route-card.sa77-scroll-reveal{transform:translateY(18px) scale(.985);} #sa77-about-stack .sa77-route-card.sa77-scroll-reveal.is-visible:hover{transform:translateY(-4px) scale(1.01);} #sa77-limited-stack .sa77-surface.sa77-scroll-reveal.is-visible{box-shadow:0 18px 42px rgba(0,0,0,.18),0 0 0 1px rgba(255,214,170,.06),inset 0 1px 0 rgba(255,255,255,.03);} .limited-workflow > *.sa77-scroll-reveal.is-visible,.how-grid > *.sa77-scroll-reveal.is-visible,.vaultExclusive__grid > *.sa77-scroll-reveal.is-visible,.vault-stats .stat-card.sa77-scroll-reveal.is-visible{box-shadow:0 18px 42px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03);} .sa77-faqIntro .sa77-faqRingCard.sa77-scroll-reveal,.sa77-faqIntro .sa77-faqAnswer.sa77-scroll-reveal{transform:translateY(16px) scale(.99);} @media (prefers-reduced-motion: reduce){.sa77-scroll-reveal,.sa77-scroll-reveal--card,.sa77-scroll-reveal--section{opacity:1!important;transform:none!important;filter:none!important;transition:none!important;}} /* SAC77 final hover + reveal pass */ .shareBtn,.btnPrimary,.newsletterMini__btn,.cookieBanner__btn,.btn,.btn.ghost,.pBtn,.cta,.modal-close,.footerToggle,.footlink,.sa77-route-card,#sa77-limited-stack .productSupport__btn,.productSupport__btn,.pPage__actions .btn,.pPage__actions .btn.ghost,.nav.prev,.nav.next{ transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .18s ease,filter .22s ease !important; } .shareBtn,.btnPrimary,.newsletterMini__btn,.cookieBanner__btn,.btn,.btn.ghost,.pBtn,.cta,.modal-close,.footerToggle,.footlink,.sa77-route-card,#sa77-limited-stack .productSupport__btn,.productSupport__btn,.pPage__actions .btn,.pPage__actions .btn.ghost,.nav.prev,.nav.next{ background:linear-gradient(180deg,rgba(42,28,18,.94),rgba(23,15,10,.92)) !important; color:rgba(255,245,232,.96) !important; border-color:rgba(255,214,170,.20) !important; box-shadow:0 12px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03) !important; } .btn.ghost,.footlink,.sa77-route-card,.nav.prev,.nav.next{background:linear-gradient(180deg,rgba(34,23,15,.88),rgba(22,15,10,.86)) !important;} .shareBtn:hover,.shareBtn:focus-visible,.btnPrimary:hover,.btnPrimary:focus-visible,.newsletterMini__btn:hover,.newsletterMini__btn:focus-visible,.cookieBanner__btn:hover,.cookieBanner__btn:focus-visible,.btn:hover,.btn:focus-visible,.btn.ghost:hover,.btn.ghost:focus-visible,.pBtn:hover,.pBtn:focus-visible,.cta:hover,.cta:focus-visible,.modal-close:hover,.modal-close:focus-visible,.footerToggle:hover,.footerToggle:focus-visible,.footlink:hover,.footlink:focus-visible,.sa77-route-card:hover,.sa77-route-card:focus-visible,#sa77-limited-stack .productSupport__btn:hover,#sa77-limited-stack .productSupport__btn:focus-visible,.productSupport__btn:hover,.productSupport__btn:focus-visible,.pPage__actions .btn:hover,.pPage__actions .btn:focus-visible,.pPage__actions .btn.ghost:hover,.pPage__actions .btn.ghost:focus-visible,.nav.prev:hover,.nav.prev:focus-visible,.nav.next:hover,.nav.next:focus-visible{ background:linear-gradient(180deg,rgba(184,144,93,.98),rgba(132,96,56,.96)) !important; color:#1c120c !important; border-color:rgba(255,228,193,.72) !important; box-shadow:0 16px 34px rgba(0,0,0,.28),0 0 0 1px rgba(255,222,186,.18),0 0 24px rgba(214,164,106,.22) !important; transform:translateY(-1px) !important; filter:none !important; } .sa77-route-card{display:flex;flex-direction:column;gap:8px;text-decoration:none !important;} .sa77-route-card strong,.sa77-route-card span{color:inherit !important;} .sa77-scroll-reveal{opacity:0;transform:translateY(18px);filter:saturate(.96);transition:opacity .62s cubic-bezier(.22,.61,.36,1),transform .62s cubic-bezier(.22,.61,.36,1),filter .62s cubic-bezier(.22,.61,.36,1);transition-delay:var(--sa77-scroll-delay,0ms);will-change:opacity,transform,filter;} .sa77-scroll-reveal--card{transform:translateY(16px) scale(.988);} .sa77-scroll-reveal--section{transform:translateY(20px);} .sa77-scroll-reveal.is-visible{opacity:1;transform:none;filter:none;} .collectionGrid .pCard.sa77-scroll-reveal.is-visible:hover{transform:translateY(-6px) !important;} #sa77-about-stack .sa77-route-card.sa77-scroll-reveal.is-visible:hover,#sa77-limited-stack .sa77-route-card.sa77-scroll-reveal.is-visible:hover{transform:translateY(-3px) !important;} #sa77-limited-stack .sa77-surface.sa77-scroll-reveal.is-visible{box-shadow:0 18px 42px rgba(0,0,0,.18),0 0 0 1px rgba(255,214,170,.06),inset 0 1px 0 rgba(255,255,255,.03);} .limited-workflow > *.sa77-scroll-reveal.is-visible,.how-grid > *.sa77-scroll-reveal.is-visible,.vaultExclusive__grid > *.sa77-scroll-reveal.is-visible,.vault-stats .stat-card.sa77-scroll-reveal.is-visible{box-shadow:0 18px 42px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03);} @media (prefers-reduced-motion: reduce){.sa77-scroll-reveal,.sa77-scroll-reveal--card,.sa77-scroll-reveal--section{opacity:1 !important;transform:none !important;filter:none !important;transition:none !important;}} /* SAC77 final hover + meaningful reveal fix */ .shareBtn,.btnPrimary,.newsletterMini__btn,.newsletterMini__link,.cookieBanner__btn,.cookieBanner__link,.btn,.btn.ghost,.pBtn,.pMore,.cta,.modal-close,.footerToggle,.footlink,.sa77-route-card,#sa77-limited-stack .productSupport__btn,.productSupport__btn,.pPage__actions .btn,.pPage__actions .btn.ghost,.nav.prev,.nav.next{ transition:background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease !important; } .shareBtn,.btnPrimary,.newsletterMini__btn,.newsletterMini__link,.cookieBanner__btn,.cookieBanner__link,.btn,.btn.ghost,.pBtn,.pMore,.cta,.modal-close,.footerToggle,.footlink,.sa77-route-card,#sa77-limited-stack .productSupport__btn,.productSupport__btn,.pPage__actions .btn,.pPage__actions .btn.ghost,.nav.prev,.nav.next{ background:linear-gradient(180deg,rgba(36,24,16,.92),rgba(22,15,10,.88)) !important; border-color:rgba(255,214,170,.24) !important; color:rgba(255,247,236,.96) !important; box-shadow:0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03) !important; } .shareBtn:hover,.shareBtn:focus-visible,.btnPrimary:hover,.btnPrimary:focus-visible,.newsletterMini__btn:hover,.newsletterMini__btn:focus-visible,.newsletterMini__link:hover,.newsletterMini__link:focus-visible,.cookieBanner__btn:hover,.cookieBanner__btn:focus-visible,.cookieBanner__link:hover,.cookieBanner__link:focus-visible,.btn:hover,.btn:focus-visible,.btn.ghost:hover,.btn.ghost:focus-visible,.pBtn:hover,.pBtn:focus-visible,.pMore:hover,.pMore:focus-visible,.cta:hover,.cta:focus-visible,.modal-close:hover,.modal-close:focus-visible,.footerToggle:hover,.footerToggle:focus-visible,.footlink:hover,.footlink:focus-visible,.sa77-route-card:hover,.sa77-route-card:focus-visible,#sa77-limited-stack .productSupport__btn:hover,#sa77-limited-stack .productSupport__btn:focus-visible,.productSupport__btn:hover,.productSupport__btn:focus-visible,.pPage__actions .btn:hover,.pPage__actions .btn:focus-visible,.pPage__actions .btn.ghost:hover,.pPage__actions .btn.ghost:focus-visible,.nav.prev:hover,.nav.prev:focus-visible,.nav.next:hover,.nav.next:focus-visible{ background:linear-gradient(180deg,rgba(214,170,108,.98),rgba(168,121,63,.96)) !important; border-color:rgba(255,223,184,.72) !important; color:#24170f !important; box-shadow:0 16px 34px rgba(112,74,34,.28), 0 0 0 1px rgba(255,224,188,.18) !important; transform:translateY(-1px); } .sa77-route-card strong,.sa77-route-card span,.pMore{color:inherit !important;} .sa77-viewfx{opacity:0;transform:translateY(18px);filter:saturate(.96);transition:opacity .58s cubic-bezier(.22,.61,.36,1),transform .58s cubic-bezier(.22,.61,.36,1),filter .58s cubic-bezier(.22,.61,.36,1);transition-delay:var(--sa77-viewfx-delay,0ms);will-change:opacity,transform,filter;} .sa77-viewfx--card{transform:translateY(16px) scale(.988);} .sa77-viewfx--section{transform:translateY(22px);} .sa77-viewfx.is-visible{opacity:1;transform:none;filter:none;} .collectionGrid .pCard.sa77-viewfx.is-visible:hover{transform:translateY(-5px) !important;} #sa77-about-stack .sa77-route-card.sa77-viewfx.is-visible:hover,#sa77-limited-stack .sa77-route-card.sa77-viewfx.is-visible:hover{transform:translateY(-3px) !important;} @media (prefers-reduced-motion: reduce){.sa77-viewfx,.sa77-viewfx--card,.sa77-viewfx--section{opacity:1 !important;transform:none !important;filter:none !important;transition:none !important;}} /* SAC77 FINAL FIX V015: visible hover + view-based reveals */ .sa77-viewfx{opacity:0;transform:translateY(18px) scale(.992);filter:saturate(.97);transition:opacity .62s cubic-bezier(.22,.61,.36,1),transform .62s cubic-bezier(.22,.61,.36,1),filter .62s cubic-bezier(.22,.61,.36,1);transition-delay:var(--sa77-viewfx-delay,0ms);will-change:opacity,transform,filter} .sa77-viewfx--card{transform:translateY(16px) scale(.988)} .sa77-viewfx--section{transform:translateY(22px)} .sa77-viewfx.is-visible{opacity:1;transform:none;filter:none} .collectionGrid .pCard.sa77-viewfx.is-visible:hover{transform:translateY(-6px) !important} #sa77-about-stack .sa77-route-card.sa77-viewfx.is-visible:hover,#sa77-limited-stack .sa77-route-card.sa77-viewfx.is-visible:hover{transform:translateY(-3px) !important} @media (prefers-reduced-motion: reduce){.sa77-viewfx,.sa77-viewfx--card,.sa77-viewfx--section{opacity:1 !important;transform:none !important;filter:none !important;transition:none !important}} .shareBtn,.shareBtn--icon,.btnPrimary,.newsletterMini__btn,.newsletterMini__link,.cookieBanner__btn,.cookieBanner__link,.btn,.btn.ghost,.pBtn,.pMore,.cta,.modal-close,.footerToggle,.footlink,.sa77-route-card,#sa77-limited-stack .productSupport__btn,.productSupport__btn,.pPage__actions .btn,.pPage__actions .btn.ghost,.nav.prev,.nav.next{background:linear-gradient(180deg,rgba(38,26,17,.94),rgba(22,15,10,.92)) !important;border-color:rgba(255,214,170,.24) !important;color:rgba(255,244,229,.96) !important;box-shadow:0 12px 24px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04);transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease !important;text-decoration:none !important} .btn.ghost,.footlink,.sa77-route-card,.nav.prev,.nav.next,.newsletterMini__link,.cookieBanner__link{background:linear-gradient(180deg,rgba(34,23,15,.90),rgba(22,15,10,.88)) !important} .shareBtn:hover,.shareBtn:focus-visible,.shareBtn--icon:hover,.shareBtn--icon:focus-visible,.btnPrimary:hover,.btnPrimary:focus-visible,.newsletterMini__btn:hover,.newsletterMini__btn:focus-visible,.newsletterMini__link:hover,.newsletterMini__link:focus-visible,.cookieBanner__btn:hover,.cookieBanner__btn:focus-visible,.cookieBanner__link:hover,.cookieBanner__link:focus-visible,.btn:hover,.btn:focus-visible,.btn.ghost:hover,.btn.ghost:focus-visible,.pBtn:hover,.pBtn:focus-visible,.pMore:hover,.pMore:focus-visible,.cta:hover,.cta:focus-visible,.modal-close:hover,.modal-close:focus-visible,.footerToggle:hover,.footerToggle:focus-visible,.footlink:hover,.footlink:focus-visible,.sa77-route-card:hover,.sa77-route-card:focus-visible,#sa77-limited-stack .productSupport__btn:hover,#sa77-limited-stack .productSupport__btn:focus-visible,.productSupport__btn:hover,.productSupport__btn:focus-visible,.pPage__actions .btn:hover,.pPage__actions .btn:focus-visible,.pPage__actions .btn.ghost:hover,.pPage__actions .btn.ghost:focus-visible,.nav.prev:hover,.nav.prev:focus-visible,.nav.next:hover,.nav.next:focus-visible{background:linear-gradient(180deg,rgba(206,162,106,.96),rgba(136,95,50,.98)) !important;border-color:rgba(255,229,193,.96) !important;color:#1f130b !important;box-shadow:0 16px 30px rgba(0,0,0,.28),0 0 0 1px rgba(255,226,188,.28),0 0 22px rgba(196,151,92,.24) !important;transform:translateY(-1px)} .shareBtn:active,.btnPrimary:active,.newsletterMini__btn:active,.cookieBanner__btn:active,.btn:active,.btn.ghost:active,.pBtn:active,.pMore:active,.cta:active,.modal-close:active,.footerToggle:active,.footlink:active,.sa77-route-card:active,#sa77-limited-stack .productSupport__btn:active,.productSupport__btn:active,.pPage__actions .btn:active,.pPage__actions .btn.ghost:active,.nav.prev:active,.nav.next:active{transform:translateY(0) scale(.985)} .nav.prev,.nav.next{opacity:1 !important;visibility:visible !important} /* SAC77 FINAL FIX V016: stronger visible hover + reliable reveals */ .shareBtn,.shareBtn--icon,.btnPrimary,.newsletterMini__btn,.newsletterMini__link,.cookieBanner__btn,.cookieBanner__link,.btn,.btn.ghost,.pBtn,.pMore,.cta,.modal-close,.footerToggle,.footlink,.sa77-route-card,#sa77-limited-stack .productSupport__btn,.productSupport__btn,.pPage__actions .btn,.pPage__actions .btn.ghost,.nav.prev,.nav.next{ transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease,filter .16s ease !important; } .shareBtn:hover,.shareBtn:focus-visible,.shareBtn--icon:hover,.shareBtn--icon:focus-visible,.btnPrimary:hover,.btnPrimary:focus-visible,.newsletterMini__btn:hover,.newsletterMini__btn:focus-visible,.newsletterMini__link:hover,.newsletterMini__link:focus-visible,.cookieBanner__btn:hover,.cookieBanner__btn:focus-visible,.cookieBanner__link:hover,.cookieBanner__link:focus-visible,.btn:hover,.btn:focus-visible,.btn.ghost:hover,.btn.ghost:focus-visible,.pBtn:hover,.pBtn:focus-visible,.pMore:hover,.pMore:focus-visible,.cta:hover,.cta:focus-visible,.modal-close:hover,.modal-close:focus-visible,.footerToggle:hover,.footerToggle:focus-visible,.footlink:hover,.footlink:focus-visible,.sa77-route-card:hover,.sa77-route-card:focus-visible,#sa77-limited-stack .productSupport__btn:hover,#sa77-limited-stack .productSupport__btn:focus-visible,.productSupport__btn:hover,.productSupport__btn:focus-visible,.pPage__actions .btn:hover,.pPage__actions .btn:focus-visible,.pPage__actions .btn.ghost:hover,.pPage__actions .btn.ghost:focus-visible,.nav.prev:hover,.nav.prev:focus-visible,.nav.next:hover,.nav.next:focus-visible{ background:linear-gradient(180deg,rgba(214,172,112,.98),rgba(150,106,58,.98)) !important; border-color:rgba(255,232,198,.98) !important; color:#20140b !important; filter:saturate(1.03); box-shadow:0 18px 32px rgba(0,0,0,.28),0 0 0 1px rgba(255,226,188,.32),0 0 24px rgba(196,151,92,.28) !important; transform:translateY(-1px) !important; } #sa77-limited-stack .productSupport__btn,#sa77-limited-stack .productSupport__btn.is-strong,.productSupport__btn,.productSupport__btn.is-strong{background:linear-gradient(180deg,rgba(38,26,17,.94),rgba(22,15,10,.92)) !important;border-color:rgba(255,214,170,.24) !important;color:rgba(255,244,229,.96) !important;box-shadow:0 12px 24px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04) !important} .sa77-viewfx{opacity:0;transform:translateY(20px);filter:saturate(.96);transition:opacity .62s cubic-bezier(.22,.61,.36,1),transform .62s cubic-bezier(.22,.61,.36,1),filter .62s cubic-bezier(.22,.61,.36,1);transition-delay:var(--sa77-viewfx-delay,0ms);will-change:opacity,transform,filter;} .sa77-viewfx--card{transform:translateY(18px) scale(.988)} .sa77-viewfx--section{transform:translateY(22px)} .sa77-viewfx.is-visible{opacity:1;transform:none;filter:none} .collectionGrid .pCard.sa77-viewfx.is-visible:hover{transform:translateY(-6px) !important} #sa77-about-stack .sa77-route-card.sa77-viewfx.is-visible:hover,#sa77-limited-stack .sa77-route-card.sa77-viewfx.is-visible:hover{transform:translateY(-3px) !important} @media (prefers-reduced-motion: reduce){.sa77-viewfx,.sa77-viewfx--card,.sa77-viewfx--section{opacity:1 !important;transform:none !important;filter:none !important;transition:none !important}} /* V003 hard fix: visible hover on limited/support buttons */ #sa77-limited-stack .productSupport__btn, .productSupport__btn, .pPage__actions .btn, .pPage__actions .btn.ghost, .sa77-route-card, .nav.prev, .nav.next, .shareBtn, .btnPrimary, .newsletterMini__btn, .cookieBanner__btn, .btn, .btn.ghost, .pBtn, .cta, .modal-close, .footerToggle, .footlink{ transition: background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease !important; } #sa77-limited-stack .productSupport__btn, .productSupport__btn, .pPage__actions .btn, .pPage__actions .btn.ghost, .sa77-route-card, .nav.prev, .nav.next{ background: linear-gradient(180deg, rgba(36,24,16,.92), rgba(20,14,10,.90)) !important; border-color: rgba(255,214,170,.22) !important; color: rgba(255,244,230,.96) !important; box-shadow: 0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06) !important; } #sa77-limited-stack .productSupport__btn:hover, #sa77-limited-stack .productSupport__btn:focus-visible, .productSupport__btn:hover, .productSupport__btn:focus-visible, .pPage__actions .btn:hover, .pPage__actions .btn:focus-visible, .pPage__actions .btn.ghost:hover, .pPage__actions .btn.ghost:focus-visible, .sa77-route-card:hover, .sa77-route-card:focus-visible, .nav.prev:hover, .nav.prev:focus-visible, .nav.next:hover, .nav.next:focus-visible{ background: linear-gradient(180deg, rgba(232,196,152,.98), rgba(202,159,108,.94)) !important; border-color: rgba(255,221,182,.58) !important; color: rgba(36,24,16,.98) !important; box-shadow: 0 16px 34px rgba(0,0,0,.30), 0 0 0 1px rgba(255,214,170,.20), 0 0 24px rgba(255,184,115,.22) !important; transform: translateY(-1px) !important; } #sa77-limited-stack .productSupport__btn.is-strong, .productSupport__btn.is-strong{ background: linear-gradient(180deg, rgba(36,24,16,.92), rgba(20,14,10,.90)) !important; } /* FIX2R: contact modal buttons need strong visible SAC77 base + hover on all index pages */ .modal-body .contactCard .btnPrimary, .modal-body .newsletterMini__btn{ background:linear-gradient(90deg,var(--sa77-surface-edge) 0%,var(--sa77-surface-shoulder) 18%,var(--sa77-surface-mid) 50%,var(--sa77-surface-shoulder) 82%,var(--sa77-surface-edge) 100%),linear-gradient(180deg,var(--sa77-surface-top),var(--sa77-surface-bot)) !important; border-color:rgba(255,214,170,.30) !important; color:rgba(255,244,231,.97) !important; text-decoration:none !important; box-shadow:0 14px 28px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05), inset 0 -1px 0 rgba(0,0,0,.24) !important; transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease,filter .18s ease !important; } .modal-body .contactCard .btnPrimary:hover, .modal-body .contactCard .btnPrimary:focus-visible, .modal-body .newsletterMini__btn:hover, .modal-body .newsletterMini__btn:focus-visible{ background:linear-gradient(180deg,rgba(242,206,164,.98),rgba(221,180,131,.94)) !important; border-color:rgba(255,223,184,.72) !important; color:rgba(39,25,17,.98) !important; box-shadow:0 16px 30px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.24), 0 0 22px rgba(196,151,92,.20) !important; transform:translateY(-1px) !important; filter:none !important; } /* SAC77 COOKIE CONSENT BOX v1 */ html.cookie-open,html.cookie-open body{overflow:hidden} .cookieBanner[hidden]{display:none!important} .cookieBanner{position:fixed;inset:0;z-index:21000;display:block;padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none} .cookieBanner__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.66)} .cookieBanner__card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;width:min(860px,calc(100vw - 28px));max-height:min(76vh,720px);overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.18);background:rgba(20,14,10,.72);box-shadow:0 28px 80px rgba(0,0,0,.55);isolation:isolate;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);outline:none} .cookieBanner__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:18px 18px 16px;border-bottom:1px solid rgba(255,214,170,.12);background:linear-gradient(180deg,rgba(31,20,14,.84),rgba(20,12,9,.74))} .cookieBanner__titleWrap{display:block;width:100%;min-width:0} .cookieBanner__kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:6px 11px;border-radius:999px;border:1px solid rgba(255,214,170,.16);background:rgba(255,255,255,.035);color:rgba(255,235,213,.80);font:850 9.5px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.19em;text-transform:uppercase} .cookieBanner__kicker::before{content:"";display:inline-block;width:6px;height:6px;border-radius:999px;background:rgba(255,214,170,.82);box-shadow:0 0 0 3px rgba(255,214,170,.08)} .cookieBanner__title{margin:0;color:rgba(255,248,241,.98);font:840 clamp(24px,2.65vw,34px)/1.08 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:-.024em;text-wrap:balance} .cookieBanner__note{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;font:800 9.5px/1.35 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.20em;text-transform:uppercase;color:rgba(255,223,195,.82)} .cookieBanner__note::before{content:"";display:block;flex:0 0 54px;height:1px;background:linear-gradient(90deg,rgba(255,216,177,.70),rgba(255,216,177,.10),rgba(255,216,177,0))} .cookieBanner__close{flex:0 0 auto;margin:4px 0 0} .cookieBanner__body{font-size:clamp(13px,1.2vw,14px);padding:14px 16px 12px;overflow:auto;flex:1;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;-ms-overflow-style:none;color:rgba(255,255,255,.88);font:600 14px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif} .cookieBanner__body::-webkit-scrollbar{width:0;height:0} .cookieBanner__body h3{margin:0 0 8px;font-size:15px;letter-spacing:.15px;color:rgba(255,255,255,.94)} .cookieBanner__body p{margin:0 0 12px} .cookieBanner__body hr{border:0;border-top:1px solid rgba(255,255,255,.16);margin:14px 0} .cookieBanner__body strong{color:rgba(255,245,236,.98)} .cookieBanner__links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:rgba(255,228,205,.88);margin:4px 0 2px} .cookieBanner__textLink{font:800 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none} .cookieBanner__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 16px 18px} .cookieBanner__actions .cookieBanner__btn{min-height:46px;width:100%;padding:12px 16px;border-radius:16px;font:900 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase} .cookiePrefsBtn{position:fixed;right:18px;bottom:138px;z-index:20990;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,214,170,.22);background:linear-gradient(180deg,rgba(34,22,15,.94),rgba(20,13,9,.92));color:rgba(255,244,231,.96);box-shadow:0 12px 28px rgba(0,0,0,.28);font:900 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer} .cookiePrefsBtn:hover,.cookiePrefsBtn:focus-visible{background:linear-gradient(180deg,rgba(242,206,164,.98),rgba(221,180,131,.94));border-color:rgba(255,223,184,.52);color:rgba(39,25,17,.98)} .cookiePrefsBtn:focus-visible{outline:2px solid rgba(255,221,180,.32);outline-offset:2px} @media (max-width:640px){ .cookieBanner__card{width:min(100vw - 16px,100%);max-height:min(84vh,900px);border-radius:20px} .cookieBanner__head{padding:16px 14px 14px} .cookieBanner__title{font-size:clamp(21px,7vw,28px)} .cookieBanner__kicker{margin-bottom:10px;font-size:9px;letter-spacing:.17em} .cookieBanner__note{gap:10px;font-size:9px} .cookieBanner__note::before{flex-basis:32px} .cookieBanner__body{padding:14px 14px 10px} .cookieBanner__actions{grid-template-columns:1fr;padding:0 14px 14px} .cookiePrefsBtn{right:14px;bottom:92px} } /* SAC77 cookie modal polish — match standard legal modals */ .cookieModal__titleWrap{display:block;width:100%;min-width:0} .cookieModal__badge{margin-top:10px;color:rgba(255,238,214,.98)!important;text-shadow:0 1px 0 rgba(0,0,0,.34)!important} .cookieModal__meta{padding-top:10px!important} .cookieModal__meta .modal-headKicker{color:rgba(255,231,203,.96)!important} .cookieModal__meta .modal-headNote{color:rgba(255,244,231,.99)!important;border-color:rgba(255,214,170,.20)!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,214,170,.04))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important} .cookieModal__body{padding:16px 18px 18px;color:rgba(255,244,232,.96)!important;text-shadow:0 1px 0 rgba(0,0,0,.34)} .cookieModal__body h2{margin:0 0 10px;color:rgba(255,248,241,.98)} .cookieModal__body h3{color:rgba(255,246,236,.98)!important} .cookieModal__body p{color:rgba(255,240,226,.95);margin:0 0 12px} .cookieModal__body hr{border:0;border-top:1px solid rgba(255,255,255,.16);margin:14px 0} .cookieModal__body strong{color:rgba(255,248,239,.99)} .cookieModal__links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 0;color:rgba(255,232,208,.92)} .cookieModal__textLink{font:800 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:rgba(255,236,214,.96)} .cookieModal__textLink:hover,.cookieModal__textLink:focus-visible{color:rgba(255,248,239,.99);text-decoration:none} .cookieModal__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px} .cookieModal__btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;width:100%;padding:12px 16px;border-radius:16px;border:1px solid rgba(255,214,170,.20)!important;background:linear-gradient(180deg,rgba(42,28,18,.94),rgba(23,15,10,.92))!important;color:rgba(255,245,232,.96)!important;box-shadow:0 12px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03)!important;font:900 12px/1.08 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase;cursor:pointer;transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .18s ease,filter .22s ease !important} .cookieModal__btn:hover,.cookieModal__btn:focus-visible{background:linear-gradient(180deg,rgba(184,144,93,.98),rgba(132,96,56,.96)) !important;color:#1c120c !important;border-color:rgba(255,228,193,.72) !important;box-shadow:0 16px 34px rgba(0,0,0,.28),0 0 0 1px rgba(255,222,186,.18),0 0 24px rgba(214,164,106,.22) !important;transform:translateY(-1px)} .cookieModal__btn:active{transform:translateY(0) scale(.985)} .cookieModal__btn:focus-visible{outline:2px solid rgba(255,214,170,.68);outline-offset:2px} @media (max-width:640px){ .cookieModal__card{width:min(100vw - 16px,100%);max-height:min(84vh,900px);border-radius:20px} .cookieModal__body{padding:14px 14px 14px} .cookieModal__actions{grid-template-columns:1fr} .cookieModal__btn{min-height:44px;font-size:11px;line-height:1.18} } /* --- SAC77 cookie modal polish fix --- */ ::selection{background:rgba(232,186,126,.36);color:rgba(255,249,242,.99);text-shadow:none} ::-moz-selection{background:rgba(232,186,126,.36);color:rgba(255,249,242,.99);text-shadow:none} .modal-card ::selection,.modal-card *::selection,.cookieModal ::selection,.cookieModal *::selection{background:rgba(232,186,126,.42)!important;color:rgba(255,250,244,.99)!important;text-shadow:none!important} .modal-card ::-moz-selection,.modal-card *::-moz-selection,.cookieModal ::-moz-selection,.cookieModal *::-moz-selection{background:rgba(232,186,126,.42)!important;color:rgba(255,250,244,.99)!important;text-shadow:none!important} .modal-body .muted,.modal-body p.muted,.modal-body .small,.modal-body .vault-note,.modal-body .vault-kicker,.modal-body .modal-badge,.modal-body .contactBadge{color:rgba(255,238,216,.90)!important} .cookieModal__badge,.cookieModal__meta,.cookieModal__meta .modal-headKicker,.cookieModal__meta .modal-headNote,.cookieModal__links,.cookieModal__links span,.cookieModal__textLink{color:rgba(255,234,208,.96)!important} .cookieModal__body,.cookieModal__body h2,.cookieModal__body h3,.cookieModal__body p,.cookieModal__body strong{color:rgba(255,244,232,.96)!important} .cookieModal__body hr{border-top-color:rgba(255,214,170,.22)!important} .cookieModal__actions--lang{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px} .cookieModal__btn, .modal-body .contactCard .btnPrimary, .modal-body .newsletterMini__btn{ appearance:none!important; -webkit-appearance:none!important; border:1px solid rgba(255,214,170,.24)!important; border-radius:16px!important; background:linear-gradient(180deg,rgba(255,220,179,.96),rgba(225,185,134,.92))!important; color:rgba(34,22,14,.98)!important; box-shadow:0 14px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.26)!important; text-shadow:none!important; transition:transform .16s ease,box-shadow .16s ease,filter .16s ease,background .16s ease,border-color .16s ease,color .16s ease!important; } .cookieModal__btn:hover,.cookieModal__btn:focus-visible, .modal-body .contactCard .btnPrimary:hover,.modal-body .contactCard .btnPrimary:focus-visible, .modal-body .newsletterMini__btn:hover,.modal-body .newsletterMini__btn:focus-visible{ background:linear-gradient(180deg,rgba(252,228,194,.99),rgba(238,199,148,.96))!important; border-color:rgba(255,229,194,.84)!important; color:rgba(28,18,12,.99)!important; box-shadow:0 18px 34px rgba(0,0,0,.30),0 0 0 1px rgba(255,223,184,.20),0 0 22px rgba(255,196,132,.18),inset 0 1px 0 rgba(255,255,255,.32)!important; transform:translateY(-1px)!important; filter:none!important; } .cookieModal__btn:active, .modal-body .contactCard .btnPrimary:active, .modal-body .newsletterMini__btn:active{transform:translateY(0)!important;box-shadow:0 10px 20px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.18)!important} .cookieModal__btn:focus-visible, .modal-body .contactCard .btnPrimary:focus-visible, .modal-body .newsletterMini__btn:focus-visible{outline:2px solid rgba(255,227,188,.78)!important;outline-offset:2px!important} @media (max-width:720px){.cookieModal__actions--lang{grid-template-columns:1fr}} /* --- SAC77 modal polish: readable head text, proper CTA hover, cross-links --- */ .modal .modal-badge, .modal .contactBadge, .modal .modal-headKicker, .modal .modal-headNote, .modal .muted, .modal .modal-body p.muted, .modal .modal-body .small{ color:rgba(255,243,228,.98)!important; text-shadow:0 1px 0 rgba(0,0,0,.44),0 0 18px rgba(0,0,0,.16)!important; opacity:1!important; } .modal .modal-headKicker{ letter-spacing:.22em!important; } .modal .modal-headNote{ border-color:rgba(255,214,170,.18)!important; background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,214,170,.04))!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important; } .modal .modal-body a:not(.btn):not(.btnPrimary):not(.newsletterMini__btn):not(.newsletterMini__link):not(.sa77-route-card):not(.modalCrosslinks__item){ color:rgba(255,231,199,.98)!important; text-decoration-color:rgba(255,215,170,.72)!important; text-underline-offset:2px; text-decoration-thickness:1.5px; } .modal .modal-body a:not(.btn):not(.btnPrimary):not(.newsletterMini__btn):not(.newsletterMini__link):not(.sa77-route-card):not(.modalCrosslinks__item):hover, .modal .modal-body a:not(.btn):not(.btnPrimary):not(.newsletterMini__btn):not(.newsletterMini__link):not(.sa77-route-card):not(.modalCrosslinks__item):focus-visible{ color:rgba(255,244,228,.99)!important; text-decoration-color:rgba(255,230,200,.94)!important; } .modal .contactCard .btnPrimary, .modal .newsletterMini__btn, .cookieModal .cookieModal__btn{ appearance:none!important; -webkit-appearance:none!important; position:relative!important; overflow:hidden!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:46px!important; padding:12px 16px!important; border-radius:16px!important; background:linear-gradient(180deg,rgba(34,22,15,.94),rgba(20,13,9,.92))!important; border:1px solid rgba(255,214,170,.18)!important; color:rgba(255,244,231,.96)!important; text-decoration:none!important; box-shadow:0 10px 22px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.02)!important; font:900 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important; letter-spacing:.06em!important; text-transform:uppercase!important; transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease!important; } .modal .contactCard .btnPrimary::after, .modal .newsletterMini__btn::after, .cookieModal .cookieModal__btn::after{ content:""; position:absolute; inset:5px; border-radius:12px; border:1px dashed rgba(255,214,170,.16); opacity:.88; pointer-events:none; } .modal .contactCard .btnPrimary:hover, .modal .contactCard .btnPrimary:focus-visible, .modal .newsletterMini__btn:hover, .modal .newsletterMini__btn:focus-visible, .cookieModal .cookieModal__btn:hover, .cookieModal .cookieModal__btn:focus-visible{ background:linear-gradient(180deg,rgba(242,206,164,.98),rgba(221,180,131,.94))!important; border-color:rgba(255,223,184,.52)!important; color:rgba(39,25,17,.98)!important; box-shadow:0 12px 26px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.28)!important; transform:translateY(-1px)!important; } .modal .contactCard .btnPrimary:active, .modal .newsletterMini__btn:active, .cookieModal .cookieModal__btn:active{ transform:translateY(0)!important; } .modal .contactCard .btnPrimary:focus-visible, .modal .newsletterMini__btn:focus-visible, .cookieModal .cookieModal__btn:focus-visible{ outline:2px solid rgba(255,221,180,.32)!important; outline-offset:2px!important; } .modalCrosslinks{ margin:18px 0 4px; padding:14px; border-radius:18px; border:1px solid rgba(255,214,170,.14); background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,214,170,.025)); box-shadow:0 14px 30px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.03); } .modalCrosslinks__title{ margin:0 0 10px; color:rgba(255,237,212,.96); font:900 11px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; letter-spacing:.2em; text-transform:uppercase; } .modalCrosslinks__list{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; } .modalCrosslinks__item{ appearance:none; -webkit-appearance:none; display:flex; flex-direction:column; align-items:flex-start; gap:6px; width:100%; padding:12px 13px; border-radius:16px; border:1px solid rgba(255,214,170,.18); background:linear-gradient(180deg,rgba(34,22,15,.94),rgba(20,13,9,.92)); color:rgba(255,244,231,.96)!important; text-decoration:none!important; text-align:left; cursor:pointer; box-shadow:0 10px 22px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.02); transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease; } .modalCrosslinks__item strong{ color:inherit!important; font:900 12px/1.12 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; letter-spacing:.05em; text-transform:uppercase; } .modalCrosslinks__item span{ color:rgba(255,233,209,.86); font:700 12px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; } .modalCrosslinks__item:hover, .modalCrosslinks__item:focus-visible{ background:linear-gradient(180deg,rgba(242,206,164,.98),rgba(221,180,131,.94)); border-color:rgba(255,223,184,.52); color:rgba(39,25,17,.98)!important; box-shadow:0 12px 26px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.28); transform:translateY(-1px); } .modalCrosslinks__item:hover span, .modalCrosslinks__item:focus-visible span{ color:rgba(39,25,17,.88); } .modalCrosslinks__item:focus-visible{ outline:2px solid rgba(255,221,180,.32); outline-offset:2px; } @media (max-width:760px){ .modalCrosslinks__list{grid-template-columns:1fr;} } /* SA77 V014 contact modal buttons hard-fix */ .contactCard .btnPrimary, .contactCard .newsletterMini__btn, .modal-body .contactCard .btnPrimary, .modal-body .contactCard .newsletterMini__btn, .contactForm .btnPrimary, .newsletterMini__btn{ -webkit-appearance:none !important; appearance:none !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:44px !important; padding:0 18px !important; border-radius:999px !important; border:1px solid rgba(255,214,170,.22) !important; background:linear-gradient(180deg,rgba(40,28,20,.78),rgba(18,12,8,.62)) !important; color:rgba(255,242,228,.97) !important; font:900 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important; letter-spacing:.10em !important; text-transform:uppercase !important; text-decoration:none !important; box-shadow:0 10px 24px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05) !important; transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,filter .18s ease !important; cursor:pointer !important; } .contactCard .btnPrimary:hover, .contactCard .btnPrimary:focus-visible, .contactCard .newsletterMini__btn:hover, .contactCard .newsletterMini__btn:focus-visible, .modal-body .contactCard .btnPrimary:hover, .modal-body .contactCard .btnPrimary:focus-visible, .modal-body .contactCard .newsletterMini__btn:hover, .modal-body .contactCard .newsletterMini__btn:focus-visible, .contactForm .btnPrimary:hover, .contactForm .btnPrimary:focus-visible, .newsletterMini__btn:hover, .newsletterMini__btn:focus-visible{ background:linear-gradient(180deg,rgba(255,216,170,.98),rgba(224,184,136,.90)) !important; color:rgba(30,20,12,.98) !important; border-color:rgba(255,224,190,.46) !important; box-shadow:0 14px 28px rgba(0,0,0,.30),0 0 0 1px rgba(255,224,190,.15),0 0 22px rgba(255,187,112,.20) !important; transform:translateY(-1px) !important; filter:none !important; } .contactCard .btnPrimary:active, .contactCard .newsletterMini__btn:active, .modal-body .contactCard .btnPrimary:active, .modal-body .contactCard .newsletterMini__btn:active, .contactForm .btnPrimary:active, .newsletterMini__btn:active{ transform:translateY(0) scale(.985) !important; } .contactCard .btnPrimary:focus-visible, .contactCard .newsletterMini__btn:focus-visible, .modal-body .contactCard .btnPrimary:focus-visible, .modal-body .contactCard .newsletterMini__btn:focus-visible, .contactForm .btnPrimary:focus-visible, .newsletterMini__btn:focus-visible{ outline:2px solid rgba(255,224,190,.55) !important; outline-offset:2px !important; } /* SA77 CONTACT MODAL BUTTON HOVER REFIX */ .contactCard .btnPrimary, .contactCard .newsletterMini__btn, .contactCard .newsletterMini__fineprint .newsletterMini__link{ position:relative; display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid rgba(255,214,170,.24) !important; background:linear-gradient(180deg,rgba(38,26,18,.96),rgba(20,14,9,.92)) !important; color:rgba(255,247,236,.96) !important; box-shadow:0 10px 24px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.04) !important; transition:background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease !important; text-decoration:none !important; } .contactCard .btnPrimary, .contactCard .newsletterMini__btn{ font:900 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important; letter-spacing:.08em !important; text-transform:uppercase !important; } .contactCard .btnPrimary{ min-height:38px; padding:0 16px !important; } .contactCard .newsletterMini__btn{ min-height:34px; padding:0 14px !important; } .contactCard .newsletterMini__fineprint .newsletterMini__link{ min-height:28px; padding:4px 10px; margin:0 4px 0 6px; border-radius:999px !important; font:800 11px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important; letter-spacing:.06em; text-underline-offset:0; vertical-align:middle; } .contactCard .btnPrimary:hover, .contactCard .btnPrimary:focus-visible, .contactCard .newsletterMini__btn:hover, .contactCard .newsletterMini__btn:focus-visible, .contactCard .newsletterMini__fineprint .newsletterMini__link:hover, .contactCard .newsletterMini__fineprint .newsletterMini__link:focus-visible{ background:linear-gradient(180deg,rgba(214,170,108,.98),rgba(168,121,63,.96)) !important; border-color:rgba(255,223,184,.72) !important; color:#24170f !important; box-shadow:0 16px 34px rgba(112,74,34,.28),0 0 0 1px rgba(255,224,188,.18) !important; transform:translateY(-1px); } .contactCard .btnPrimary:active, .contactCard .newsletterMini__btn:active, .contactCard .newsletterMini__fineprint .newsletterMini__link:active{ transform:translateY(0) scale(.985); box-shadow:0 8px 18px rgba(0,0,0,.24) !important; } .contactCard .btnPrimary:focus-visible, .contactCard .newsletterMini__btn:focus-visible, .contactCard .newsletterMini__fineprint .newsletterMini__link:focus-visible{ outline:2px solid rgba(255,223,184,.78); outline-offset:2px; } /* SA77 V015 policy modal crosslink button hard-fix */ .modalCrosslinks, .modalCrosslinks__list{ display:block; } .modalCrosslinks__list{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:10px !important; } .modalCrosslinks__item, button.modalCrosslinks__item, a.modalCrosslinks__item, .modal .modal-body .modalCrosslinks__item, .modal .modal-body button.modalCrosslinks__item, .modal .modal-body a.modalCrosslinks__item{ -webkit-appearance:none !important; appearance:none !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:flex-start !important; gap:6px !important; width:100% !important; margin:0 !important; padding:12px 13px !important; border-radius:16px !important; border:1px solid rgba(255,214,170,.22) !important; background:linear-gradient(180deg,rgba(38,26,17,.94),rgba(22,15,10,.92)) !important; color:rgba(255,244,229,.96) !important; text-decoration:none !important; text-align:left !important; font:inherit !important; line-height:1.25 !important; white-space:normal !important; cursor:pointer !important; box-shadow:0 12px 24px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04) !important; transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease !important; } .modalCrosslinks__item strong, button.modalCrosslinks__item strong, a.modalCrosslinks__item strong{ display:block !important; width:100% !important; color:inherit !important; font:900 12px/1.12 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important; letter-spacing:.05em !important; text-transform:uppercase !important; } .modalCrosslinks__item span, button.modalCrosslinks__item span, a.modalCrosslinks__item span{ display:block !important; width:100% !important; color:rgba(255,233,209,.86) !important; font:700 12px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important; } .modalCrosslinks__item:hover, .modalCrosslinks__item:focus-visible, button.modalCrosslinks__item:hover, button.modalCrosslinks__item:focus-visible, a.modalCrosslinks__item:hover, a.modalCrosslinks__item:focus-visible, .modalCrosslinks__item[data-modal-link="contact"]:hover, .modalCrosslinks__item[data-modal-link="contact"]:focus-visible{ background:linear-gradient(180deg,rgba(206,162,106,.96),rgba(136,95,50,.98)) !important; border-color:rgba(255,229,193,.96) !important; color:#1f130b !important; box-shadow:0 16px 30px rgba(0,0,0,.28),0 0 0 1px rgba(255,226,188,.28),0 0 22px rgba(196,151,92,.24) !important; transform:translateY(-1px) !important; } .modalCrosslinks__item:hover span, .modalCrosslinks__item:focus-visible span, button.modalCrosslinks__item:hover span, button.modalCrosslinks__item:focus-visible span, a.modalCrosslinks__item:hover span, a.modalCrosslinks__item:focus-visible span, .modalCrosslinks__item[data-modal-link="contact"]:hover span, .modalCrosslinks__item[data-modal-link="contact"]:focus-visible span{ color:rgba(31,19,11,.84) !important; } .modalCrosslinks__item:active, button.modalCrosslinks__item:active, a.modalCrosslinks__item:active, .modalCrosslinks__item[data-modal-link="contact"]:active{ transform:translateY(0) scale(.985) !important; box-shadow:0 8px 18px rgba(0,0,0,.24) !important; } .modalCrosslinks__item:focus-visible, button.modalCrosslinks__item:focus-visible, a.modalCrosslinks__item:focus-visible, .modalCrosslinks__item[data-modal-link="contact"]:focus-visible{ outline:2px solid rgba(255,223,184,.78) !important; outline-offset:2px !important; } @media (max-width:760px){ .modalCrosslinks__list{ grid-template-columns:1fr !important; } } /* SA77 FINAL CONTACT + MODAL CROSSLINK HARD GUARD */ .contactCard .btnPrimary, .contactCard .newsletterMini__btn, .contactCard .newsletterMini__fineprint .newsletterMini__link, .modal .contactCard .btnPrimary, .modal .contactCard .newsletterMini__btn, .modal .contactCard .newsletterMini__fineprint .newsletterMini__link, .modalCrosslinks__item, button.modalCrosslinks__item, a.modalCrosslinks__item{ appearance:none !important; -webkit-appearance:none !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; min-height:40px !important; padding:0 16px !important; border-radius:999px !important; border:1px solid rgba(255,214,170,.24) !important; background:linear-gradient(180deg,rgba(40,28,20,.94),rgba(18,12,8,.90)) !important; color:rgba(255,245,232,.97) !important; text-decoration:none !important; font:900 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important; letter-spacing:.08em !important; text-transform:uppercase !important; box-shadow:0 12px 26px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.04) !important; transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease !important; cursor:pointer !important; } .modalCrosslinks__item, button.modalCrosslinks__item, a.modalCrosslinks__item{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:flex-start !important; width:100% !important; min-height:0 !important; padding:12px 13px !important; border-radius:16px !important; text-align:left !important; white-space:normal !important; } .modalCrosslinks__item strong, button.modalCrosslinks__item strong, a.modalCrosslinks__item strong{ display:block !important; width:100% !important; color:inherit !important; font:900 12px/1.12 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important; letter-spacing:.05em !important; text-transform:uppercase !important; } .modalCrosslinks__item span, button.modalCrosslinks__item span, a.modalCrosslinks__item span{ display:block !important; width:100% !important; color:rgba(255,233,209,.86) !important; font:700 12px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important; text-transform:none !important; letter-spacing:0 !important; } .contactCard .btnPrimary:hover, .contactCard .btnPrimary:focus-visible, .contactCard .newsletterMini__btn:hover, .contactCard .newsletterMini__btn:focus-visible, .contactCard .newsletterMini__fineprint .newsletterMini__link:hover, .contactCard .newsletterMini__fineprint .newsletterMini__link:focus-visible, .modal .contactCard .btnPrimary:hover, .modal .contactCard .btnPrimary:focus-visible, .modal .contactCard .newsletterMini__btn:hover, .modal .contactCard .newsletterMini__btn:focus-visible, .modal .contactCard .newsletterMini__fineprint .newsletterMini__link:hover, .modal .contactCard .newsletterMini__fineprint .newsletterMini__link:focus-visible, .modalCrosslinks__item:hover, .modalCrosslinks__item:focus-visible, button.modalCrosslinks__item:hover, button.modalCrosslinks__item:focus-visible, a.modalCrosslinks__item:hover, a.modalCrosslinks__item:focus-visible{ background:linear-gradient(180deg,rgba(216,171,110,.98),rgba(168,121,63,.96)) !important; border-color:rgba(255,223,184,.72) !important; color:#24170f !important; box-shadow:0 16px 34px rgba(112,74,34,.28),0 0 0 1px rgba(255,224,188,.18) !important; transform:translateY(-1px) !important; } .modalCrosslinks__item:hover span, .modalCrosslinks__item:focus-visible span, button.modalCrosslinks__item:hover span, button.modalCrosslinks__item:focus-visible span, a.modalCrosslinks__item:hover span, a.modalCrosslinks__item:focus-visible span{ color:rgba(31,19,11,.84) !important; } .contactCard .btnPrimary:active, .contactCard .newsletterMini__btn:active, .contactCard .newsletterMini__fineprint .newsletterMini__link:active, .modal .contactCard .btnPrimary:active, .modal .contactCard .newsletterMini__btn:active, .modal .contactCard .newsletterMini__fineprint .newsletterMini__link:active, .modalCrosslinks__item:active, button.modalCrosslinks__item:active, a.modalCrosslinks__item:active{ transform:translateY(0) scale(.985) !important; box-shadow:0 8px 18px rgba(0,0,0,.24) !important; } .contactCard .btnPrimary:focus-visible, .contactCard .newsletterMini__btn:focus-visible, .contactCard .newsletterMini__fineprint .newsletterMini__link:focus-visible, .modal .contactCard .btnPrimary:focus-visible, .modal .contactCard .newsletterMini__btn:focus-visible, .modal .contactCard .newsletterMini__fineprint .newsletterMini__link:focus-visible, .modalCrosslinks__item:focus-visible, button.modalCrosslinks__item:focus-visible, a.modalCrosslinks__item:focus-visible{ outline:2px solid rgba(255,223,184,.78) !important; outline-offset:2px !important; } /* SA77 home logo/header brand hover hard-fix */ .brand{ position:relative; border-radius:18px; padding:4px 6px; margin:-4px -6px; transition:transform .18s ease,filter .18s ease,box-shadow .18s ease,background .18s ease; cursor:pointer; } .brand::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; opacity:0; transition:opacity .18s ease,box-shadow .18s ease; background:linear-gradient(180deg,rgba(255,214,170,.08),rgba(255,214,170,.02)); box-shadow:0 0 0 1px rgba(255,214,170,.12),0 12px 28px rgba(0,0,0,.26),0 0 18px rgba(255,184,115,.14); } .brand-mark, .brand-name, .brand-sub{ transition:transform .18s ease,filter .18s ease,box-shadow .18s ease,color .18s ease,opacity .18s ease,background .18s ease,border-color .18s ease; } @media (hover:hover){ .brand:hover{ transform:translateY(-1px); filter:brightness(1.03); } .brand:hover::before{ opacity:1; } .brand:hover .brand-mark{ transform:translateY(-1px) scale(1.04); background:linear-gradient(180deg,rgba(255,226,195,.20),rgba(255,214,170,.10)); border-color:rgba(255,214,170,.34); box-shadow:0 18px 36px rgba(0,0,0,.34),0 0 0 1px rgba(255,214,170,.18),0 0 16px rgba(255,184,115,.18); } .brand:hover .brand-name{ color:rgba(255,244,230,.99); text-shadow:0 0 12px rgba(255,184,115,.14); } .brand:hover .brand-sub{ color:rgba(255,230,205,.88); } } .brand:focus-visible{ outline:none; transform:translateY(-1px); } .brand:focus-visible::before{ opacity:1; box-shadow:0 0 0 2px rgba(255,214,170,.46),0 14px 30px rgba(0,0,0,.28),0 0 18px rgba(255,184,115,.18); } .brand:focus-visible .brand-mark{ background:linear-gradient(180deg,rgba(255,226,195,.20),rgba(255,214,170,.10)); border-color:rgba(255,214,170,.38); } /* SA77 GUARD V001: unified button system + transparency note */ .shareBtn, .shareBtn--icon, .btnPrimary, .newsletterMini__btn, .newsletterMini__link, .cookieBanner__btn, .cookieBanner__link, .cookieModal__btn, .cookieModal__textLink, .btn, .btn.ghost, .pBtn, .pMore, .cta, .modal-close, .footerToggle, .footlink, .stickyAmazon, .sa77-route-card, .sa77-faqPageLink, .modalCrosslinks__item, button.modalCrosslinks__item, a.modalCrosslinks__item, .productSupport__btn, .productSupport__btn.is-strong, .about-cta, .nav.prev, .nav.next, .lost-signal-link{ transition:background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .18s ease,filter .22s ease,opacity .22s ease !important; } .shareBtn, .btnPrimary, .newsletterMini__btn, .newsletterMini__link, .cookieBanner__btn, .cookieBanner__link, .cookieModal__btn, .btn, .btn.ghost, .pBtn, .pMore, .cta, .modal-close, .footerToggle, .footlink, .stickyAmazon, .sa77-route-card, .sa77-faqPageLink, .modalCrosslinks__item, button.modalCrosslinks__item, a.modalCrosslinks__item, .productSupport__btn, .productSupport__btn.is-strong, .about-cta, .nav.prev, .nav.next{ background:linear-gradient(180deg,rgba(38,26,17,.94),rgba(22,15,10,.92)) !important; border-color:rgba(255,214,170,.24) !important; color:rgba(255,244,229,.97) !important; box-shadow:0 12px 28px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04) !important; } .shareBtn:hover,.shareBtn:focus-visible, .btnPrimary:hover,.btnPrimary:focus-visible, .newsletterMini__btn:hover,.newsletterMini__btn:focus-visible, .newsletterMini__link:hover,.newsletterMini__link:focus-visible, .cookieBanner__btn:hover,.cookieBanner__btn:focus-visible, .cookieBanner__link:hover,.cookieBanner__link:focus-visible, .cookieModal__btn:hover,.cookieModal__btn:focus-visible, .btn:hover,.btn:focus-visible, .btn.ghost:hover,.btn.ghost:focus-visible, .pBtn:hover,.pBtn:focus-visible, .pMore:hover,.pMore:focus-visible, .cta:hover,.cta:focus-visible, .modal-close:hover,.modal-close:focus-visible, .footerToggle:hover,.footerToggle:focus-visible, .footlink:hover,.footlink:focus-visible, .stickyAmazon:hover,.stickyAmazon:focus-visible, .sa77-route-card:hover,.sa77-route-card:focus-visible, .sa77-faqPageLink:hover,.sa77-faqPageLink:focus-visible, .modalCrosslinks__item:hover,.modalCrosslinks__item:focus-visible, button.modalCrosslinks__item:hover,button.modalCrosslinks__item:focus-visible, a.modalCrosslinks__item:hover,a.modalCrosslinks__item:focus-visible, .productSupport__btn:hover,.productSupport__btn:focus-visible, .about-cta:hover,.about-cta:focus-visible, .nav.prev:hover,.nav.prev:focus-visible, .nav.next:hover,.nav.next:focus-visible{ background:linear-gradient(180deg,rgba(214,170,108,.98),rgba(168,121,63,.96)) !important; border-color:rgba(255,223,184,.72) !important; color:#24170f !important; box-shadow:0 16px 34px rgba(112,74,35,.28),0 0 0 1px rgba(255,223,184,.20),inset 0 1px 0 rgba(255,255,255,.18) !important; transform:translateY(-1px); filter:none !important; text-decoration:none !important; } .shareBtn:active, .btnPrimary:active, .newsletterMini__btn:active, .newsletterMini__link:active, .cookieBanner__btn:active, .cookieBanner__link:active, .cookieModal__btn:active, .btn:active, .btn.ghost:active, .pBtn:active, .pMore:active, .cta:active, .modal-close:active, .footerToggle:active, .footlink:active, .stickyAmazon:active, .sa77-route-card:active, .sa77-faqPageLink:active, .modalCrosslinks__item:active, .productSupport__btn:active, .about-cta:active, .nav.prev:active, .nav.next:active{ transform:translateY(0) scale(.985) !important; box-shadow:0 8px 18px rgba(0,0,0,.24) !important; } .shareBtn:focus-visible, .btnPrimary:focus-visible, .newsletterMini__btn:focus-visible, .newsletterMini__link:focus-visible, .cookieBanner__btn:focus-visible, .cookieBanner__link:focus-visible, .cookieModal__btn:focus-visible, .btn:focus-visible, .btn.ghost:focus-visible, .pBtn:focus-visible, .pMore:focus-visible, .cta:focus-visible, .modal-close:focus-visible, .footerToggle:focus-visible, .footlink:focus-visible, .stickyAmazon:focus-visible, .sa77-route-card:focus-visible, .sa77-faqPageLink:focus-visible, .modalCrosslinks__item:focus-visible, .productSupport__btn:focus-visible, .about-cta:focus-visible, .nav.prev:focus-visible, .nav.next:focus-visible{ outline:2px solid rgba(255,223,184,.76) !important; outline-offset:2px !important; } .contactCard .btnPrimary, .contactCard .newsletterMini__btn, .contactCard .newsletterMini__link, .modal .contactCard .btnPrimary, .modal .contactCard .newsletterMini__btn, .modal .contactCard .newsletterMini__link, .contactForm .btnPrimary, .newsletterMini__btn{ min-height:44px !important; padding:0 18px !important; border-radius:999px !important; font:900 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important; letter-spacing:.08em !important; text-transform:uppercase !important; } .contactCard .newsletterMini__link, .modal .contactCard .newsletterMini__link{ min-height:30px !important; padding:6px 12px !important; font:800 11px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important; } .sa77-transparency-note{ margin:18px 0 0; padding:12px 14px; border-radius:16px; border:1px solid rgba(255,214,170,.18); background:linear-gradient(180deg,rgba(40,28,20,.58),rgba(18,12,8,.46)); box-shadow:0 12px 28px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.03); color:rgba(255,234,214,.88); } .sa77-transparency-note__kicker{ display:block; margin:0 0 6px; font:900 10px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,216,176,.78); } .sa77-transparency-note__text{ margin:0; font:600 12.5px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; } .stage .sa77-transparency-note, #main > .sa77-transparency-note--overlay{ position:fixed; left:16px; right:auto; bottom:140px; z-index:10001; max-width:min(420px,calc(100vw - 32px)); margin:0; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); } @media (max-width:640px){ .stage .sa77-transparency-note, #main > .sa77-transparency-note--overlay{ left:12px; right:12px; bottom:124px; max-width:none; } .sa77-transparency-note{padding:11px 12px} .sa77-transparency-note__text{font-size:12px} } /* SAC77 V004 — cookie controls final style sync */ .cookieModal__actions, .cookieModal__actions--lang{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; align-items:stretch!important; } button.cookieBanner__btn, button.cookieModal__btn, .cookieModal button.cookieModal__btn, .cookieBanner button.cookieBanner__btn, .cookieModal__actions button, .cookieModal__actions--lang button{ appearance:none!important; -webkit-appearance:none!important; -moz-appearance:none!important; position:relative!important; overflow:hidden!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-height:46px!important; padding:12px 16px!important; margin:0!important; border-radius:16px!important; border:1px solid rgba(255,214,170,.24)!important; background:linear-gradient(180deg,rgba(255,226,195,.96),rgba(205,164,118,.90))!important; color:rgba(33,23,15,.98)!important; text-decoration:none!important; text-shadow:none!important; box-shadow:0 14px 30px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.26)!important; font:900 12px/1.08 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important; letter-spacing:.08em!important; text-transform:uppercase!important; cursor:pointer!important; transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease,filter .18s ease!important; } button.cookieBanner__btn::after, button.cookieModal__btn::after, .cookieModal button.cookieModal__btn::after, .cookieBanner button.cookieBanner__btn::after, .cookieModal__actions button::after, .cookieModal__actions--lang button::after, button.cookiePrefsBtn::after, #cookiePrefsBtn.cookiePrefsBtn::after{ content:""; position:absolute; inset:5px; border-radius:12px; border:1px dashed rgba(255,214,170,.22); opacity:.92; pointer-events:none; } button.cookieBanner__btn:hover, button.cookieBanner__btn:focus-visible, button.cookieModal__btn:hover, button.cookieModal__btn:focus-visible, .cookieModal button.cookieModal__btn:hover, .cookieModal button.cookieModal__btn:focus-visible, .cookieBanner button.cookieBanner__btn:hover, .cookieBanner button.cookieBanner__btn:focus-visible, .cookieModal__actions button:hover, .cookieModal__actions button:focus-visible, .cookieModal__actions--lang button:hover, .cookieModal__actions--lang button:focus-visible, button.cookiePrefsBtn:hover, button.cookiePrefsBtn:focus-visible, #cookiePrefsBtn.cookiePrefsBtn:hover, #cookiePrefsBtn.cookiePrefsBtn:focus-visible{ background:linear-gradient(180deg,rgba(252,228,194,.99),rgba(238,199,148,.96))!important; border-color:rgba(255,229,194,.84)!important; color:rgba(28,18,12,.99)!important; box-shadow:0 18px 34px rgba(0,0,0,.34),0 0 0 1px rgba(255,223,184,.18),0 0 22px rgba(255,196,132,.16),inset 0 1px 0 rgba(255,255,255,.32)!important; transform:translateY(-1px)!important; filter:none!important; } button.cookieBanner__btn:active, button.cookieModal__btn:active, .cookieModal button.cookieModal__btn:active, .cookieBanner button.cookieBanner__btn:active, .cookieModal__actions button:active, .cookieModal__actions--lang button:active, button.cookiePrefsBtn:active, #cookiePrefsBtn.cookiePrefsBtn:active{ transform:translateY(0)!important; box-shadow:0 10px 22px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.22)!important; } button.cookieBanner__btn:focus-visible, button.cookieModal__btn:focus-visible, .cookieModal button.cookieModal__btn:focus-visible, .cookieBanner button.cookieBanner__btn:focus-visible, .cookieModal__actions button:focus-visible, .cookieModal__actions--lang button:focus-visible, button.cookiePrefsBtn:focus-visible, #cookiePrefsBtn.cookiePrefsBtn:focus-visible{ outline:2px solid rgba(255,214,170,.68)!important; outline-offset:2px!important; } button.cookiePrefsBtn, #cookiePrefsBtn.cookiePrefsBtn{ appearance:none!important; -webkit-appearance:none!important; -moz-appearance:none!important; position:fixed!important; right:18px!important; bottom:138px!important; z-index:20990!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:46px!important; padding:0 16px!important; margin:0!important; border-radius:999px!important; border:1px solid rgba(255,214,170,.24)!important; background:linear-gradient(180deg,rgba(34,22,15,.94),rgba(20,13,9,.92))!important; color:rgba(255,244,231,.96)!important; text-decoration:none!important; text-transform:uppercase!important; letter-spacing:.08em!important; font:900 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important; box-shadow:0 14px 30px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)!important; cursor:pointer!important; overflow:hidden!important; } button.cookiePrefsBtn::after, #cookiePrefsBtn.cookiePrefsBtn::after{ border-radius:999px!important; } @media (max-width:720px){ .cookieModal__actions, .cookieModal__actions--lang{grid-template-columns:1fr!important} } @media (max-width:640px){ button.cookiePrefsBtn, #cookiePrefsBtn.cookiePrefsBtn{right:14px!important;bottom:92px!important} } /* V005 FINAL PARITY PASS: cookie/contact controls aligned globally */ .modal .contactCard .btnPrimary, .modal .contactCard .newsletterMini__btn, .contactCard .btnPrimary, .contactCard .newsletterMini__btn, .contactForm .btnPrimary, .cookieModal .cookieModal__btn, .cookieBanner .cookieBanner__btn, button.cookiePrefsBtn, #cookiePrefsBtn.cookiePrefsBtn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:46px; padding:12px 16px; border-radius:16px; border:1px solid rgba(255,214,170,.24) !important; background:linear-gradient(180deg,rgba(38,26,17,.94),rgba(22,15,10,.92)) !important; color:rgba(255,244,229,.96) !important; text-decoration:none !important; box-shadow:0 12px 24px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04) !important; transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease !important; } .modal .contactCard .btnPrimary, .modal .contactCard .newsletterMini__btn, .contactCard .btnPrimary, .contactCard .newsletterMini__btn, .contactForm .btnPrimary, .cookieModal .cookieModal__btn, .cookieBanner .cookieBanner__btn{ font:900 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important; letter-spacing:.08em !important; text-transform:uppercase !important; } button.cookiePrefsBtn, #cookiePrefsBtn.cookiePrefsBtn{ font:900 11px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important; letter-spacing:.08em !important; text-transform:uppercase !important; } .modal .contactCard .btnPrimary:hover, .modal .contactCard .btnPrimary:focus-visible, .modal .contactCard .newsletterMini__btn:hover, .modal .contactCard .newsletterMini__btn:focus-visible, .contactCard .btnPrimary:hover, .contactCard .btnPrimary:focus-visible, .contactCard .newsletterMini__btn:hover, .contactCard .newsletterMini__btn:focus-visible, .contactForm .btnPrimary:hover, .contactForm .btnPrimary:focus-visible, .cookieModal .cookieModal__btn:hover, .cookieModal .cookieModal__btn:focus-visible, .cookieBanner .cookieBanner__btn:hover, .cookieBanner .cookieBanner__btn:focus-visible, button.cookiePrefsBtn:hover, button.cookiePrefsBtn:focus-visible, #cookiePrefsBtn.cookiePrefsBtn:hover, #cookiePrefsBtn.cookiePrefsBtn:focus-visible{ background:linear-gradient(180deg,rgba(206,162,106,.96),rgba(136,95,50,.98)) !important; border-color:rgba(255,229,193,.96) !important; color:#1f130b !important; box-shadow:0 16px 30px rgba(0,0,0,.28),0 0 0 1px rgba(255,226,188,.28),0 0 22px rgba(196,151,92,.24) !important; transform:translateY(-1px) !important; } .modal .contactCard .btnPrimary:active, .modal .contactCard .newsletterMini__btn:active, .contactCard .btnPrimary:active, .contactCard .newsletterMini__btn:active, .contactForm .btnPrimary:active, .cookieModal .cookieModal__btn:active, .cookieBanner .cookieBanner__btn:active, button.cookiePrefsBtn:active, #cookiePrefsBtn.cookiePrefsBtn:active{ transform:translateY(0) scale(.985) !important; } .modal .contactCard .btnPrimary:focus-visible, .modal .contactCard .newsletterMini__btn:focus-visible, .contactCard .btnPrimary:focus-visible, .contactCard .newsletterMini__btn:focus-visible, .contactForm .btnPrimary:focus-visible, .cookieModal .cookieModal__btn:focus-visible, .cookieBanner .cookieBanner__btn:focus-visible, button.cookiePrefsBtn:focus-visible, #cookiePrefsBtn.cookiePrefsBtn:focus-visible{ outline:2px solid rgba(255,227,188,.78) !important; outline-offset:2px !important; } /* SAC77 FINAL COOKIE BUTTON FIX v006 */ html body .cookieModal .cookieModal__btn, html body .cookieBanner .cookieBanner__btn, html body button.cookieModal__btn, html body button.cookieBanner__btn{ appearance:none !important; -webkit-appearance:none !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; min-height:46px !important; padding:12px 16px !important; width:100% !important; border-radius:16px !important; border:1px solid rgba(255,214,170,.26) !important; background:linear-gradient(180deg,rgba(38,26,17,.96),rgba(22,15,10,.94)) !important; color:rgba(255,244,229,.97) !important; box-shadow:0 12px 26px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05) !important; font:900 12px/1.08 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important; letter-spacing:.08em !important; text-transform:uppercase !important; text-decoration:none !important; cursor:pointer !important; transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease !important; } html body .cookieModal .cookieModal__btn:hover, html body .cookieModal .cookieModal__btn:focus-visible, html body .cookieBanner .cookieBanner__btn:hover, html body .cookieBanner .cookieBanner__btn:focus-visible, html body button.cookieModal__btn:hover, html body button.cookieModal__btn:focus-visible, html body button.cookieBanner__btn:hover, html body button.cookieBanner__btn:focus-visible{ background:linear-gradient(180deg,rgba(242,206,164,.98),rgba(221,180,131,.94)) !important; border-color:rgba(255,223,184,.58) !important; color:rgba(39,25,17,.98) !important; box-shadow:0 16px 30px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.26), 0 0 22px rgba(196,151,92,.22) !important; transform:translateY(-1px) !important; } html body .cookieModal .cookieModal__btn:active, html body .cookieBanner .cookieBanner__btn:active, html body button.cookieModal__btn:active, html body button.cookieBanner__btn:active{ transform:translateY(0) scale(.985) !important; } html body .cookieModal .cookieModal__btn:focus-visible, html body .cookieBanner .cookieBanner__btn:focus-visible, html body button.cookieModal__btn:focus-visible, html body button.cookieBanner__btn:focus-visible{ outline:2px solid rgba(255,221,180,.45) !important; outline-offset:2px !important; } html body #cookiePrefsBtn.cookiePrefsBtn, html body button.cookiePrefsBtn{ appearance:none !important; -webkit-appearance:none !important; position:fixed !important; left:auto !important; right:18px !important; bottom:138px !important; z-index:20990 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:44px !important; padding:0 14px !important; border-radius:999px !important; border:1px solid rgba(255,214,170,.26) !important; background:linear-gradient(180deg,rgba(38,26,17,.96),rgba(22,15,10,.94)) !important; color:rgba(255,244,229,.97) !important; box-shadow:0 12px 26px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05) !important; font:900 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important; letter-spacing:.08em !important; text-transform:uppercase !important; text-decoration:none !important; cursor:pointer !important; transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease !important; } html body #cookiePrefsBtn.cookiePrefsBtn:hover, html body #cookiePrefsBtn.cookiePrefsBtn:focus-visible, html body button.cookiePrefsBtn:hover, html body button.cookiePrefsBtn:focus-visible{ background:linear-gradient(180deg,rgba(242,206,164,.98),rgba(221,180,131,.94)) !important; border-color:rgba(255,223,184,.58) !important; color:rgba(39,25,17,.98) !important; box-shadow:0 16px 30px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.26), 0 0 22px rgba(196,151,92,.22) !important; transform:translateY(-1px) !important; } html body #cookiePrefsBtn.cookiePrefsBtn:active, html body button.cookiePrefsBtn:active{ transform:translateY(0) scale(.985) !important; } html body #cookiePrefsBtn.cookiePrefsBtn:focus-visible, html body button.cookiePrefsBtn:focus-visible{ outline:2px solid rgba(255,221,180,.45) !important; outline-offset:2px !important; } @media (max-width: 640px){ html body #cookiePrefsBtn.cookiePrefsBtn, html body button.cookiePrefsBtn{right:14px !important; bottom:92px !important;} } /* SA77 CONTACT / NEWSLETTER PRO PATCH */ .sa77-inline-status{ display:block; margin-top:12px; padding:12px 14px; border-radius:16px; border:1px solid rgba(255,214,170,.18); background:rgba(255,255,255,.05); color:rgba(255,244,232,.92); font:700 12px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; letter-spacing:.01em; box-shadow:0 10px 24px rgba(0,0,0,.16); } .sa77-inline-status[hidden]{display:none !important;} .sa77-inline-status.is-info{ border-color:rgba(255,214,170,.24); background:linear-gradient(180deg,rgba(255,214,170,.10),rgba(255,255,255,.04)); } .sa77-inline-status.is-success{ border-color:rgba(198,255,214,.26); background:linear-gradient(180deg,rgba(142,201,160,.16),rgba(255,255,255,.04)); color:rgba(235,255,241,.96); } .sa77-inline-status.is-error{ border-color:rgba(255,169,169,.28); background:linear-gradient(180deg,rgba(168,71,60,.22),rgba(255,255,255,.04)); color:rgba(255,233,233,.96); } .newsletterMini .sa77-inline-status{ margin-top:12px; } .contactForm input[aria-invalid="true"], .contactForm textarea[aria-invalid="true"], .contactForm select[aria-invalid="true"], .newsletterMini__input[aria-invalid="true"]{ border-color:rgba(255,169,169,.58) !important; box-shadow:0 0 0 3px rgba(255,169,169,.14) !important; } .contactCard .btnPrimary[aria-busy="true"], .contactCard .newsletterMini__btn[aria-busy="true"]{ opacity:.88; filter:saturate(.92); } .contactCard .formHint{ font:700 12px/1.35 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:rgba(255,228,199,.86); } /* SAC77 FOOTER MODAL LINK PARITY V001 */ html body .footerNav .footlink, html body .footerNav a.footlink, html body .footerNav button.footlink{ border:0 !important; background:transparent !important; border-color:transparent !important; box-shadow:none !important; color:rgba(255,255,255,.90) !important; padding:4px 6px !important; width:auto !important; min-height:var(--sa77-touch,44px) !important; min-width:var(--sa77-touch,44px) !important; text-transform:none !important; letter-spacing:.2px !important; text-decoration:none !important; font:800 13px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important; } html body .footerNav .footlink:hover, html body .footerNav a.footlink:hover, html body .footerNav button.footlink:hover{ background:transparent !important; border-color:transparent !important; box-shadow:none !important; color:rgba(255,255,255,.96) !important; transform:none !important; text-decoration:underline !important; text-underline-offset:2px !important; filter:none !important; } html body .footerNav .footlink:focus-visible, html body .footerNav a.footlink:focus-visible, html body .footerNav button.footlink:focus-visible{ background:transparent !important; border-color:transparent !important; box-shadow:none !important; color:rgba(255,255,255,.96) !important; transform:none !important; text-decoration:underline !important; text-underline-offset:2px !important; outline:2px solid rgba(255,223,184,.76) !important; outline-offset:3px !important; filter:none !important; } html body .footerNav .footlink:active, html body .footerNav a.footlink:active, html body .footerNav button.footlink:active{ transform:none !important; box-shadow:none !important; } /* SA77 hotfix: Limited 77 modal head readability + selection */ .modal-head .modal-badge, .modal-head .modal-badge *, .modal-head .modal-headKicker, .modal-head .modal-headNote{ color:rgba(255,236,214,.96)!important; -webkit-text-fill-color:rgba(255,236,214,.96)!important; text-decoration:none!important; } .modal-head .modal-badge::selection, .modal-head .modal-badge *::selection, .modal-head .modal-headKicker::selection, .modal-head .modal-headNote::selection{ background:rgba(232,186,126,.42)!important; color:rgba(255,250,244,.99)!important; -webkit-text-fill-color:rgba(255,250,244,.99)!important; text-shadow:none!important; } .modal-head .modal-badge::-moz-selection, .modal-head .modal-badge *::-moz-selection, .modal-head .modal-headKicker::-moz-selection, .modal-head .modal-headNote::-moz-selection{ background:rgba(232,186,126,.42)!important; color:rgba(255,250,244,.99)!important; -webkit-text-fill-color:rgba(255,250,244,.99)!important; text-shadow:none!important; } /* SA77 final vault modal fix: readable badge + guaranteed open animation */ @keyframes sa77VaultModalIn{ 0%{opacity:0;transform:translateY(18px)} 100%{opacity:1;transform:none} } .modal[data-modal="vault"] #modalBadge, .modal[data-modal="vault"] #modalBadge:link, .modal[data-modal="vault"] #modalBadge:visited, .modal[data-modal="vault"] #modalBadge:hover, .modal[data-modal="vault"] #modalBadge:focus-visible, .modal[data-modal="vault"] #modalBadge *{ display:inline-flex!important; align-items:center!important; color:rgba(255,241,222,.99)!important; -webkit-text-fill-color:rgba(255,241,222,.99)!important; text-shadow:0 1px 0 rgba(0,0,0,.56),0 0 12px rgba(0,0,0,.22)!important; text-decoration:none!important; } .modal[data-modal="vault"] #modalBadge{ background:linear-gradient(180deg,rgba(48,33,22,.92),rgba(24,15,10,.80))!important; border-color:rgba(255,214,170,.28)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.18)!important; } .modal[data-modal="vault"] #modalBadge::selection, .modal[data-modal="vault"] #modalBadge *::selection{ background:rgba(232,186,126,.42)!important; color:rgba(255,250,244,.99)!important; -webkit-text-fill-color:rgba(255,250,244,.99)!important; text-shadow:none!important; } .modal[data-modal="vault"] #modalBadge::-moz-selection, .modal[data-modal="vault"] #modalBadge *::-moz-selection{ background:rgba(232,186,126,.42)!important; color:rgba(255,250,244,.99)!important; -webkit-text-fill-color:rgba(255,250,244,.99)!important; text-shadow:none!important; } .modal[data-modal="vault"] .modal-body > .sa77-vault-openfx{ opacity:0; transform:translateY(18px); animation:sa77VaultModalIn .56s cubic-bezier(.22,.61,.36,1) forwards; animation-delay:var(--sa77-vault-delay,0ms); will-change:opacity,transform; } @media (prefers-reduced-motion: reduce){ .modal[data-modal="vault"] .modal-body > .sa77-vault-openfx{ opacity:1!important; transform:none!important; animation:none!important; } } /* SA77 UI restart fix 2026-03-19: modal motion + vault head readability + copyright below share */ @keyframes sa77ModalBackdropIn{ 0%{opacity:0} 100%{opacity:1} } @keyframes sa77ModalCardIn{ 0%{opacity:0;transform:translate(-50%,calc(-50% + 20px)) scale(.985)} 100%{opacity:1;transform:translate(-50%,-50%) scale(1)} } @keyframes sa77ModalSectionIn{ 0%{opacity:0;transform:translateY(18px)} 100%{opacity:1;transform:none} } .modal.open .modal-backdrop{ animation:sa77ModalBackdropIn .28s ease both!important; } .modal.open .modal-card{ animation:sa77ModalCardIn .42s cubic-bezier(.22,.61,.36,1) both!important; transform-origin:50% 50%!important; will-change:transform,opacity!important; } .modal-body>.sa77-modal-openfx{ opacity:0; transform:translateY(18px); animation:sa77ModalSectionIn .54s cubic-bezier(.22,.61,.36,1) forwards; animation-delay:var(--sa77-modal-delay,0ms); will-change:transform,opacity; } .modal[data-modal="vault"] #modalBadge, .modal[data-modal="vault"] #modalBadge *, .modal[data-modal="vault"] .modal-headKicker, .modal[data-modal="vault"] .modal-headNote{ color:rgba(255,243,229,.99)!important; -webkit-text-fill-color:rgba(255,243,229,.99)!important; text-shadow:0 1px 0 rgba(0,0,0,.52),0 0 18px rgba(0,0,0,.24)!important; } .modal[data-modal="vault"] .modal-headKicker{ opacity:1!important; } .modal[data-modal="vault"] .modal-headNote{ display:block!important; width:fit-content!important; max-width:min(100%,760px)!important; padding:8px 12px!important; border-radius:12px!important; border:1px solid rgba(255,214,170,.18)!important; background:linear-gradient(180deg,rgba(44,29,19,.82),rgba(24,16,11,.64))!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.14)!important; } .modal[data-modal="vault"] #modalBadge{ background:linear-gradient(180deg,rgba(56,39,26,.94),rgba(28,18,12,.86))!important; border-color:rgba(255,214,170,.30)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.18)!important; } .shareBar.shareBar--footer{ bottom:calc(34px + env(safe-area-inset-bottom))!important; } .footerCopy--belowShare{ position:fixed!important; left:50%!important; bottom:calc(8px + env(safe-area-inset-bottom))!important; transform:translateX(-50%)!important; z-index:99999!important; display:block!important; margin:0!important; padding:0 10px!important; border:0!important; background:transparent!important; color:rgba(255,255,255,.72)!important; text-align:center!important; white-space:nowrap!important; font:600 11px/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important; letter-spacing:.2px!important; pointer-events:none!important; user-select:none!important; } @media (max-width:640px){ .shareBar.shareBar--footer{bottom:calc(30px + env(safe-area-inset-bottom))!important} .footerCopy--belowShare{display:block!important;font-size:10.5px!important} } @media (max-height:720px){ .shareBar.shareBar--footer{bottom:calc(28px + env(safe-area-inset-bottom))!important} .footerCopy--belowShare{bottom:calc(6px + env(safe-area-inset-bottom))!important} } @media (prefers-reduced-motion:reduce){ .modal.open .modal-backdrop, .modal.open .modal-card, .modal-body>.sa77-modal-openfx, .modal[data-modal="vault"] .modal-body>.sa77-vault-openfx{ animation:none!important; opacity:1!important; transform:none!important; } } /* SA77 2026-03-20 V002: harmonized FAQ/Limited motion + centered footer copyright */ :root{ --sa77-modal-sequence-ms:1420ms; --sa77-modal-open-ms:980ms; --sa77-modal-ease:cubic-bezier(.16,.84,.22,1); --sa77-footer-copy-bottom:calc(env(safe-area-inset-bottom,0px) + 44px); } .modal.open .modal-card{ animation-duration:.64s!important; animation-timing-function:var(--sa77-modal-ease)!important; } .modal[data-modal="vault"] .modal-body>.sa77-vault-openfx, .modal-body>.sa77-modal-openfx{ animation-duration:var(--sa77-modal-open-ms)!important; animation-timing-function:var(--sa77-modal-ease)!important; } .modal-body .sa77-viewfx{ transition-duration:var(--sa77-modal-open-ms),var(--sa77-modal-open-ms),var(--sa77-modal-open-ms)!important; transition-timing-function:var(--sa77-modal-ease),var(--sa77-modal-ease),var(--sa77-modal-ease)!important; } .js .modal-body .sa77-faqIntro.sa77-anim-ready .sa77-faqRingValue{ animation-duration:var(--sa77-modal-sequence-ms)!important; animation-timing-function:var(--sa77-modal-ease)!important; } .dot77{ transition:background var(--sa77-modal-open-ms) var(--sa77-modal-ease),transform var(--sa77-modal-open-ms) var(--sa77-modal-ease),opacity var(--sa77-modal-open-ms) var(--sa77-modal-ease)!important; } .footerCopy{ position:fixed!important; left:50%!important; bottom:var(--sa77-footer-copy-bottom)!important; transform:translateX(-50%)!important; width:max-content!important; max-width:calc(100vw - 36px)!important; padding:0!important; margin:0!important; border:0!important; text-align:center!important; white-space:normal!important; line-height:1.2!important; z-index:10001!important; pointer-events:none!important; user-select:none!important; } @media (max-width:640px){ .footerCopy{ display:block!important; font-size:10.5px!important; bottom:calc(env(safe-area-inset-bottom,0px) + 38px)!important; } } /* SA77 2026-03-20 V003: restore visible centered copyright below share */ :root{ --sa77-footer-copy-bottom:calc(env(safe-area-inset-bottom,0px) + 8px); } .shareBar.shareBar--footer, .shareBar--footer{ bottom:calc(env(safe-area-inset-bottom,0px) + 28px)!important; } .footerCopy, .footerCopy.footerCopy--belowShare{ position:fixed!important; left:50%!important; bottom:var(--sa77-footer-copy-bottom)!important; transform:translateX(-50%)!important; display:block!important; width:max-content!important; max-width:calc(100vw - 24px)!important; margin:0!important; padding:0 8px!important; border:0!important; background:transparent!important; color:rgba(255,255,255,.82)!important; text-align:center!important; white-space:nowrap!important; font:600 11px/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important; letter-spacing:.2px!important; z-index:10000!important; pointer-events:none!important; user-select:none!important; opacity:1!important; } @media (max-width:640px){ .shareBar.shareBar--footer, .shareBar--footer{bottom:calc(env(safe-area-inset-bottom,0px) + 24px)!important;} .footerCopy, .footerCopy.footerCopy--belowShare{font-size:10.5px!important;white-space:normal!important;line-height:1.2!important;} } /* SA77 2026-03-20 FINAL: static footer copyright + careful copy cleanup */ .footerCopy--belowShare{ position:fixed!important; left:50%!important; bottom:calc(env(safe-area-inset-bottom,0px) + 8px)!important; transform:translateX(-50%)!important; display:block!important; width:max-content!important; max-width:calc(100vw - 24px)!important; margin:0!important; padding:0 8px!important; border:0!important; background:transparent!important; color:rgba(255,255,255,.84)!important; text-align:center!important; white-space:nowrap!important; font:600 11px/1.15 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important; letter-spacing:.2px!important; z-index:10001!important; pointer-events:none!important; user-select:none!important; opacity:1!important; } @media (max-width:640px){ .footerCopy--belowShare{ max-width:calc(100vw - 20px)!important; font-size:10.5px!important; line-height:1.2!important; white-space:normal!important; } } /* SAC77 V085: central footer/share stack alignment */ :root{--sa77-footer-nav-bottom:46px;--sa77-footer-share-bottom:6px;--sa77-footer-copy-bottom:0px;--sa77-footer-stack-clearance:96px} .footer{bottom:var(--sa77-footer-nav-bottom)!important;padding:3px 10px!important;gap:6px!important;max-width:calc(100vw - 24px)!important} .footerNav{gap:6px!important} html body .footerNav .footlink,html body .footerNav a.footlink,html body .footerNav button.footlink,.footerToggle{min-height:32px!important;min-width:auto!important;padding:3px 4px!important;font:800 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important} .footerToggle{min-width:32px!important;padding:3px 8px!important} .dot{font-size:10px!important;line-height:1!important;opacity:.72!important} .shareBar.shareBar--footer,.shareBar--footer{bottom:var(--sa77-footer-share-bottom)!important;gap:7px!important} .shareBar.shareBar--footer .shareBtn.shareBtn--icon,.shareBar.shareBar--footer a.shareBtn.shareBtn--icon,.shareBar.shareBar--footer button.shareBtn.shareBtn--icon{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border-radius:999px!important} .shareBar.shareBar--footer .shareBtn.shareBtn--icon svg,.shareBar.shareBar--footer a.shareBtn.shareBtn--icon svg,.shareBar.shareBar--footer button.shareBtn.shareBtn--icon svg{width:12px!important;height:12px!important} .footerCopy,.footerCopy.footerCopy--belowShare,.footerCopy--belowShare{bottom:var(--sa77-footer-copy-bottom)!important;font-size:10px!important;line-height:1.1!important;max-width:calc(100vw - 20px)!important;padding:0 6px!important} .pPage__info{padding-top:56px!important} @media (max-width:640px){:root{--sa77-footer-nav-bottom:44px;--sa77-footer-share-bottom:6px;--sa77-footer-copy-bottom:0px}.footer{padding:3px 8px!important}.footerNav{gap:5px!important}html body .footerNav .footlink,html body .footerNav a.footlink,html body .footerNav button.footlink,.footerToggle{min-height:30px!important;padding:2px 4px!important;font-size:11.5px!important}.footerToggle{min-width:30px!important;padding:2px 8px!important}.shareBar.shareBar--footer,.shareBar--footer{gap:6px!important}.shareBar.shareBar--footer .shareBtn.shareBtn--icon,.shareBar.shareBar--footer a.shareBtn.shareBtn--icon,.shareBar.shareBar--footer button.shareBtn.shareBtn--icon{width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important}.shareBar.shareBar--footer .shareBtn.shareBtn--icon svg,.shareBar.shareBar--footer a.shareBtn.shareBtn--icon svg,.shareBar.shareBar--footer button.shareBtn.shareBtn--icon svg{width:11px!important;height:11px!important}.footerCopy,.footerCopy.footerCopy--belowShare,.footerCopy--belowShare{font-size:9.5px!important;line-height:1.08!important;max-width:calc(100vw - 16px)!important}.pPage__info{padding-top:52px!important}} @media (max-height:760px){:root{--sa77-footer-nav-bottom:42px;--sa77-footer-share-bottom:4px;--sa77-footer-copy-bottom:0px}.pPage__info{padding-top:60px!important}}