/* One shared navigation for the storefront and catalogue. */
:root{--site-header-height:164px}
.site-skip-link{position:fixed;left:16px;top:-120px;padding:12px 18px;background:#20201c;color:#fff;z-index:10000;border-radius:3px}.site-skip-link:focus{top:12px}
.site-header .header-quick-actions{display:none}
html{scroll-padding-top:calc(var(--site-header-height) + 20px)}
html body>.site-header{display:block;position:sticky;top:0;z-index:25;max-width:none;min-height:0;padding:0;margin:0;background:var(--page,#fff);color:var(--ink,#20201c);border-bottom:1px solid var(--line,#d7d8d0);font:400 0.9375rem/1.5 Arial,Helvetica,sans-serif}
.header-main{max-width:1600px;margin:auto;padding:16px 5%;display:flex;align-items:center;gap:24px}
/* Center the original square asset and reserve room for the complete mark and wordmark. */
.site-header .header-brand{display:block;position:relative;width:132px;height:82px;flex:none;overflow:visible;margin-right:auto}
.site-header .header-brand img{display:block;position:absolute;inset:50% auto auto 50%;width:100%;height:auto;max-width:none;transform:translate(-50%,-50%);object-fit:contain;pointer-events:none;filter:var(--logo-filter,none)}
.site-header .header-catalog{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 23px;background:var(--action,#f3e4a9);color:var(--action-ink,#302a1b);border:1px solid transparent;border-radius:3px;text-decoration:none;font-weight:500;white-space:nowrap}
.site-header .header-catalog:hover{background:var(--action-hover,#ecda93)}
.site-header .site-navigation{display:flex;align-items:center;gap:24px;flex-wrap:wrap;width:auto;margin:0;font-size:inherit}
.site-header .site-navigation a,.site-header .nav-explore summary{display:flex;align-items:center;min-height:46px;padding:8px 0;font-size:inherit;line-height:1.5;white-space:nowrap;color:inherit;text-decoration:none}
.site-header .site-navigation a:hover,.site-header .nav-explore summary:hover{text-decoration:underline;text-underline-offset:6px}
.site-header .site-navigation .nav-contact{padding:10px 19px;min-width:0;min-height:46px;background:transparent;color:var(--ink,#20201c);border:1px solid var(--line,#d7d8d0);border-radius:3px;box-shadow:none;letter-spacing:0;font-weight:400}
.site-header .site-navigation .nav-contact:hover{background:var(--surface,#f5f5f2);border-color:var(--ink,#20201c)}
.site-header .nav-contact:before{content:none}
.site-header [aria-current]{text-decoration:underline!important;text-underline-offset:6px;text-decoration-thickness:1px}
.site-header .nav-explore{position:relative}
.site-header .nav-explore summary{gap:8px;cursor:pointer;list-style:none}
.site-header .nav-explore summary::-webkit-details-marker{display:none}
.site-header .nav-explore summary:after{content:'';width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin:0 3px 3px}
.site-header .nav-explore[open] summary:after{transform:rotate(225deg);margin-top:5px}
.site-header .nav-explore-links{position:absolute;top:calc(100% + 10px);right:0;width:218px;padding:10px 18px;background:var(--page,#fff);border:1px solid var(--line,#d7d8d0);border-radius:4px;box-shadow:0 12px 32px #00000010}
.site-header .nav-explore-links a{white-space:normal;border-bottom:1px solid var(--line,#d7d8d0);justify-content:flex-start}
.site-header .nav-explore-links a:last-child{border:0}
.header-assistance{max-width:1600px;margin:auto;padding:10px 5%;border-top:1px solid var(--line,#d7d8d0);display:flex;align-items:center;justify-content:space-between;gap:20px}
.header-assistance>p{margin:0;color:var(--muted,#565950);font-size:0.875rem}
.assistance-actions{display:flex;align-items:stretch;gap:10px}
.site-header .assistance-link{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 14px;border:1px solid var(--line,#d7d8d0);border-radius:3px;font-size:0.875rem;text-decoration:none;text-align:center;color:var(--ink,#20201c);background:transparent}
.site-header .assistance-celeste{background:var(--surface,#f5f5f2)}
.site-header .assistance-link:hover{border-color:var(--ink,#20201c);background:var(--surface,#f5f5f2)}
.site-header .menu-toggle{display:none;align-items:center;justify-content:center;gap:8px;border:0;background:transparent;color:inherit;min-height:44px;padding:8px 0;font:inherit;cursor:pointer}
.site-header :is(a,button,summary):focus-visible{outline:2px solid var(--ink,#20201c);outline-offset:4px}
.reader-controls{top:var(--site-header-height)}
@media(max-width:1200px){.header-main{gap:18px}.site-header .site-navigation{gap:18px}.header-assistance>p{max-width:26ch}}
@media(max-width:1100px){
 .header-main{flex-wrap:wrap;gap:10px 20px;padding:12px 5%}
 .site-header .site-navigation{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px;padding:10px 0;border-top:1px solid var(--line,#d7d8d0)}
 .site-header.navigation-ready .menu-toggle{display:inline-flex}
 .site-header.navigation-ready .site-navigation{display:none}
 .site-header.navigation-ready.menu-is-open .site-navigation{display:grid}
 .site-header .site-navigation a,.site-header .nav-explore summary{justify-content:flex-start;white-space:normal;text-align:left;padding:10px 0}
 .site-header .site-navigation .nav-contact{grid-column:1/-1;justify-self:stretch;justify-content:center}
 .site-header .nav-explore{grid-column:1/-1}
 .site-header .nav-explore-links{position:static;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 20px;border:0;border-top:1px solid var(--line,#d7d8d0);border-radius:0;box-shadow:none;padding:8px 0}
 .site-header .nav-explore-links a{border:0}
 .header-assistance{justify-content:center;padding-block:9px}
 .header-assistance>p{display:none}
 .assistance-actions{width:100%;max-width:650px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .site-header.menu-is-open{max-height:90svh;overflow:auto}
 .site-header .header-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:0 4% 8px}
 .header-quick-actions a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 5px;font-size:14px;line-height:1.35;text-align:center;text-decoration:none;border:1px solid var(--line,#d7d8d0);background:var(--page,#fff);color:inherit}
 .header-quick-actions a:nth-child(2){background:var(--action,#f3e4a9);color:var(--action-ink,#302a1b);border-color:transparent}
 .site-header.navigation-ready:not(.menu-is-open) .header-assistance{display:none}
}
@media(max-width:600px){
 .header-main{padding:10px 4%;gap:12px}
 .site-header .header-brand{width:104px;height:66px}
 .site-header .header-catalog{min-height:44px;padding:10px 18px;font-size:0.9375rem}
 .site-header .menu-toggle{font-size:0.875rem}
 .header-assistance{padding:8px 4% 10px}
 .site-header .assistance-link{min-height:52px;padding:7px 5px;font-size:0.875rem;line-height:1.4;text-wrap:balance}
 .site-header .site-navigation{font-size:0.9375rem}
}
@media(max-width:360px){.site-header .header-brand{width:90px;height:58px}.site-header .header-catalog{padding-inline:12px}.header-main{gap:10px}}
@media(max-height:500px){html body>.site-header{position:relative}.reader-controls{top:0}html{scroll-padding-top:20px}}
.purchase-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.purchase-actions .button{justify-content:center;font-size:16px;text-align:center}
.buy-steps .step-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;text-decoration:underline;text-underline-offset:4px;font-size:16px}
.account-grid .iban,.account-grid .sinpe-number{overflow-wrap:anywhere;user-select:all}
.account-copy{display:block;min-height:44px;margin-top:8px;padding:8px 14px;font:500 14px/1.5 Arial,Helvetica,sans-serif;border:1px solid var(--line,#d7d8d0);border-radius:6px;background:var(--page,#fff);color:var(--ink,#20201c);cursor:pointer}
.account-copy[hidden]{display:none}
.account-copy:hover{border-color:var(--ink,#20201c)}
.payment-copy-status{min-height:24px;margin:18px 0 0;font-size:14px;color:var(--ink,#20201c)}
.payment-copy-status:empty{display:none}

@media(max-width:600px){
 .purchase-actions{flex-direction:column;align-items:stretch}
 .purchase-actions .button{width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Payment shortcuts beside the existing home actions. */
.hero-payment-actions{display:flex;flex-wrap:wrap;gap:10px;max-width:480px;margin:12px 0 20px}
.hero-payment-actions .button{flex:1 1 205px;min-width:0;min-height:48px;margin:0;padding:12px 14px;font-size:14px;line-height:1.5;text-align:center;white-space:normal}
.hero-payment-actions .payment-link-action{background:transparent;color:var(--ink,#20201c);border:1px solid var(--line,#d7d8d0);box-shadow:none}
.hero-payment-actions .payment-link-action:hover{background:var(--surface,#f5f5f2);border-color:var(--ink,#20201c);color:var(--ink,#20201c)}
@media(max-width:500px){.hero-payment-actions{max-width:none}.hero-payment-actions .button{flex-basis:100%}}

/* Keep payment access in view before the home photograph, including phones. */
.site-header .header-payments{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1600px;margin:auto;padding:10px 5%;border-top:1px solid var(--line,#d7d8d0);background:var(--surface,#f5f5f2)}
.header-payments>p{margin:0;color:var(--muted,#565950);font-size:.875rem}
.header-payment-actions{display:flex;gap:10px}
.site-header .header-payment-actions a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border:1px solid transparent;border-radius:3px;font-size:.9375rem;line-height:1.4;font-weight:600;text-align:center;text-decoration:none;background:var(--action,#f3e4a9);color:var(--action-ink,#302a1b)}
.site-header .header-payment-actions .header-generate{background:var(--page,#fff);color:var(--ink,#20201c);border-color:var(--line,#d7d8d0)}
.site-header .header-pay:hover{background:var(--action-hover,#ecda93)}
.site-header .header-generate:hover{border-color:var(--ink,#20201c)}
@media(max-width:1100px){.site-header .header-payments{justify-content:center}.header-payments>p{display:none}.header-payment-actions{display:grid;grid-template-columns:1fr;width:100%;max-width:650px}}
@media(max-width:600px){.site-header .header-payments{padding:8px 4%}.site-header .header-payment-actions a{font-size:.875rem;padding:9px 12px;min-height:56px;text-wrap:balance}}