:root{--ink:#171916;--deep:#0c1112;--cream:#f5f1e9;--paper:#fffdf8;--gold:#c6a265;--muted:#74736d;--line:#ded9ce;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-header{height:78px;background:#101414;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,90px);gap:24px;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff17}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{font-family:var(--serif);font-size:42px;line-height:1;color:var(--gold);letter-spacing:-5px;padding-right:6px}.brand b{display:block;font-family:var(--serif);font-size:17px;letter-spacing:3px;font-weight:500}.brand small{display:block;font-size:8px;letter-spacing:1.6px;color:#d6c8aa}.site-header nav{display:flex;align-items:center;gap:clamp(12px,2vw,27px);font-size:12px}.site-header nav a{white-space:nowrap;color:#f1eee8;transition:color .2s}.site-header nav a:hover,.site-header nav .active{color:var(--gold)}.nav-cta{background:var(--gold);color:#151612!important;padding:11px 15px;font-size:10px!important;text-transform:uppercase;letter-spacing:.7px;font-weight:700}.admin-link{opacity:.75}.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}.hero{position:relative;min-height:590px;display:flex;align-items:center;padding:85px clamp(24px,9.5vw,145px);color:white;background:#202421 url("https://images.unsplash.com/photo-1539109136881-3be0616acf4b?auto=format&fit=crop&w=2200&q=90") center 38%/cover no-repeat;overflow:hidden}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,13,13,.92),rgba(8,13,13,.72) 42%,rgba(8,13,13,.06) 100%)}.hero-copy{position:relative;max-width:750px;z-index:1}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:700;color:#9b7b48;text-transform:uppercase;margin:0 0 15px}.hero .eyebrow{color:#e0c99e}.hero h1,.page-hero h1{font-family:var(--serif);font-size:clamp(42px,5.3vw,75px);font-weight:500;line-height:1.08;letter-spacing:-1.7px;margin:0 0 22px}.hero h1 em,.section h2 em,.about-copy h2 em,.standards h2 em,.page-hero h1 em,.admin-wrap h1 em{color:var(--gold);font-weight:500}.hero-intro{max-width:430px;color:#e0ded7;font-size:15px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid transparent;padding:13px 20px;font-size:11px;font-weight:700;letter-spacing:.4px;cursor:pointer;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#171714}.btn-outline{border-color:#d5b780;color:#fff;background:transparent}.btn-dark{background:var(--ink);color:#fff}.btn-light{background:#eee8dc;color:var(--ink)}.hero-note{position:absolute;right:8%;top:33%;font-family:var(--serif);font-style:italic;font-size:clamp(28px,3vw,44px);line-height:1.1;color:#d6b47b;transform:rotate(-7deg)}.hero-bottom{position:absolute;bottom:22px;left:clamp(24px,9.5vw,145px);right:clamp(24px,9.5vw,145px);display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px;color:#d8d5cd}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:26px clamp(24px,7vw,100px);background:#fffdf8;border-bottom:1px solid var(--line);gap:22px}.trust-strip article{display:flex;align-items:center;gap:14px;border-right:1px solid var(--line);padding-right:14px}.trust-strip article:last-child{border:0}.line-icon{font-size:28px;color:#987846}.trust-strip b,.trust-strip small{display:block}.trust-strip b{font-size:12px}.trust-strip small{font-size:10px;color:var(--muted);margin-top:2px}.section{padding:85px clamp(24px,7vw,100px)}.products-section{background:var(--cream)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.section h2,.about-copy h2,.standards h2,.center-heading h2{font-family:var(--serif);font-size:clamp(31px,3.5vw,47px);line-height:1.15;font-weight:500;letter-spacing:-.7px;margin:0 0 12px}.muted{color:var(--muted);font-size:13px}.text-link{font-size:11px;font-weight:700;white-space:nowrap;border-bottom:1px solid var(--gold);padding-bottom:6px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-card{background:white;min-width:0;border:1px solid #e9e3d9;transition:transform .25s,box-shadow .25s}.product-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #16140f12}.product-card img{width:100%;aspect-ratio:4/4.4;object-fit:cover;display:block;background:#e6e1d8}.product-info{padding:17px}.product-info .category{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:#967747}.product-info h3{font-family:var(--serif);font-weight:500;font-size:20px;margin:5px 0}.product-info p{font-size:12px;color:var(--muted);margin:6px 0 14px}.product-info a{font-size:10px;font-weight:700;letter-spacing:.6px;border-bottom:1px solid var(--gold);padding-bottom:4px}.loading{color:var(--muted);padding:20px}.about-section{display:grid;grid-template-columns:1.05fr 1fr .5fr;gap:42px;align-items:center;padding:80px clamp(24px,5vw,72px);background:#fffdf8}.about-image{position:relative}.about-image img{display:block;width:100%;height:390px;object-fit:cover;filter:saturate(.75)}.image-label{position:absolute;bottom:0;left:0;background:var(--gold);padding:10px 14px;font-size:9px;letter-spacing:1px;font-weight:700}.about-copy p:not(.eyebrow){font-size:13px;color:#65645e}.about-copy .btn{margin-top:12px}.stats{border-left:1px solid var(--line);padding-left:26px}.stats div{margin:15px 0 24px}.stats strong{display:block;font-family:var(--serif);font-size:29px;font-weight:500}.stats span{font-size:11px;color:var(--muted)}.services{background:var(--cream)}.center-heading{text-align:center;max-width:650px;margin:0 auto 42px}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.service-grid article{padding:20px 22px;border-left:1px solid var(--line)}.service-grid article:first-child{border-left:0}.service-grid article>span{display:grid;place-items:center;width:39px;height:39px;border:1px solid #cbb88f;border-radius:50%;font-family:var(--serif);color:#947744;font-size:14px}.service-grid h3{font-family:var(--serif);font-size:18px;font-weight:500;margin:17px 0 8px}.service-grid p{font-size:11px;color:var(--muted);margin:0}.standards{display:grid;grid-template-columns:1fr 1fr;background:var(--deep);color:white;min-height:350px}.standards-image{background:url("https://images.unsplash.com/photo-1558769132-cb1aea458c5e?auto=format&fit=crop&w=1200&q=85") center/cover;min-height:330px;opacity:.72}.standards-copy{padding:60px clamp(28px,7vw,100px);align-self:center}.standards-copy p:not(.eyebrow){color:#c9c9c2;font-size:13px;max-width:520px;margin:20px 0 26px}.gallery-section{background:#fffdf8}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.gallery-grid img{width:100%;height:230px;object-fit:cover;filter:saturate(.72);transition:filter .2s}.gallery-grid img:hover{filter:saturate(1)}.contact-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;background:#101414;color:white;padding:75px clamp(24px,7vw,100px)}.contact-section h2{font-family:var(--serif);font-weight:500;font-size:clamp(34px,4vw,48px);line-height:1.12;margin:0 0 16px}.contact-section>div>p:not(.eyebrow){color:#c5c7c1;font-size:13px;max-width:390px}.inquiry-form{display:grid;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:grid;gap:7px;font-size:11px;color:inherit}input,textarea,select{width:100%;border:1px solid #d8d2c6;background:#fffdf8;color:#222;padding:12px 13px;border-radius:0;outline:none;font-size:12px}input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 2px #c6a26524}textarea{resize:vertical}.inquiry-form .btn{justify-self:start}.form-status{font-size:12px;color:#d9c08d;margin:0}.footer{background:#080c0d;color:#e7e5dd;padding:34px clamp(24px,7vw,100px) 0}.footer-main{display:grid;grid-template-columns:1.2fr 1fr 1.1fr 1.3fr;gap:28px;align-items:center;padding-bottom:30px}.footer-main>p,.footer-contact{font-size:10px;color:#a8aaa4}.footer-links{display:flex;flex-wrap:wrap;gap:12px;font-size:10px}.footer-contact span{display:block;margin:5px 0}.footer-bottom{border-top:1px solid #ffffff20;padding:16px 0;display:flex;justify-content:space-between;font-size:9px;color:#9a9d96}.page-hero{background:var(--deep);color:white;padding:75px clamp(24px,7vw,100px)}.page-hero h1{font-size:clamp(40px,5vw,65px);margin-bottom:10px}.page-hero>p:last-child{color:#c7c6bf}.catalog-section{min-height:55vh}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:12px}.catalog-toolbar select{max-width:240px}.detail-wrap{min-height:60vh}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.detail-grid img{width:100%;max-height:650px;object-fit:cover}.detail-grid h1{font-family:var(--serif);font-size:clamp(35px,4vw,55px);font-weight:500;line-height:1.15}.detail-grid p{color:var(--muted);font-size:14px}.admin-body{background:var(--cream);min-height:100vh}.admin-wrap{max-width:1200px;margin:0 auto;padding:55px 24px 90px}.admin-login{max-width:440px;margin:20px auto;background:white;border:1px solid var(--line);padding:34px}.admin-wrap h1{font-family:var(--serif);font-weight:500;font-size:42px;line-height:1.1;margin:0 0 12px}.admin-login form{display:grid;gap:17px;margin-top:25px}.admin-login .btn{width:100%}.admin-warning{font-size:10px;color:#8b6b39;background:#f7f0e1;padding:10px}.hidden{display:none!important}.dashboard-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.dark-outline{color:var(--ink);border-color:var(--ink)}.admin-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:24px}.tab{border:0;background:transparent;padding:12px 18px;cursor:pointer;font-size:12px}.tab.active{border-bottom:2px solid var(--gold);font-weight:700}.admin-columns{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:22px}.admin-card{background:white;border:1px solid var(--line);padding:24px;min-width:0}.admin-card h2{font-family:var(--serif);font-weight:500;margin:0 0 20px}.admin-card form,.admin-card label{display:grid;gap:12px}.admin-card label{margin-bottom:14px}.admin-product-list{display:grid;gap:12px}.admin-product{display:grid;grid-template-columns:65px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.admin-product img{width:65px;height:70px;object-fit:cover}.admin-product b,.admin-product small{display:block}.admin-product b{font-size:12px}.admin-product small{font-size:10px;color:var(--muted)}.small-actions{display:flex;flex-direction:column;gap:6px}.small-actions button{border:1px solid var(--line);background:white;padding:6px 8px;font-size:10px;cursor:pointer}.inquiry-item{border-bottom:1px solid var(--line);padding:16px 0;font-size:12px}.inquiry-item p{margin:5px 0;color:var(--muted)}.inquiry-item small{color:#8c754f}@media(max-width:950px){.site-header{padding:0 22px}.site-header nav{gap:12px}.site-header nav a{font-size:10px}.about-section{grid-template-columns:1fr 1fr}.stats{grid-column:1/-1;display:flex;justify-content:space-around;border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.service-grid{grid-template-columns:repeat(3,1fr);row-gap:24px}.service-grid article:nth-child(4){border-left:0}.footer-main{grid-template-columns:1fr 1fr}.hero-note{right:5%}}@media(max-width:680px){.site-header{height:70px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;background:#101414;padding:18px 24px 24px;flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.site-header nav a{padding:8px;font-size:12px}.hero{min-height:570px;padding:75px 24px;background-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(8,13,13,.91),rgba(8,13,13,.52))}.hero h1{font-size:44px}.hero-note{display:none}.hero-bottom{left:24px;right:24px;font-size:8px}.trust-strip{grid-template-columns:1fr 1fr;padding:24px;gap:20px}.trust-strip article:nth-child(2){border-right:0}.section{padding:58px 22px}.section-heading{align-items:start;flex-direction:column}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-info{padding:12px}.product-info h3{font-size:17px}.product-info p{font-size:11px}.about-section{grid-template-columns:1fr;padding:55px 22px;gap:26px}.about-image img{height:280px}.stats{grid-column:auto;gap:15px}.stats div{margin:8px 0}.stats strong{font-size:24px}.stats span{font-size:9px}.service-grid{grid-template-columns:1fr 1fr}.service-grid article{padding:15px;border-left:1px solid var(--line)}.service-grid article:nth-child(odd){border-left:0}.standards{grid-template-columns:1fr}.standards-image{min-height:210px}.standards-copy{padding:45px 24px}.gallery-grid{grid-template-columns:1fr 1fr;gap:10px}.gallery-grid img{height:170px}.contact-section{grid-template-columns:1fr;gap:28px;padding:55px 22px}.form-row{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr;gap:16px}.footer-bottom{gap:12px;flex-wrap:wrap}.detail-grid{grid-template-columns:1fr;gap:24px}.catalog-toolbar{align-items:start;gap:12px;flex-direction:column}.catalog-toolbar select{max-width:none}.admin-columns{grid-template-columns:1fr}.admin-wrap{padding:35px 15px}.admin-card{padding:17px}.admin-product{grid-template-columns:52px 1fr auto}.admin-product img{width:52px;height:58px}.admin-login{padding:24px}.dashboard-head{align-items:start;gap:15px}.admin-wrap h1{font-size:35px}}

/* TR Fashions Hero Image Slider */
.hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.hero-slides {
  position: absolute;
  inset: 0;
  z-index: -2;
}

.hero-slide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transform: scale(1.04);
  transition: opacity 1s ease, transform 5s ease;
}

