/* Shared single-row header: logo / category navigation / account and basket. */
.linen-site #g21-header{background:#fff;border-bottom:1px solid #e8e8e5;position:relative;z-index:10}
.linen-site#g21-home #g21-header{position:sticky;top:0}
.linen-site #g21-header .header-main{display:grid;grid-template-columns:minmax(176px,1fr) auto minmax(96px,1fr);align-items:center;gap:24px;width:100%;max-width:none;margin:0;padding:20px clamp(20px,3vw,64px);flex-wrap:nowrap}
.linen-site #g21-header .logo{display:block;justify-self:start;width:184px;min-width:0;max-width:100%;margin:0;float:none}
.linen-site #g21-header .logo img{width:100%;height:auto;object-fit:contain}
.linen-site #g21-header .g21-nav-zone{display:flex;align-items:center;justify-content:center;gap:20px;min-width:0}
.linen-site #g21-header .main-nav{display:flex;align-items:center;flex-wrap:nowrap;gap:clamp(12px,1.1vw,22px);width:auto;margin:0;padding:0;border:0;font:400 14px/19px Rubik,Arial,sans-serif;letter-spacing:1.12px;text-transform:uppercase}
.linen-site #g21-header .main-nav>a{display:flex;align-items:center;position:relative;min-height:44px;padding:8px 0;white-space:nowrap;color:#20201c;background:none;box-shadow:none;text-decoration:none;transform:translateY(0);transition:color .18s ease,transform .24s cubic-bezier(.22,.61,.36,1)}
/* Animate the underline itself; suppress the older static palette shadow. */
.linen-site #g21-header .main-nav>a::after{content:"";position:absolute;left:0;right:0;bottom:5px;height:2px;background:var(--g21-beige,#d7c7ad);pointer-events:none;transform:scaleX(0);transform-origin:left center;transition:transform .24s cubic-bezier(.22,.61,.36,1)}
.linen-site #g21-header .main-nav>a:is(:hover,:focus-visible){color:#111!important;background:none;box-shadow:none!important}
.linen-site #g21-header .main-nav>a:focus-visible{transform:translateY(-1px)}
.linen-site #g21-header .main-nav>a:focus-visible::after{transform:scaleX(1)}
@media(hover:hover) and (pointer:fine){.linen-site #g21-header .main-nav>a:hover{transform:translateY(-1px)}.linen-site #g21-header .main-nav>a:hover::after{transform:scaleX(1)}}
.linen-site #g21-header .main-nav .g21-mobile-advice{display:none}
.linen-site #g21-header .g21-samples-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 16px;border:1px solid #efdca2;border-radius:100px;background:#fff2c7;color:#30270d!important;font:500 12px/1.4 Rubik,Arial,sans-serif;white-space:nowrap;text-decoration:none;box-shadow:0 2px 0 #edd58f33;transition:background .18s,border-color .18s}
.linen-site #g21-header .g21-swatchbook-icon{display:block;width:18px;height:18px;flex:0 0 18px;color:#7c641f;background:currentColor;-webkit-mask:url("assets/swatchbook.svg") center/contain no-repeat;mask:url("assets/swatchbook.svg") center/contain no-repeat}
.linen-site #g21-header .g21-samples-link>.fi:last-child{font-size:13px}
.linen-site #g21-header .g21-samples-link:is(:hover,:focus-visible,:active){background:#ffe7a0;border-color:#dcbf67;color:#211b0b!important;box-shadow:0 2px 0 #ddbf6d33;text-decoration:none}
.linen-site #g21-header .header-actions{display:flex;align-items:center;justify-self:end;justify-content:flex-end;gap:8px;margin:0;min-width:0}
.linen-site #g21-header .header-actions .icon-link,.linen-site #g21-header .menu-button{display:grid;place-items:center;position:relative;min-width:44px;height:44px;margin:0;padding:10px;border:0;background:none;color:#171713!important;font-size:22px;line-height:1;border-radius:50%;text-decoration:none}
.linen-site #g21-header .header-actions .icon-link:is(:hover,:focus-visible),.linen-site #g21-header .menu-button:is(:hover,:focus-visible){background:#f5f5f1;color:#111!important;box-shadow:none}
.linen-site #g21-header .header-actions .linen-cart-count{top:0;right:0;min-width:17px;height:17px;line-height:17px;padding:0 4px;background:#fbca50;color:#111}
.linen-site #g21-header .header-actions .linen-made-in-germany,.linen-site #g21-header .header-actions .help-link,.linen-site #g21-header .menu-button{display:none}
.linen-site #g21-header :is(a,button):focus-visible{outline:2px solid #171713!important;outline-offset:4px}
@media(min-width:1800px){.linen-site #g21-header .logo{width:210px}.linen-site #g21-header .header-actions{gap:12px}.linen-site #g21-header .header-actions .linen-made-in-germany{display:block;width:92px;height:34px;margin-right:8px}.linen-site #g21-header .header-actions .help-link{display:block;white-space:nowrap;font-size:11px;margin-right:6px;color:#20201c!important}.linen-site #g21-header .g21-nav-zone{gap:28px}}
@media(min-width:1360px) and (max-width:1500px){.linen-site #g21-header .header-main{gap:16px}.linen-site #g21-header .logo{width:176px}.linen-site #g21-header .main-nav{gap:12px}.linen-site #g21-header .g21-nav-zone{gap:16px}.linen-site #g21-header .g21-samples-link{padding-inline:12px;gap:8px}}
@media(max-width:1359px){
 .linen-site #g21-header .header-main{grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;padding-block:16px}
 .linen-site #g21-header .logo{grid-column:1;grid-row:1;width:190px}
 .linen-site #g21-header .header-actions{grid-column:2;grid-row:1}
 .linen-site #g21-header .menu-button{display:grid}
 .linen-site #g21-header .g21-nav-zone{display:contents}
 .linen-site #g21-header .g21-samples-link{grid-column:1/-1;grid-row:2;justify-self:center;min-height:40px;padding:9px 18px}
 .linen-site #g21-header .main-nav{display:none;grid-column:1/-1;grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;width:100%;padding-top:10px;border-top:1px solid #ecece6}
 .linen-site #g21-header .main-nav.open{display:grid}
 .linen-site #g21-header .main-nav>a{min-height:46px;border-bottom:1px solid #efefe9;padding:12px 0;white-space:normal}
 .linen-site #g21-header .main-nav .g21-mobile-advice{display:flex;gap:8px;font-size:12px;font-weight:400;letter-spacing:0;text-transform:none}
}
@media(max-width:480px){.linen-site #g21-header .header-main{padding:12px 16px;gap:10px 8px}.linen-site #g21-header .logo{width:158px}.linen-site #g21-header .header-actions{gap:0}.linen-site #g21-header .header-actions .icon-link,.linen-site #g21-header .menu-button{min-width:40px;width:40px;height:44px;font-size:21px}.linen-site #g21-header .g21-samples-link{justify-self:stretch;font-size:12px}.linen-site #g21-header .main-nav{gap:0 16px;font-size:14px}}
@media(max-width:359px){.linen-site #g21-header .logo{width:142px}.linen-site #g21-header .header-main{padding-inline:12px;gap:10px 6px}}
@media(max-width:700px){.linen-site#g21-home #g21-header{position:relative}}
@media(prefers-reduced-motion:reduce){.linen-site #g21-header .g21-samples-link{transition:none}}

@media(prefers-reduced-motion:reduce){.linen-site #g21-header .main-nav>a,.linen-site #g21-header .main-nav>a::after{transition:none}.linen-site #g21-header .main-nav>a:is(:hover,:focus-visible){transform:none}}
