/* Shared site header for /bags and /studio (scoped, no clash with page styles) */
#txhdr,#txhdr *{box-sizing:border-box}#txhdr ul,#txhdr li{list-style:none;padding:0}#txhdr a{text-decoration:none}#txhdr{font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:17px;line-height:1.65;position:relative;z-index:70}#txhdr a{color:inherit}#txhdr ul{margin:0}#txhdr img{display:block;max-width:100%;height:auto}
#txhdr .txwr{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}
#txhdr .txbt{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-weight:700;font-size:.97rem;
  padding:.85rem 1.5rem;border-radius:999px;border:1.5px solid transparent;
  text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;
  min-height:48px;
}
#txhdr .txbt:hover{transform:translateY(-2px)}
#txhdr .txbg{background:#C9A24B;color:#1a1405;box-shadow:0 4px 14px rgba(201,162,75,.36)}
#txhdr .txbg:hover{background:#E3C77E}
#txhdr .txbs{padding:.6rem 1.1rem;font-size:.88rem;min-height:42px}
#txhdr .txn{
  position:sticky;top:0;z-index:100;background:#0E2D1F;
  border-bottom:1px solid rgba(255,255,255,.12);
}
#txhdr .txi{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:68px}
#txhdr .txb{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:#fff;font-family:'Fraunces',Georgia,'Times New Roman',serif;font-weight:700;font-size:1.12rem;letter-spacing:.02em}
#txhdr .txb img{width:38px;height:38px;border-radius:9px}
#txhdr .txb span small{display:block;font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:.62rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#E3C77E;line-height:1.2}
#txhdr .txl{display:flex;align-items:center;gap:.25rem;list-style:none;margin:0;padding:0}
#txhdr .txl a{
  display:block;padding:.55rem .8rem;border-radius:10px;
  font-size:.94rem;font-weight:600;color:#d5e5db;text-decoration:none;
}
#txhdr .txl a:hover,#txhdr .txl a[aria-current="page"]{background:rgba(255,255,255,.12);color:#fff}
#txhdr .txc{margin-left:.4rem}
#txhdr .txc a{color:#1a1405!important;background:#C9A24B}
#txhdr .txg{display:none;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:10px;width:46px;height:46px;cursor:pointer;align-items:center;justify-content:center}
#txhdr .txg span{display:block;width:20px;height:2px;background:#fff;position:relative}
#txhdr .txg span::before,#txhdr .txg span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:#fff}
#txhdr .txg span::before{top:-6px}
#txhdr .txg span::after{top:6px}
@media (max-width:900px){#txhdr .txg{display:flex}#txhdr .txl{
    display:none;position:absolute;left:0;right:0;top:100%;
    flex-direction:column;align-items:stretch;gap:0;
    background:#123A28;border-bottom:1px solid rgba(255,255,255,.12);
    padding:.5rem 20px 1rem;box-shadow:0 6px 24px rgba(27,77,53,.09);
  }#txhdr .txl.open{display:flex}#txhdr .txl a{padding:.85rem .6rem;border-radius:8px}#txhdr .txc{margin:.5rem 0 0}#txhdr .txc .txbt{width:100%}}