.hero-slide.active {
  opacity: 1;
  transform: scale(1);
}

/* Dark overlay for readable text */
.hero-shade {
  z-index: -1;
}

/* Previous and Next buttons */
.hero-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid #c6a265;
  color: #fff;
  background: rgba(0, 0, 0, 0.35);
  cursor: pointer;
  transition: background 0.3s;
}

.hero-arrow:hover {
  background: #c6a265;
  color: #171916;
}

.hero-prev {
  left: 20px;
}

.hero-next {
  right: 20px;
}

/* Slider dots */
.hero-dots {
  position: absolute;
  z-index: 5;
  bottom: 45px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
}

.hero-dot {
  width: 9px;
  height: 9px;
  padding: 0;
  border: 1px solid #fff;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}

.hero-dot.active {
  width: 25px;
  border-radius: 10px;
  background: #c6a265;
  border-color: #c6a265;
}

@media (max-width: 680px) {
  .hero-arrow {
    width: 34px;
    height: 34px;
  }

  .hero-prev {
    left: 8px;
  }

  .hero-next {
    right: 8px;
  }

  .hero-dots {
    bottom: 32px;
  }
}


/* ==========================================
   TR FASHIONS - HOME PRODUCT SLIDER
   Scoped styles: does not change other sections
========================================== */

.tr-home-products {
  --tr-slider-gold: #c9a45c;
  --tr-slider-green: #092c23;

  position: relative;
  width: 100%;
  padding: 75px 5%;
  background: #fff;
  color: #202520;
  box-sizing: border-box;
  overflow: hidden;
}

.tr-home-products *,
.tr-home-products *::before,
.tr-home-products *::after {
  box-sizing: border-box;
}

.tr-products-heading {
  position: relative;
  text-align: center;
  margin: 0 auto 38px;
  max-width: 750px;
}

.tr-products-eyebrow {
  display: block;
  margin-bottom: 12px;
  color: #92743a;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
}

.tr-products-heading h2 {
  margin: 0 0 12px;
  color: var(--tr-slider-green);
  font-size: clamp(28px, 4vw, 43px);
  line-height: 1.2;
}

.tr-products-heading p {
  margin: 0;
  color: #777;
  font-size: 15px;
  line-height: 1.7;
}

/* Slider arrows */

.tr-slider-controls {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 24px;
}

.tr-slider-controls button {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid #d9d9d2;
  border-radius: 50%;
  background: #fff;
  color: var(--tr-slider-green);
  font-size: 22px;
  cursor: pointer;
  transition: background .25s ease,
              color .25s ease,
              border-color .25s ease;
}

.tr-slider-controls button:hover {
  background: var(--tr-slider-green);
  border-color: var(--tr-slider-green);
  color: #fff;
}

.tr-slider-controls button:focus-visible,
.tr-product-card:focus-visible {
  outline: 2px solid var(--tr-slider-gold);
  outline-offset: 4px;
}

/* Viewport and track */

.tr-slider-viewport {
  width: 100%;
  overflow: hidden;
}

.tr-slider-track {
  display: flex;
  align-items: stretch;
  gap: 22px;
  transform: translateX(0);
  transition: transform .65s cubic-bezier(.22, .61, .36, 1);
  will-change: transform;
}

/* Four products on desktop */

.tr-product-card {
  display: block;
  flex: 0 0 calc((100% - 66px) / 4);
  min-width: 0;
  overflow: hidden;
  color: inherit;
  background: #fff;
  border: 1px solid #ededeb;
  text-decoration: none;
  transition: box-shadow .3s ease,
              border-color .3s ease;
}

.tr-product-card:hover {
  border-color: #d9c69d;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
}

.tr-product-image {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: #f5f5f2;
}

.tr-product-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .55s ease;
}

