.subscribe-page .checkout-navigation { position:sticky;top:0;z-index:100;isolation:isolate;display:flex;align-items:center;gap:38px;height:78px;padding:0 40px;background:#000;color:#fff;font:13px YimuText,Arial,sans-serif;border:0; }
.checkout-navigation a { text-decoration:none;color:inherit; }
.checkout-navigation .checkout-nav-logo { flex:0 0 100px;line-height:0; }
.checkout-nav-logo img { width:100px;height:40px;object-fit:contain; }
.checkout-navigation nav { display:flex;align-items:stretch;gap:28px;height:100%; }
.checkout-navigation nav>a,.checkout-nav-menu>summary { display:flex;align-items:center;height:100%;white-space:nowrap; }
.checkout-nav-menu { height:100%; }
.checkout-nav-menu>summary { list-style:none;gap:7px;cursor:pointer; }
.checkout-nav-menu>summary::-webkit-details-marker { display:none; }
.checkout-nav-menu>summary svg { width:10px;height:6px;fill:none;stroke:currentColor;stroke-width:1.3; }
.checkout-nav-menu[open]>summary svg { transform:rotate(180deg); }
.checkout-nav-panel { position:absolute;top:100%;left:40px;z-index:2;background:#171717;color:#f4f2ed;box-shadow:0 22px 50px #0004;max-height:calc(100vh - 78px);overflow:auto; }
.checkout-nav-generator .checkout-nav-panel { width:min(1280px,calc(100vw - 80px)); }
.checkout-nav-mockup .checkout-nav-panel { width:min(975px,calc(100vw - 80px)); }
.checkout-nav-shell { display:grid;grid-template-columns:158px minmax(0,1fr) 360px;min-height:480px; }
.checkout-nav-mockup .checkout-nav-shell { grid-template-columns:170px minmax(0,1fr) 405px;min-height:540px; }
.checkout-nav-rail { padding:24px 15px;background:#121210; }
.checkout-nav-rail p,.checkout-nav-head p { font-size:9px;letter-spacing:1.7px;color:#828078;margin:0 0 16px; }
.checkout-nav-rail>a { display:grid;grid-template-columns:1fr auto;position:relative;padding:12px 10px;border-left:2px solid transparent; }
.checkout-nav-rail>a.is-current { background:#252520;border-left-color:#ac997a; }
.checkout-nav-rail span { font:16px/1.25 YimuDisplay,Georgia,serif; }
.checkout-nav-rail small { grid-column:1;font-size:11px;color:#8f8e87;margin-top:4px; }
.checkout-nav-rail b { grid-column:2;grid-row:1/3;align-self:center;font-weight:400;color:#8f8e87; }
.checkout-nav-main { padding:20px 16px 28px; }
.checkout-nav-mockup .checkout-nav-main { padding:25px 24px 20px; }
.checkout-nav-head { display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #30302c;padding-bottom:18px;margin-bottom:22px;gap:15px; }
.checkout-nav-head p { margin:0; }
.checkout-nav-head>a { font-size:12px;color:#aaa79e;white-space:nowrap; }
.checkout-nav-head>a span { margin-left:12px; }
.checkout-nav-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px; }
.checkout-nav-mockup .checkout-nav-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:20px; }
.checkout-nav-grid strong { font:400 17px/1.3 YimuDisplay,Georgia,serif; }
.checkout-nav-grid section>div { display:grid;gap:14px;margin-top:20px;color:#98978d; }
.checkout-nav-feature { position:relative;display:block;overflow:hidden;min-width:0;background:#262622; }
.checkout-nav-feature img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.checkout-nav-feature::after { content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#000d); }
.checkout-nav-feature>span { position:absolute;z-index:1;bottom:30px;left:26px;right:20px;display:grid;gap:10px; }
.checkout-nav-feature small { font-size:10px; }
.checkout-nav-feature strong { font:26px/1.2 YimuDisplay,Georgia,serif; }
.checkout-nav-feature em { font-size:12px;font-style:normal; }
.checkout-nav-discover .checkout-nav-panel { left:auto;width:270px;padding:14px; }
.checkout-nav-discover .checkout-nav-panel>a { display:flex;justify-content:space-between;padding:17px;border-bottom:1px solid #30302c; }
.checkout-nav-tools { margin-left:auto;display:flex;align-items:center;gap:25px; }
.checkout-nav-tools form { margin:0; }
.checkout-nav-tools label { display:flex;align-items:center;gap:10px;height:38px;width:clamp(130px,16vw,230px);padding:0 12px;background:#1a1a1a;border:1px solid #414141;border-radius:3px; }
.checkout-nav-tools input { min-width:0;width:100%;color:#fff;background:none;border:0;outline:0;font:inherit; }
.checkout-nav-tools svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.2; }
.checkout-nav-tools label svg { width:16px;height:16px;flex-shrink:0;color:#bdbdbd; }
.checkout-navigation .checkout-nav-icon { display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;color:#fff;cursor:pointer; }
.checkout-nav-tools a[aria-label="Cart"] svg { stroke-width:2.7; }
.checkout-navigation a:hover,.checkout-nav-menu>summary:hover { color:#c6ad91; }
.checkout-navigation :focus-visible { outline:2px solid #9a7355;outline-offset:3px; }
.checkout-nav-queue { max-width:420px;padding:32px;background:#fff;color:#171712;border:1px solid #ddd;font:14px/1.6 YimuText,Arial,sans-serif; }
.checkout-nav-queue::backdrop { background:#0007; }
.checkout-nav-queue button { position:absolute;right:12px;top:8px;border:0;background:none;font-size:24px;cursor:pointer; }
.checkout-nav-queue h2 { font:28px YimuDisplay,Georgia,serif; }
@media(max-width:1100px) { .subscribe-page .checkout-navigation{gap:18px;padding:0 24px}.checkout-navigation nav{gap:18px}.checkout-nav-tools{gap:18px}.checkout-nav-tools form{display:none}.checkout-nav-shell,.checkout-nav-mockup .checkout-nav-shell{grid-template-columns:150px minmax(0,1fr) 260px;min-height:420px}.checkout-nav-panel{left:24px}.checkout-nav-mockup .checkout-nav-panel,.checkout-nav-generator .checkout-nav-panel{width:calc(100vw - 48px)} }
@media(max-width:700px) { .subscribe-page .checkout-navigation{height:auto;min-height:78px;flex-wrap:wrap;gap:0;padding:10px 16px}.checkout-navigation .checkout-nav-logo{flex-basis:80px}.checkout-nav-logo img{width:80px;height:32px}.checkout-navigation nav{order:3;width:100%;height:36px;justify-content:space-between;gap:12px}.checkout-nav-tools{gap:18px}.checkout-nav-panel{left:8px;max-height:calc(100vh - 100px)}.checkout-nav-mockup .checkout-nav-panel,.checkout-nav-generator .checkout-nav-panel{width:calc(100vw - 16px)}.checkout-nav-shell,.checkout-nav-mockup .checkout-nav-shell{grid-template-columns:125px minmax(0,1fr);min-height:300px}.checkout-nav-feature{display:none}.checkout-nav-grid,.checkout-nav-mockup .checkout-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.checkout-nav-head p{display:none}.checkout-nav-rail{padding:20px 8px}.checkout-nav-rail span{font-size:14px}.checkout-nav-main,.checkout-nav-mockup .checkout-nav-main{padding:20px 14px}.checkout-nav-discover .checkout-nav-panel{left:auto;right:8px} }