#txhdr .txl>li>a{white-space:nowrap}
@media (min-width:901px) and (max-width:1180px){#txhdr .txl a{padding:.5rem .5rem;font-size:.88rem}#txhdr .txb span small{display:none}}
#txhdr .txh{position:relative}
#txhdr .txh>a::after{content:"";display:inline-block;margin-left:.4rem;border:4px solid transparent;border-top-color:currentColor;border-bottom:0;vertical-align:middle}
#txhdr .txs{display:none;position:absolute;top:100%;left:0;min-width:270px;list-style:none;margin:0;padding:.5rem;background:#123A28;border:1px solid rgba(255,255,255,.14);border-radius:10px;box-shadow:0 18px 44px rgba(27,77,53,.16);z-index:110}
#txhdr .txh:hover>.txs,#txhdr .txh:focus-within>.txs{display:block}
#txhdr .txs a{white-space:nowrap}
@media (max-width:900px){#txhdr .txh>a::after{display:none}#txhdr .txs{display:block;position:static;min-width:0;background:transparent;border:0;box-shadow:none;padding:0 0 .3rem 1rem}#txhdr .txs a{font-weight:500;font-size:.9rem;padding:.6rem .6rem;white-space:normal}}
#txhdr .txb span{white-space:nowrap}
@media (min-width:901px) and (max-width:1400px){#txhdr .txl a{padding:.5rem .55rem;font-size:.9rem}#txhdr .txb span small{display:none}}
#txhdr .txs.txm{list-style:none}
#txhdr .txs.txm ul{list-style:none;margin:0;padding:0}
#txhdr .txs.txm .txmt{display:flex;align-items:baseline;gap:.6rem;font-weight:700;color:#fff}
#txhdr .txs.txm .txmt span{font-weight:400;font-size:.82rem;color:#E3C77E}
#txhdr .txs.txm .txml{display:block;font-size:.8rem;font-weight:700;color:#E3C77E;padding:.55rem .6rem .15rem}
#txhdr .txs.txm .txmf{border-top:1px solid rgba(255,255,255,.14);margin-top:.3rem}
@media (min-width:901px){#txhdr .txs.txm{display:none;grid-template-columns:repeat(3,minmax(200px,1fr));gap:0 1rem;min-width:700px;padding:.8rem 1rem 1rem}#txhdr .txs.txm.txw{grid-template-columns:1fr;min-width:280px}#txhdr .txh:hover>.txs.txm,#txhdr .txh:focus-within>.txs.txm{display:grid}#txhdr .txs.txm .txmt,#txhdr .txs.txm .txmf{grid-column:1/-1}#txhdr .txs.txm .txmt{border-bottom:1px solid rgba(255,255,255,.14);margin-bottom:.2rem}#txhdr .txl>li:nth-child(n+2)>.txs.txm:not(.txw){left:auto;right:-220px}#txhdr .txl>li:first-child>.txs.txm{left:0;right:auto}}
#txhdr .txt{display:none}
@media (max-width:900px){#txhdr .txt{display:block;position:absolute;right:0;top:0;width:52px;height:46px;background:transparent;border:0;color:#fff;font-size:1.4rem;cursor:pointer}#txhdr .txt::after{content:"+"}#txhdr .txh.txo>.txt::after{content:"\2013"}#txhdr .txl .txh>.txs,#txhdr .txl .txh>.txs.txm{display:none!important}#txhdr .txl .txh.txo>.txs,#txhdr .txl .txh.txo>.txs.txm{display:block!important}#txhdr .txl .txh>a{padding-right:56px}}
@media print{#txhdr .txn{display:none!important}#txhdr .txwr{max-width:none!important;padding:0!important}}
@media (min-width:901px) and (max-width:1140px){#txhdr .txl>li>a{padding:.5rem .42rem;font-size:.86rem}#txhdr .txl>li.nav-contact{display:none}#txhdr .txb span{display:none}}
#txhdr .txn{position:relative;top:auto}
#txhdr ~ nav.nav .brand{display:none}
#txhdr ~ nav.nav{top:0}

/* top bar with company name (Oct 2026) */
.ttop{background:#0B2418;color:#d5e5db;font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:.8rem;line-height:1.4}
.ttop-in{max-width:1180px;margin:0 auto;padding:.42rem 20px;display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}
.ttop b{font-family:'Fraunces',Georgia,serif;color:#fff;letter-spacing:.08em;font-size:.86rem;font-weight:700}
.ttop-t{color:#E3C77E}.ttop-r{margin-left:auto;display:flex;gap:1.1rem}
.ttop a{color:#d5e5db;text-decoration:none}.ttop a:hover{color:#fff;text-decoration:underline}
@media (max-width:900px){.ttop{display:none}}
@media (min-width:901px){#txhdr .txb span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#txhdr .txb img{width:42px;height:42px}}
/* main menu stays on screen in the catalogue and studio; their own tabs stay just below it */
#txhdr{position:sticky!important;top:0}
#txhdr~.nav{top:69px!important}
html{scroll-padding-top:140px}
/* language switcher */
#txhdr .lang-sw>a{padding-left:.45rem!important;padding-right:.45rem!important}
@media (min-width:901px){#txhdr .lang-sw .lsw-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}
@media (max-width:900px){#txhdr .lang-sw svg{margin-right:.4rem}}

/* floating WhatsApp button (Oct 2026) */
.wa-fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:56px;height:56px;border-radius:50%;background:#1FAF54;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(31,175,84,.45);z-index:90;transition:transform .15s}
.wa-fab:hover{transform:scale(1.07)}
.wa-fab svg{width:28px;height:28px;fill:#fff}
.wa-fab.left{right:auto;left:18px}
@media print{.wa-fab{display:none}}