.tr-product-card:hover .tr-product-image img {
  transform: scale(1.06);
}

.tr-product-view {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  padding: 12px 8px;
  background: rgba(9, 44, 35, .94);
  color: #fff;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.5px;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .25s ease,
              transform .25s ease;
}

.tr-product-card:hover .tr-product-view,
.tr-product-card:focus-visible .tr-product-view {
  opacity: 1;
  transform: translateY(0);
}

.tr-product-info {
  padding: 20px 16px 22px;
}

.tr-product-info > span {
  display: block;
  margin-bottom: 9px;
  color: #9b7b3e;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.5px;
}

.tr-product-info h3 {
  margin: 0 0 8px;
  color: #172b23;
  font-size: 19px;
  line-height: 1.4;
}

.tr-product-info p {
  margin: 0;
  color: #777;
  font-size: 12px;
  line-height: 1.7;
}

/* Footer link */

.tr-products-footer {
  margin-top: 35px;
  text-align: center;
}

.tr-products-footer a {
  display: inline-block;
  padding: 13px 22px;
  border: 1px solid var(--tr-slider-green);
  color: var(--tr-slider-green);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.3px;
  text-decoration: none;
  transition: background .25s ease, color .25s ease;
}

.tr-products-footer a:hover {
  background: var(--tr-slider-green);
  color: #fff;
}

