/* Consolidated shared navigation (formerly v68) and responsive stability (v70). */
/* Consistent T-Shop navigation. Last-loaded on all standard pages. */
.site-header{position:sticky!important;top:0!important;z-index:9999!important;width:100%!important;background:linear-gradient(105deg,#0b2448,#173e70 65%,#35306b)!important;color:#fff!important}
.site-header .container.nav{width:min(100% - 32px,1250px)!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:clamp(12px,1.4vw,22px)!important;min-height:72px!important;flex-wrap:nowrap!important}
.site-header .brand{display:flex!important;align-items:center!important;flex:0 1 auto!important;min-width:0!important;gap:10px!important;text-decoration:none!important}
.site-header .brand img{width:44px!important;height:44px!important;object-fit:contain!important;flex:none!important}
.site-header .brand>span{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-width:0!important;gap:3px!important}
.site-header .brand-name{display:block!important;font:700 clamp(.98rem,1.5vw,1.2rem)/1.12 Georgia,serif!important;color:#ffe4af!important;white-space:nowrap!important}
.site-header .brand-tag{display:block!important;font-size:clamp(.55rem,.75vw,.67rem)!important;line-height:1.2!important;color:#f6e9cc!important;white-space:nowrap!important}
.site-header .nav-links{display:flex!important;flex:0 1 auto!important;align-items:center!important;justify-content:center!important;gap:clamp(10px,1.35vw,20px)!important;margin:0 0 0 auto!important;min-width:0!important}
.site-header .nav-links a,.site-header .nav-links a:visited{display:inline-block!important;flex:none!important;padding:8px 1px!important;color:#fff8e9!important;font-size:clamp(.82rem,.95vw,.95rem)!important;line-height:1.3!important;font-weight:650!important;opacity:1!important;white-space:nowrap!important;text-decoration:none!important}
.site-header .nav-links a:hover,.site-header .nav-links a:focus-visible{color:#ffd47a!important}
.site-header .nav-actions{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important}
.site-header .cart-btn,.site-header .tshop-menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:43px!important;min-width:43px!important;padding:8px 12px!important;border-radius:999px!important;border:1px solid #e6c98985!important;background:#16365f!important;color:#fff8e9!important;white-space:nowrap!important}
.site-header .tshop-menu-toggle{display:none!important}
@media(max-width:1100px){
.site-header .container.nav{width:calc(100% - 26px)!important;min-height:64px!important}
.site-header .nav-links{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;margin:0!important;padding:12px 16px!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;max-height:65svh!important;overflow-y:auto!important;background:#102b52!important;box-shadow:0 18px 28px #06172d55!important}
.site-header .nav-links.open{display:flex!important}
.site-header .nav-links a{display:block!important;width:100%!important;padding:11px 12px!important;font-size:1rem!important;white-space:normal!important}
.site-header .tshop-menu-toggle{display:inline-flex!important}
.site-header .brand img{width:40px!important;height:40px!important}
}
@media(max-width:420px){
.site-header .container.nav{gap:6px!important}
.site-header .brand{gap:6px!important}
.site-header .brand-name{font-size:.94rem!important}
.site-header .brand-tag{font-size:.53rem!important;white-space:normal!important}
.site-header .cart-btn{padding:7px 9px!important;min-width:55px!important}
.site-header .tshop-menu-toggle{padding:7px 10px!important}
}

/* T-Shop v70: shared layout stabilization. No product data or artwork changes. */
:root{--shop-navy:#17365d;--shop-ivory:#fffaf2;--shop-gold:#f4c969;--shop-lilac:#f0ecfc}
body .site-header{position:sticky!important;top:0!important;background:linear-gradient(105deg,#0b2448,#194274 66%,#3c3472)!important;z-index:9999!important}
body .site-header .container.nav{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;flex-wrap:nowrap!important;max-width:1280px!important;width:calc(100% - 40px)!important;margin:auto!important;padding:0!important}
body .site-header .brand{display:flex!important;align-items:center!important;flex:0 0 auto!important;gap:10px!important}
body .site-header .brand>span{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important}
body .site-header .brand-name{color:#ffe3a8!important;display:block!important;font-size:1.15rem!important;line-height:1.1!important}
body .site-header .brand-tag{color:#f6e7c8!important;display:block!important;line-height:1.25!important;font-size:.67rem!important}
body .site-header .nav-links{display:flex!important;align-items:center!important;gap:clamp(14px,1.5vw,24px)!important;margin-left:auto!important;white-space:nowrap!important}
body .site-header .nav-links>a{display:inline-flex!important;align-items:center!important;white-space:nowrap!important;margin:0!important;padding:10px 1px!important;color:#fff5dd!important;font-size:.94rem!important;font-weight:650!important;letter-spacing:0!important}
body .site-header .nav-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-shrink:0!important}
body .site-header .cart-btn,body .site-header .tshop-menu-toggle{border:1px solid #e9c97885!important;background:#15345f!important;color:#fff8e6!important;border-radius:999px!important;min-height:43px!important;box-shadow:none!important}
body .site-header .tshop-menu-toggle{display:none!important}
body .tshop-whats-new .tshop-hero-combo::before,body .tshop-whats-new .tshop-hero-combo::after,body .tshop-journal-new-hero::after{display:none!important;content:none!important}
body .tshop-featured-categories,body .tshop-update-intro,body .tshop-story-title,body .shop-hero.shop-hero-premium>.container{background:linear-gradient(115deg,#fff8ed,#f1edff 67%,#eaf2ff)!important}
body .shop-hero.shop-hero-premium>.container{box-sizing:border-box!important}
body .shop-hero.shop-hero-premium p{margin:0 auto 22px!important;line-height:1.5!important;max-width:720px!important}
body .shop-hero.shop-hero-premium .hero-cta-row{position:relative!important;display:flex!important;justify-content:center!important;align-items:center!important;flex-wrap:wrap!important;gap:12px!important;margin:0!important;transform:none!important}
body .shop-hero.shop-hero-premium .hero-cta-row a{position:relative!important;flex:none!important;min-height:46px!important;margin:0!important;transform:none!important}
body .about-hero>.tshop-about-landscape{display:block!important;width:100%!important;object-position:center!important}
body .tshop-journal-new-hero{overflow:hidden!important}
body .tshop-journal-new-hero::before{clip-path:none!important;mask:none!important;-webkit-mask:none!important}
body .tshop-hero-combo>.tshop-update-intro{position:relative!important;min-height:0!important;height:auto!important}
body .tshop-hero-combo>.tshop-home-news-hero{min-height:0!important}
body .tshop-feature-grid img,body .products img,body .product-grid img{max-width:100%;height:auto}
body .section h1,body .section h2{overflow-wrap:normal}
@media(max-width:1170px){
body .site-header .container.nav{gap:10px!important;width:calc(100% - 24px)!important;min-height:64px!important}
body .site-header .nav-links{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;max-height:68svh!important;overflow-y:auto!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;margin:0!important;padding:12px 16px!important;background:#102b53!important;box-shadow:0 18px 28px #0a1a3266!important}
body .site-header .nav-links.open{display:flex!important}
body .site-header .nav-links>a{display:block!important;width:100%!important;padding:12px!important;font-size:1rem!important}
body .site-header .tshop-menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:44px!important}
}
@media(max-width:600px){
body .site-header .brand-name{font-size:.98rem!important}
body .site-header .brand-tag{font-size:.57rem!important}
body .site-header .brand img{width:40px!important;height:40px!important}
body .site-header .nav-actions{gap:7px!important}
body .site-header .cart-btn{padding:7px 9px!important}
body .shop-hero.shop-hero-premium .hero-cta-row a{max-width:100%!important}
}

/* Mobile editorial pages: pale introductory title panel above photography. */
@media(max-width:767px){
  body[data-page="faq"] .page-hero .wrap,
  body[data-page="contact"] .page-hero .wrap,
  .tshop-story-title .about-wrap{
    background:linear-gradient(120deg,#fff9ef,#ecebff)!important;
    color:#18365c!important;padding:24px 20px!important;border:0!important;
    border-radius:0!important;box-shadow:none!important;max-width:none!important;
  }
  body[data-page="faq"] .page-hero h1,
  body[data-page="contact"] .page-hero h1,
  .tshop-story-title h1,
  .tshop-journal-new-hero h1{color:#17345e!important;text-shadow:none!important}
  body[data-page="faq"] .page-hero p,
  body[data-page="contact"] .page-hero p,
  .tshop-journal-new-hero p{color:#3b5070!important;text-shadow:none!important}
  body[data-page="faq"] .page-hero .eyebrow,
  body[data-page="contact"] .page-hero .eyebrow,
  .tshop-story-title .eyebrow,
  .tshop-journal-new-hero .eyebrow{color:#89672e!important}
  .tshop-story-title{background:linear-gradient(120deg,#fff9ef,#ecebff)!important}
  .tshop-journal-new-hero.blog-hero{
    display:flex!important;flex-direction:column!important;
    padding:0!important;background:#f4effb!important;
  }
  .tshop-journal-new-hero.blog-hero>.container{
    order:0!important;position:relative!important;inset:auto!important;
    background:linear-gradient(120deg,#fff9ef,#ecebff)!important;
    padding:24px 20px!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;max-width:none!important;width:100%!important;
  }
  .tshop-journal-new-hero.blog-hero:before{
    content:""!important;display:block!important;order:1!important;
    position:relative!important;inset:auto!important;width:100%!important;
    height:clamp(220px,58vw,420px)!important;
    background:url('/assets/generated/tshop-journal-hero.webp') center/cover no-repeat!important;
  }
  .tshop-journal-new-hero.blog-hero:after{display:none!important}
  /* One consistent menu and cart treatment regardless of legacy page CSS. */
  body .site-header .nav-links.open{
    display:flex!important;position:absolute!important;top:100%!important;
    left:0!important;right:0!important;width:100%!important;
    margin:0!important;padding:10px 20px!important;border:0!important;
    border-radius:0!important;background:#112b50!important;
    box-shadow:0 12px 22px rgba(6,20,44,.25)!important;
    flex-direction:column!important;gap:0!important;
  }
  body .site-header .nav-links.open a{
    color:#fff5dc!important;text-shadow:none!important;background:transparent!important;
    border-radius:0!important;border-bottom:1px solid rgba(255,255,255,.3)!important;
    padding:12px 10px!important;width:100%!important;
  }
  body .site-header .cart-btn,body .site-header .tshop-menu-toggle{
    background:#16365f!important;border:1px solid #d6b977!important;
    color:#fff5dc!important;box-shadow:none!important;
    min-width:44px!important;min-height:44px!important;border-radius:999px!important;
    font:700 14px/1.1 system-ui,sans-serif!important;
  }
  body .site-header .cart-btn span[data-cart-count]{margin-left:5px!important}
}

/* Editorial title panels: warm sunrise orange blending into soft blue.
   Shared across landing, Home, Shop, About, FAQ, Journal and Contact. */
:root{--tshop-title-sunrise:linear-gradient(115deg,#f5a044 0%,#ffc06c 32%,#f5bd99 56%,#a7c8ee 100%)}
body .tshop-update-intro,
body .tshop-story-title,
body .tshop-featured-categories,
body .shop-hero.shop-hero-premium>.container,
body[data-page="faq"] .page-hero .wrap,
body[data-page="contact"] .page-hero .wrap,
body .tshop-journal-new-hero.blog-hero>.container{
  background:var(--tshop-title-sunrise)!important;
  color:#17345e!important;
}
body .tshop-update-intro h1,
body .tshop-story-title h1,
body .shop-hero.shop-hero-premium h1,
body[data-page="faq"] .page-hero h1,
body[data-page="contact"] .page-hero h1,
body .tshop-journal-new-hero h1{color:#17345e!important;text-shadow:none!important}
@media(max-width:767px){
 body[data-page="faq"] .page-hero .wrap,
 body[data-page="contact"] .page-hero .wrap,
 body .tshop-story-title .about-wrap,
 body .tshop-journal-new-hero.blog-hero>.container{background:var(--tshop-title-sunrise)!important}
}

/* Strong, unmistakable sunset title bands on all editorial pages. */
html body .tshop-hero-combo .tshop-update-intro,
html body .tshop-hero-combo .tshop-update-intro *,
html body .tshop-story-title,
html body .tshop-story-title .about-wrap,
html body .shop-hero.shop-hero-premium>.container,
html body[data-page="faq"] .page-hero .wrap,
html body[data-page="contact"] .page-hero .wrap,
html body .tshop-journal-new-hero.blog-hero>.container,
html body .tshop-featured-categories{
 --tshop-title-sunrise:linear-gradient(112deg,#f8a54c 0%,#ffcc7f 36%,#f5b79b 60%,#92b8e9 100%);
}
html body .tshop-hero-combo .tshop-update-intro,
html body .tshop-story-title,
html body .tshop-story-title .about-wrap,
html body .shop-hero.shop-hero-premium>.container,
html body[data-page="faq"] .page-hero .wrap,
html body[data-page="contact"] .page-hero .wrap,
html body .tshop-journal-new-hero.blog-hero>.container,
html body .tshop-featured-categories{background-image:var(--tshop-title-sunrise)!important;background-color:#f8b46a!important}