/* Tablet */

@media (max-width: 1024px) {
  .tr-product-card {
    flex-basis: calc((100% - 44px) / 3);
  }

  .tr-home-products {
    padding: 60px 4%;
  }
}

/* Mobile: two products */

@media (max-width: 700px) {
  .tr-product-card {
    flex-basis: calc((100% - 16px) / 2);
  }

  .tr-slider-track {
    gap: 16px;
  }

  .tr-product-info {
    padding: 15px 12px 18px;
  }

  .tr-product-info h3 {
    font-size: 16px;
  }

  .tr-product-view {
    opacity: 1;
    transform: none;
    font-size: 9px;
    padding: 10px 5px;
  }
}

/* Small mobile: one product */

@media (max-width: 420px) {
  .tr-product-card {
    flex-basis: 100%;
  }

  .tr-home-products {
    padding: 45px 6%;
  }

  .tr-products-heading {
    margin-bottom: 28px;
  }
}

/* Respect reduced-motion preferences */

@media (prefers-reduced-motion: reduce) {
  .tr-slider-track,
  .tr-product-card,
  .tr-product-image img,
  .tr-product-view {
    transition-duration: .01ms;
  }
}


/* Product slider heading and side arrows */

.tr-home-products .tr-products-heading {
  max-width: none;
  padding: 0 60px;
}

.tr-home-products .tr-slider-controls {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  transform: translateY(-50%);
  pointer-events: none;
}

.tr-home-products .tr-slider-controls button {
  flex-shrink: 0;
  pointer-events: auto;
  background: #fff;
  border: 1px solid #deded8;
  color: #092c23;
}

.tr-home-products .tr-slider-controls button:hover {
  background: #092c23;
  border-color: #092c23;
  color: #fff;
}

@media (max-width: 600px) {
  .tr-home-products .tr-products-heading {
    padding: 0 42px;
  }

  .tr-home-products .tr-slider-controls button {
    width: 34px;
    height: 34px;
    font-size: 18px;
  }
}

/* ==========================================
   TR FASHIONS - HOME PRODUCT SLIDER
========================================== */

.tr-home-products {
  --tr-green: #092c23;
  --tr-gold: #c9a45c;

  width: 100%;
  padding: 70px 5%;
  overflow: hidden;
  background: #fff;
  color: #202520;
  box-sizing: border-box;
}

.tr-home-products *,
.tr-home-products *::before,
.tr-home-products *::after {
  box-sizing: border-box;
}

.tr-home-products .tr-products-heading {
  text-align: center;
  margin: 0 auto 28px;
}

.tr-home-products .tr-products-eyebrow {
  display: block;
  margin-bottom: 12px;
  color: #92743a;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
}

.tr-home-products .tr-products-heading h2 {
  margin: 0 0 12px;
  color: var(--tr-green);
  font-size: clamp(28px, 4vw, 43px);
  line-height: 1.2;
}

.tr-home-products .tr-products-heading p {
  margin: 0;
  color: #777;
  font-size: 15px;
  line-height: 1.7;
}

/* Separate arrow toolbar above all cards */

.tr-home-products .tr-slider-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 22px;
}

.tr-home-products .tr-slider-count {
  color: #92743a;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-align: center;
}

.tr-home-products .tr-slider-toolbar button {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid #deded8;
  border-radius: 50%;
  background: #fff;
  color: var(--tr-green);
  font-size: 23px;
  cursor: pointer;
  transition: background .25s ease,
              color .25s ease,
              border-color .25s ease;
}

.tr-home-products .tr-slider-toolbar button:hover {
  background: var(--tr-green);
  border-color: var(--tr-green);
  color: #fff;
}

.tr-home-products button:focus-visible,
.tr-home-products a:focus-visible {
  outline: 2px solid var(--tr-gold);
  outline-offset: 3px;
}


/* =================================
   PRODUCT SLIDER VIEWPORT
================================= */

.tr-home-products .tr-slider-viewport {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.tr-home-products .tr-slider-track {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 22px;

  transform: translateX(0);
  transition: transform 550ms ease;
  will-change: transform;
}

/* 4 cards on desktop */
.tr-home-products .tr-product-card {
  flex: 0 0 calc((100% - 66px) / 4);
  min-width: 0;
  box-sizing: border-box;
}

/* 3 cards on tablet */
@media (max-width: 1024px) {
  .tr-home-products .tr-product-card {
    flex-basis: calc((100% - 44px) / 3);
  }
}

/* 2 cards on mobile */
@media (max-width: 700px) {
  .tr-home-products .tr-slider-track {
    gap: 16px;
  }

  .tr-home-products .tr-product-card {
    flex-basis: calc((100% - 16px) / 2);
  }
}

/* 1 card on small mobile */
@media (max-width: 420px) {
  .tr-home-products .tr-product-card {
    flex-basis: 100%;
  }
}

/* Respect reduced-motion preference */
@media (prefers-reduced-motion: reduce) {
  .tr-home-products .tr-slider-track {
    transition: none;
  }
}


/* 4 cards on desktop */

.tr-home-products .tr-product-card {
  display: block;
  flex: 0 0 calc((100% - 66px) / 4);
  min-width: 0;
  overflow: hidden;
  border: 1px solid #ededeb;
  background: #fff;
  color: inherit;
  text-decoration: none;
  transition: border-color .25s ease,
              box-shadow .25s ease;
}

.tr-home-products .tr-product-card:hover {
  border-color: #d8c69f;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .07);
}

.tr-home-products .tr-product-image {
  width: 100%;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: #f5f5f2;
}

.tr-home-products .tr-product-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease;
}

.tr-home-products .tr-product-card:hover
.tr-product-image img {
  transform: scale(1.05);
}

.tr-home-products .tr-product-info {
  padding: 18px 15px 20px;
}

.tr-home-products .tr-product-info span {
  display: block;
  margin-bottom: 8px;
  color: #92743a;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.3px;
}

.tr-home-products .tr-product-info h3 {
  margin: 0;
  color: var(--tr-green);
  font-size: 18px;
  line-height: 1.4;
}

.tr-home-products .tr-product-info p {
  margin: 8px 0 0;
  color: #777;
  font-size: 12px;
  line-height: 1.6;
}

/* View all products */

.tr-home-products .tr-products-footer {
  margin-top: 32px;
  text-align: center;
}

.tr-home-products .tr-products-footer a {
  display: inline-block;
  padding: 13px 22px;
  border: 1px solid var(--tr-green);
  color: var(--tr-green);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-decoration: none;
  transition: background .25s ease, color .25s ease;
}

.tr-home-products .tr-products-footer a:hover {
  background: var(--tr-green);
  color: #fff;
}

/* Tablet: 3 cards */

@media (max-width: 1024px) {
  .tr-home-products .tr-product-card {
    flex-basis: calc((100% - 44px) / 3);
  }

  .tr-home-products {
    padding: 60px 4%;
  }
}

/* Mobile: 2 cards */

@media (max-width: 700px) {
  .tr-home-products .tr-slider-track {
    gap: 16px;
  }

  .tr-home-products .tr-product-card {
    flex-basis: calc((100% - 16px) / 2);
  }

  .tr-home-products .tr-product-info {
    padding: 14px 11px 16px;
  }

  .tr-home-products .tr-product-info h3 {
    font-size: 15px;
  }

  .tr-home-products .tr-product-info p {
    font-size: 11px;
  }
}

/* Small mobile: 1 card */

@media (max-width: 420px) {
  .tr-home-products {
    padding: 45px 6%;
  }

  .tr-home-products .tr-product-card {
    flex-basis: 100%;
  }

  .tr-home-products .tr-slider-toolbar button {
    flex-basis: 38px;
    width: 38px;
    height: 38px;
  }

  .tr-home-products .tr-slider-count {
    font-size: 9px;
    letter-spacing: 1px;
  }
}

/* Respect reduced-motion settings */

@media (prefers-reduced-motion: reduce) {
  .tr-home-products .tr-slider-track,
  .tr-home-products .tr-product-card,
  .tr-home-products .tr-product-image img {
    transition: none !important;
  }
}


/* =====================================
   PRODUCT SLIDER - SIDE CENTER ARROWS
===================================== */

/* Make slider area the positioning parent */
.tr-home-products .tr-slider-viewport {
  position: relative;
}

/* Keep toolbar above the cards */
.tr-home-products .tr-slider-toolbar {
  position: static;
}

/* Position both arrows at the vertical center */
.tr-home-products .tr-slider-toolbar .tr-slider-prev,
.tr-home-products .tr-slider-toolbar .tr-slider-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;

  width: 44px;
  height: 44px;
  border: 1px solid #c9a45c;
  border-radius: 50%;

  display: grid;
  place-items: center;

  background: #092c23;
  color: #ffffff;
  font-size: 24px;
  cursor: pointer;
}

/* Left arrow */
.tr-home-products .tr-slider-toolbar .tr-slider-prev {
  left: 12px;
}

/* Right arrow */
.tr-home-products .tr-slider-toolbar .tr-slider-next {
  right: 12px;
}

/* Hover effect */
.tr-home-products .tr-slider-toolbar .tr-slider-prev:hover,
.tr-home-products .tr-slider-toolbar .tr-slider-next:hover {
  background: #c9a45c;
  border-color: #c9a45c;
  color: #092c23;
}

/* Keep arrows centered on mobile too */
@media (max-width: 700px) {
  .tr-home-products .tr-slider-toolbar .tr-slider-prev {
    left: 6px;
  }

  .tr-home-products .tr-slider-toolbar .tr-slider-next {
    right: 6px;
  }
}

/* =================================
   WHITE LUXURY HEADER
================================= */

.header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #ffffff;
  border-bottom: 1px solid #e5e4dc;
  box-shadow: 0 3px 15px rgba(9, 44, 35, 0.05);
}

.header-inner {
  max-width: 1800px;
  min-height: 100px;
  margin: auto;
  padding: 15px 3%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
}

.logo {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--green);
  text-decoration: none;
  font-family: Georgia, serif;
  font-size: clamp(20px, 2.3vw, 38px);
  font-weight: bold;
  white-space: nowrap;
  letter-spacing: 1px;
}

.logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.logo img {
  display: block;
  width: 250px;
  height: 75px;
  object-fit: contain;
  object-position: left center;
}

/* Mobile logo size */
@media (max-width: 760px) {
  .logo img {
    width: 180px;
    height: 60px;
  }
}

.logo span {
  color: var(--green);
}

.nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(12px, 1.7vw, 28px);
}

.nav a {
  color: var(--green);
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  white-space: nowrap;
  transition: color 0.25s ease;
}

.nav a:hover,
.nav a.active {
  color: var(--gold);
}

.nav .quote-button {
  display: inline-block;
  padding: 14px 20px;
  color: var(--green);
  background: var(--gold);
  border-radius: 4px;
  font-weight: bold;
}

.nav .quote-button:hover {
  color: var(--green);
  background: #e3c783;
}

.menu-button {
  display: none;
  border: 1px solid var(--gold);
  background: white;
  color: var(--green);
  padding: 7px 12px;
  font-size: 24px;
  border-radius: 4px;
  cursor: pointer;
}

/* LOGO WITH BRAND TEXT */
.logo {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  flex-shrink: 0;
}

.logo img {
  width: 75px;
  height: 75px;
  object-fit: contain;
  display: block;
}

.logo-text {
  display: flex;
  flex-direction: column;
  line-height: 1.35;
}

.logo-text strong {
  color: #092c23;
  font-family: Georgia, serif;
  font-size: 27px;
  letter-spacing: 1px;
}

.logo-text small {
  color: #997638;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1.5px;
}

@media (max-width: 760px) {
  .logo {
    gap: 8px;
  }

  .logo img {
    width: 48px;
    height: 48px;
  }

  .logo-text strong {
    font-size: 15px;
  }

  .logo-text small {
    font-size: 8px;
    letter-spacing: 1px;
  }
}


/* Reduce Header Height */
.header-inner {
  min-height: 78px;
  padding-top: 8px;
  padding-bottom: 8px;
}

/* Reduce Logo Size */
.logo img {
  width: 60px;
  height: 60px;
}

/* Keep Brand Text Compact */
.logo-text strong {
  font-size: 24px;
  line-height: 1.2;
}

.logo-text small {
  font-size: 9px;
  line-height: 1.4;
}

/* Reduce Quote Button Height */
.nav .quote-button {
  padding: 10px 16px;
}

/* Mobile Header */
@media (max-width: 760px) {
  .header-inner {
    min-height: 65px;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .logo img {
    width: 45px;
    height: 45px;
  }

  .logo-text strong {
    font-size: 18px;
  }
}


/* Compact Premium About Section */
.about-section {
  padding: 60px 0;
  column-gap: 45px;
  row-gap: 24px;
  align-items: center;
}

/* Wider Text Area */
.about-copy {
  width: 100%;
  max-width: 680px;
}

.about-copy h2 {
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.2;
  margin-bottom: 16px;
}

.about-copy p {
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 12px;
}

.about-image {
  min-height: 350px;
}

@media (max-width: 768px) {
  .about-section {
    padding: 40px 0;
    column-gap: 0;
    row-gap: 22px;
  }

  .about-copy {
    max-width: 100%;
  }

  .about-copy h2 {
    font-size: 29px;
  }

  .about-copy p {
    font-size: 14px;
    line-height: 1.7;
  }

  .about-image {
    min-height: 260px;
  }
}


/* Premium Green Footer */
.tr-premium-footer {
  padding: 48px 5% 0;
  background: #102e27;
  color: #eeeeee;
}

.tr-footer-main {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1.2fr 1.3fr;
  gap: 35px;
  max-width: 1400px;
  margin: 0 auto;
  padding-bottom: 35px;
}

/* Footer Logo */
.logo2 {
  display: inline-flex;
  align-items: center;
  margin-bottom: 14px;
}

.logo2 img {
  display: block;
  width: 120px;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}

/* Brand Description */
.tr-footer-brand p {
  max-width: 380px;
  margin: 0 0 16px;
  color: #c5c5c5;
  font-size: 14px;
  line-height: 1.8;
}

.tr-footer-email {
  color: #d7bd7d;
  font-size: 14px;
  text-decoration: none;
  overflow-wrap: anywhere;
}

/* Footer Columns */
.tr-footer-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

.tr-footer-column h3 {
  margin: 4px 0 8px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.6px;
}

.tr-footer-column a,
.tr-footer-column p {
  margin: 0;
  color: #c8c8c8;
  font-size: 14px;
  line-height: 1.7;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.tr-footer-column a {
  transition: color 0.25s ease;
}

.tr-footer-column a:hover,
.tr-footer-email:hover {
  color: #d7bd7d;
}

/* Footer Bottom */
.tr-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.tr-footer-bottom p {
  margin: 0;
  color: #bdbdbd;
  font-size: 13px;
  line-height: 1.7;
}

.tr-back-top {
  color: #d7bd7d;
  font-size: 13px;
  text-decoration: none;
  white-space: nowrap;
}

.tr-back-top:hover {
  color: #ffffff;
}

/* Tablet */
@media (max-width: 900px) {
  .tr-footer-main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
  }
}

/* Mobile */
@media (max-width: 520px) {
  .tr-premium-footer {
    padding: 35px 22px 0;
  }

  .tr-footer-main {
    grid-template-columns: 1fr;
    gap: 26px;
    padding-bottom: 28px;
  }

  .logo2 img {
    width: 110px;
    height: auto;
  }

  .tr-footer-brand p {
    max-width: 100%;
  }

  .tr-footer-bottom {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
}

/* Premium Footer Social Logos */
.tr-footer-socials {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 20px;
}

.tr-footer-socials a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  color: #d7bd7d;
  border: 1px solid rgba(215, 189, 125, 0.45);
  border-radius: 50%;
  text-decoration: none;
  transition: color 0.25s ease,
              background 0.25s ease,
              border-color 0.25s ease,
              transform 0.25s ease;
}

.tr-footer-socials svg {
  display: block;
  width: 17px;
  height: 17px;
}

.tr-footer-socials a:hover {
  color: #102e27;
  background: #d7bd7d;
  border-color: #d7bd7d;
  transform: translateY(-3px);
}

@media (max-width: 520px) {
  .tr-footer-socials {
    gap: 11px;
  }

  .tr-footer-socials a {
    width: 36px;
    height: 36px;
  }
}

/* ==========================================
   TR FASHIONS - SOURCING PROCESS
   Dark Green + Golden Theme
========================================== */

.tr-process {
  padding: 100px 5%;
  background: #092c23;
  color: #ffffff;
}

.tr-process-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

/* Section Heading */

.tr-process-intro {
  max-width: 740px;
  margin: 0 auto 60px;
  text-align: center;
}

.tr-process-eyebrow {
  display: inline-block;
  margin-bottom: 16px;
  color: #c9a45c;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
}

.tr-process-intro h2 {
  margin: 0 0 18px;
  color: #ffffff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(34px, 4vw, 48px);
  font-weight: 500;
}

.tr-process-intro h2 span {
  color: #c9a45c;
}

.tr-process-intro p {
  margin: 0;
  color: #d0d9d3;
  font-size: 15px;
  line-height: 1.9;
}

.tr-process-line {
  width: 58px;
  height: 2px;
  margin: 25px auto 0;
  background: #c9a45c;
}

/* Timeline */

.tr-process-steps {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

.tr-process-steps::before {
  content: "";
  position: absolute;
  top: 29px;
  left: 12.5%;
  right: 12.5%;
  height: 1px;
  background: rgba(201, 164, 92, 0.55);
}

.tr-process-step {
  position: relative;
  min-width: 0;
}

.tr-process-marker {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  margin: 0 auto 28px;
  background: #092c23;
  border: 4px solid #092c23;
  outline: 1px solid #c9a45c;
  border-radius: 50%;
}

.tr-process-marker span {
  color: #c9a45c;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
}

.tr-process-content {
  height: calc(100% - 86px);
  padding: 26px 22px;
  background: #10392e;
  border: 1px solid rgba(201, 164, 92, 0.45);
  border-top: 2px solid #c9a45c;
  text-align: center;
  transition: background 0.25s ease,
              border-color 0.25s ease;
}

.tr-process-content:hover {
  background: #144536;
  border-color: #c9a45c;
}

.tr-process-label {
  display: block;
  margin-bottom: 12px;
  color: #c9a45c;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
}

.tr-process-content h3 {
  margin: 0 0 14px;
  color: #ffffff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.45;
}

.tr-process-content p {
  margin: 0;
  color: #d0d9d3;
  font-size: 13px;
  line-height: 1.9;
}

/* Final CTA */

.tr-process-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  margin-top: 45px;
  padding: 30px;
  background: #10392e;
  border: 1px solid rgba(201, 164, 92, 0.5);
}

.tr-process-cta > div > span {
  display: block;
  margin-bottom: 10px;
  color: #c9a45c;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
}

.tr-process-cta h3 {
  margin: 0;
  color: #ffffff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5;
}

.tr-process-cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  flex-shrink: 0;
  padding: 14px 20px;
  background: #c9a45c;
  border: 1px solid #c9a45c;
  color: #092c23;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.25s ease,
              color 0.25s ease;
}

.tr-process-cta a:hover {
  background: transparent;
  color: #c9a45c;
}

.tr-process-cta a span {
  font-size: 18px;
}

/* Tablet */

@media (max-width: 900px) {
  .tr-process {
    padding: 80px 4%;
  }

  .tr-process-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 28px;
  }

  .tr-process-steps::before {
    display: none;
  }

  .tr-process-content {
    height: auto;
    min-height: 210px;
  }
}

/* Mobile */

@media (max-width: 600px) {
  .tr-process {
    padding: 62px 20px;
  }

  .tr-process-intro {
    margin-bottom: 38px;
  }

  .tr-process-intro h2 {
    font-size: 32px;
  }

  .tr-process-intro p {
    font-size: 14px;
  }

  .tr-process-steps {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .tr-process-step {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: start;
    gap: 16px;
  }

  .tr-process-marker {
    width: 44px;
    height: 44px;
    margin: 0;
    border-width: 3px;
  }

  .tr-process-marker span {
    font-size: 14px;
  }

  .tr-process-content {
    height: auto;
    min-height: 0;
    padding: 23px 19px;
    text-align: left;
  }

  .tr-process-content h3 {
    font-size: 19px;
  }

  .tr-process-cta {
    align-items: flex-start;
    flex-direction: column;
    margin-top: 28px;
    padding: 24px 21px;
  }

  .tr-process-cta h3 {
    font-size: 20px;
  }

  .tr-process-cta a {
    width: 100%;
    box-sizing: border-box;
  }
}


/* ==========================================
   TR FASHIONS - WHY CHOOSE US
   Premium White, Green & Gold Design
========================================== */

.tr-why-choose {
  position: relative;
  padding: 100px 5%;
  background: #f7f5ef;
  color: #24352d;
  overflow: hidden;
}

.tr-why-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

/* Section Heading */

.tr-why-heading {
  max-width: 760px;
  margin: 0 auto 55px;
  text-align: center;
}

.tr-why-eyebrow {
  display: inline-block;
  margin-bottom: 17px;
  color: #a78342;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.tr-why-heading h2 {
  margin: 0 0 20px;
  color: #092c23;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 500;
  line-height: 1.2;
}

.tr-why-heading h2 span {
  color: #b18a47;
}

.tr-why-heading > p {
  max-width: 680px;
  margin: 0 auto;
  color: #748078;
  font-size: 15px;
  line-height: 1.9;
}

.tr-why-heading-line {
  width: 58px;
  height: 2px;
  margin: 26px auto 0;
  background: #c9a45c;
}

/* Benefit Cards */

.tr-why-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

.tr-why-card {
  position: relative;
  min-width: 0;
  padding: 34px 25px 32px;
  background: #ffffff;
  border: 1px solid #e5e4dc;
  border-top: 2px solid #c9a45c;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}

.tr-why-card:hover {
  transform: translateY(-6px);
  border-color: #c9a45c;
  box-shadow: 0 16px 35px rgba(9, 44, 35, 0.08);
}

/* Minimal Line Icons */

.tr-why-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  margin-bottom: 26px;
  background: #f7f5ef;
  border: 1px solid #e9dfc9;
  border-radius: 50%;
}

.tr-why-icon svg {
  width: 30px;
  height: 30px;
  fill: none;
  stroke: #a78342;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.tr-why-number {
  display: block;
  margin-bottom: 12px;
  color: #b18a47;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
}

.tr-why-card h3 {
  margin: 0 0 14px;
  color: #092c23;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.4;
}

.tr-why-card p {
  margin: 0;
  color: #748078;
  font-size: 13px;
  line-height: 1.9;
}

/* Bottom Call To Action */

.tr-why-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  margin-top: 35px;
  padding: 27px 30px;
  background: #092c23;
}

.tr-why-bottom p {
  margin: 0;
  color: #ffffff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 20px;
  line-height: 1.5;
}

.tr-why-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  flex-shrink: 0;
  padding: 14px 20px;
  background: #c9a45c;
  border: 1px solid #c9a45c;
  color: #092c23;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition:
    background 0.25s ease,
    color 0.25s ease;
}

.tr-why-button span {
  font-size: 19px;
  line-height: 1;
}

.tr-why-button:hover {
  background: transparent;
  color: #ffffff;
}

/* Tablet */

@media (max-width: 1024px) {
  .tr-why-choose {
    padding: 80px 4%;
  }

  .tr-why-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  .tr-why-card {
    padding: 30px 24px;
  }
}

/* Mobile */

@media (max-width: 600px) {
  .tr-why-choose {
    padding: 62px 20px;
  }

  .tr-why-heading {
    margin-bottom: 35px;
  }

  .tr-why-eyebrow {
    font-size: 10px;
    letter-spacing: 2px;
  }

  .tr-why-heading h2 {
    font-size: 32px;
  }

  .tr-why-heading > p {
    font-size: 14px;
    line-height: 1.8;
  }

  .tr-why-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .tr-why-card {
    padding: 26px 24px;
  }

  .tr-why-icon {
    width: 52px;
    height: 52px;
    margin-bottom: 20px;
  }

  .tr-why-card h3 {
    font-size: 20px;
  }

  .tr-why-bottom {
    align-items: flex-start;
    flex-direction: column;
    gap: 18px;
    margin-top: 24px;
    padding: 25px 22px;
  }

  .tr-why-bottom p {
    font-size: 19px;
  }

  .tr-why-button {
    width: 100%;
    box-sizing: border-box;
  }
}


/* =========================================
   TR FASHIONS HOME - RESPONSIVE HEADER
   Same mobile navigation as Manufacturing
========================================= */

/* Tablet */
@media (min-width: 821px) and (max-width: 1100px) {
  .header-inner {
    gap: 16px;
  }

  .nav {
    gap: 12px;
  }

  .nav a {
    font-size: 13px;
  }

  .logo-text strong {
    font-size: 21px;
  }

  .logo-text small {
    font-size: 8px;
  }

  .nav .quote-button {
    padding: 10px 12px;
  }
}

/* Mobile Navigation */
@media (max-width: 820px) {
  .header {
    position: sticky;
    top: 0;
    z-index: 1000;
  }

  .header-inner {
    position: relative;
    min-height: 68px;
    padding: 7px 5%;
    flex-wrap: wrap;
    gap: 8px;
  }

  .logo {
    gap: 8px;
    flex-shrink: 0;
  }

  .logo img {
    width: 45px;
    height: 45px;
  }

  .logo-text strong {
    font-size: 18px;
  }

  .logo-text small {
    font-size: 7px;
    letter-spacing: 1px;
  }

  .menu-button {
    display: block;
    margin-left: auto;
  }

  .nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    padding: 14px 5% 20px;
    flex-direction: column;
    align-items: stretch;
    gap: 5px;
    background: #fff;
    box-shadow: 0 12px 20px rgba(0,0,0,.09);
    max-height: calc(100vh - 68px);
    overflow-y: auto;
    z-index: 1001;
  }

  .nav.open,
  .nav.is-open {
    display: flex;
  }

  .nav a {
    display: block;
    width: 100%;
    padding: 10px 12px;
    font-size: 14px;
    color: var(--green);
    border-bottom: none;
  }

  .nav .quote-button {
    text-align: center;
    margin-top: 5px;
  }
}

/* Small Mobile */
@media (max-width: 560px) {
  .header-inner {
    min-height: 65px;
    padding: 7px 5%;
  }

  .logo img {
    width: 45px;
    height: 45px;
  }

  .logo-text strong {
    font-size: 16px;
  }

  .logo-text small {
    font-size: 6.5px;
  }
}