:root{
  --dark:#1f1714;
  --black:#120d0b;
  --brown:#8f4a32;
  --brown2:#b86a45;
  --cream:#f7f1e8;
  --soft:#fffaf3;
  --white:#ffffff;
  --text:#4d433e;
  --muted:#7b6f68;
  --line:#e6d9cd;
  --primary:#8f4a32;
  --primary-dark:#6f3522;
  --primary-light:#b86a45;
  --light:#f7f1e8;
  --text-light:#7b6f68;
  --beige:#f7f1e8;
  --accent:#b86a45;
  --radius:14px;
  --radius-lg:24px;
  --shadow:0 12px 34px rgba(31,23,20,.08);
  --shadow-lg:0 22px 58px rgba(31,23,20,.14);
  --transition:all .25s ease;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;transition:var(--transition)}
img{max-width:100%;display:block;height:auto}button,input,select,textarea{font:inherit}ul{margin:0;padding:0}li{list-style:none}
h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;color:var(--dark);line-height:1.15;margin:0 0 14px}h1{font-size:clamp(38px,5vw,64px)}h2{font-size:clamp(30px,3.3vw,44px)}h3{font-size:23px}p{margin:0 0 1rem;color:var(--text)}
.container{width:min(1240px,88%);margin-inline:auto}.wide-container{width:min(1400px,92%);margin-inline:auto}.section{padding:92px 0}.section-sm{padding:64px 0}.section-white{background:var(--white)}.section-soft{background:var(--soft)}.section-dark{background:var(--dark);color:#fff}.section-dark h1,.section-dark h2,.section-dark h3,.section-dark p{color:#fff}.section-dark p{opacity:.86}.center{text-align:center;margin-left:auto;margin-right:auto}.section-head{max-width:820px;margin-bottom:38px}.section-head.center{margin-left:auto;margin-right:auto}.kicker{display:block;color:var(--brown);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.section-dark .kicker{color:#d9946c}.lead{font-size:18px;color:var(--muted);max-width:780px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 25px;border-radius:999px;font-weight:800;border:1px solid transparent;cursor:pointer;transition:var(--transition);text-decoration:none}.btn:hover{transform:translateY(-2px)}.btn-main,.btn-primary{background:var(--brown);color:#fff!important}.btn-main:hover,.btn-primary:hover{background:var(--primary-dark)}.btn-outline{border-color:var(--brown);color:var(--brown)!important;background:transparent}.btn-outline:hover{background:var(--brown);color:#fff!important}.btn-outline-light{border-color:rgba(255,255,255,.7);color:#fff!important;background:transparent}.btn-outline-light:hover,.btn-light:hover{background:#fff;color:var(--brown)!important}.btn-light{background:#fff;color:var(--brown)!important}.page-hero{position:relative;min-height:430px;padding:170px 0 86px;color:#fff;background:linear-gradient(90deg,rgba(31,23,20,.90),rgba(31,23,20,.62)),var(--page-hero-bg,none) center/cover no-repeat}.page-hero h1,.page-hero p{color:#fff}.page-hero p{max-width:780px;color:#efe8df}.breadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:24px;font-size:14px;color:#e8ded5}.breadcrumb a{color:#fff}.breadcrumb a:hover{color:#d9946c}.mc-grid{display:grid;gap:24px}.mc-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mc-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.mc-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.mc-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow)}.mc-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.mc-card p{color:var(--muted)}.mc-media-card{overflow:hidden;padding:0}.mc-media-card img{width:100%;height:230px;object-fit:cover}.mc-card-body{padding:24px}.mc-tag{display:inline-flex;border-radius:999px;background:var(--cream);color:var(--brown);padding:7px 12px;font-size:13px;font-weight:800;margin-bottom:12px}.mc-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.mc-filter-tabs{display:flex;gap:12px;flex-wrap:wrap}.mc-filter-tabs a,.mc-filter-tabs button{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:999px;padding:10px 18px;font-weight:800}.mc-filter-tabs a.active,.mc-filter-tabs button.active,.mc-filter-tabs a:hover{background:var(--brown);color:#fff;border-color:var(--brown)}.mc-pagination,.pagination{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:42px}.mc-pagination .page-numbers,.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--text);font-weight:800;padding:0 14px}.mc-pagination .current,.pagination .current,.mc-pagination .page-numbers:hover,.pagination .page-numbers:hover{background:var(--brown);color:#fff;border-color:var(--brown)}.empty-state{text-align:center;background:#fff;border-radius:24px;padding:52px;box-shadow:var(--shadow)}.content-area{background:#fff;border-radius:28px;padding:42px;box-shadow:var(--shadow)}.content-area img{border-radius:18px}.content-area :where(h2,h3,h4){margin-top:28px}.mc-form-box{background:#fff;border-radius:24px;padding:34px;box-shadow:var(--shadow)}.mc-form-box input,.mc-form-box select,.mc-form-box textarea,.wpcf7 input,.wpcf7 select,.wpcf7 textarea{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text)}.wpcf7-submit{background:var(--brown)!important;color:#fff!important;border:none!important;border-radius:999px!important;padding:14px 28px!important;font-weight:800!important;cursor:pointer!important}.mc-split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.round-img{border-radius:24px;width:100%;height:520px;object-fit:cover}.check-list{display:grid;gap:14px;margin-top:24px}.check-list li{background:#fff;padding:15px 18px;border-radius:14px;border-left:4px solid var(--brown);box-shadow:0 8px 22px rgba(31,23,20,.05)}.dark-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:22px;padding:28px}.dark-card h3,.dark-card p{color:#fff}.dark-card p{opacity:.78}.back-to-top{display:none}
@media(max-width:1100px){.mc-grid-4,.mc-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-split{grid-template-columns:1fr}.round-img{height:380px}}
@media(max-width:768px){.section{padding:66px 0}.section-sm{padding:48px 0}.container{width:min(100% - 32px,1240px)}.page-hero{padding:138px 0 68px;min-height:360px}.mc-grid,.mc-grid-2,.mc-grid-3,.mc-grid-4,.mc-grid-5{grid-template-columns:1fr}.content-area{padding:26px}.mc-actions{flex-direction:column}.btn{width:100%}.round-img{height:300px}}

/* Mobile fix 2026-05-30 v2: Contact page content stacks media and text on mobile. */
.page-contact .quote-grid,
.page-contact .quote-grid > *,
.page-contact .mc-grid,
.page-contact .mc-card,
.page-contact .mc-form-box,
.page-contact .content-area,
.page-contact .content-area * {
  min-width: 0;
  max-width: 100%;
}

.page-contact .content-area {
  overflow: hidden;
}

.page-contact .content-area,
.page-contact .content-area p,
.page-contact .content-area div,
.page-contact .content-area span,
.page-contact .content-area a,
.page-contact .content-area li,
.page-contact .content-area td,
.page-contact .content-area th,
.page-contact .mc-card,
.page-contact .mc-card p,
.page-contact .mc-card a {
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: none;
}

.page-contact .content-area img {
  max-width: 100%;
  height: auto;
  float: none !important;
  display: block;
  clear: both;
}

.page-contact .content-area table {
  width: 100%;
  max-width: 100%;
  table-layout: auto;
}

@media (max-width: 768px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .page-contact .contact-card,
  .page-contact .contact-info-card,
  .page-contact .contact-content-card,
  .page-contact .company-card,
  .page-contact .content-area,
  .page-contact .content-area .wp-block-media-text,
  .page-contact .content-area .wp-block-columns,
  .page-contact .content-area .is-layout-flex,
  .page-contact .content-area .is-layout-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 20px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  .page-contact .contact-card > *,
  .page-contact .contact-info-card > *,
  .page-contact .contact-content-card > *,
  .page-contact .company-card > *,
  .page-contact .content-area > *,
  .page-contact .content-area .wp-block-column,
  .page-contact .content-area .wp-block-media-text__content,
  .page-contact .content-area .wp-block-media-text__media {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }

  .page-contact .contact-image,
  .page-contact .contact-photo,
  .page-contact .company-image,
  .page-contact .content-area figure,
  .page-contact .content-area .wp-block-image,
  .page-contact .content-area .wp-block-media-text__media {
    order: 1;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center;
  }

  .page-contact .contact-text,
  .page-contact .company-info,
  .page-contact .contact-details,
  .page-contact .content-area .wp-block-media-text__content,
  .page-contact .content-area > p,
  .page-contact .content-area > div,
  .page-contact .content-area > ul,
  .page-contact .content-area > ol,
  .page-contact .content-area > table {
    order: 2;
    width: 100% !important;
    max-width: 100% !important;
  }

  .page-contact .content-area > p:has(img),
  .page-contact .content-area > div:has(img) {
    order: 1;
  }

  .page-contact .content-area img,
  .page-contact .contact-image img,
  .page-contact .contact-photo img,
  .page-contact .company-image img,
  .page-contact .content-area .alignleft,
  .page-contact .content-area .alignright,
  .page-contact .content-area .aligncenter {
    display: block;
    width: 100%;
    max-width: 320px;
    height: auto;
    margin: 0 auto 18px;
    border-radius: 18px;
    float: none !important;
    clear: both;
  }

  .page-contact .content-area p,
  .page-contact .content-area div,
  .page-contact .content-area span,
  .page-contact .content-area a,
  .page-contact .content-area li,
  .page-contact .content-area td,
  .page-contact .content-area th,
  .page-contact .company-info,
  .page-contact .contact-details {
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
    hyphens: none;
    line-height: 1.65;
  }

  .page-contact .content-area {
    padding: 22px 18px;
    border-radius: 22px;
  }

  .page-contact .content-area p {
    font-size: 15px;
  }

  .page-contact .content-area a[href^="mailto:"],
  .page-contact .content-area a[href^="tel:"] {
    overflow-wrap: anywhere;
    word-break: normal;
    hyphens: none;
  }

  .page-contact .content-area table,
  .page-contact .content-area tbody,
  .page-contact .content-area thead,
  .page-contact .content-area tfoot,
  .page-contact .content-area tr,
  .page-contact .content-area td,
  .page-contact .content-area th {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
}

@media (max-width: 480px) {
  .page-contact .content-area img,
  .page-contact .contact-image img,
  .page-contact .contact-photo img,
  .page-contact .company-image img {
    max-width: 300px;
  }
}

.header{position:fixed;inset:0 0 auto 0;z-index:999;transition:var(--transition)}.top-bar{background:var(--black);color:#e8ded5;font-size:13px;padding:8px 0}.top-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.top-left,.top-right{display:flex;flex-wrap:wrap;gap:18px}.top-right a{color:#fff}.nav-wrap{background:rgba(31,23,20,.76);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.12);padding:16px 0;transition:var(--transition)}.header.scrolled .nav-wrap{background:#fff;box-shadow:0 8px 28px rgba(31,23,20,.09)}.nav-inner{display:flex;justify-content:space-between;align-items:center;gap:22px}.logo{display:flex;align-items:center;gap:12px;color:#fff}.logo img{max-height:48px;width:auto}.logo-text{font-family:Georgia,serif;font-size:28px;font-weight:800;line-height:1}.logo-text small{display:block;font-family:Arial,Helvetica,sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.78;margin-top:4px}.header.scrolled .logo{color:var(--dark)}.nav-menu ul{display:flex;align-items:center;gap:24px}.nav-menu a{color:#fff;font-size:15px;font-weight:800}.header.scrolled .nav-menu a{color:var(--dark)}.nav-menu a.active,.nav-menu a:hover{color:#d9946c}.header.scrolled .nav-menu a.active,.header.scrolled .nav-menu a:hover{color:var(--brown)}.nav-cta{background:var(--brown);color:#fff!important;padding:11px 20px;border-radius:999px;font-weight:800;white-space:nowrap}.nav-toggle{display:none;flex-direction:column;gap:5px;border:0;background:transparent;padding:10px;cursor:pointer}.nav-toggle span{display:block;width:25px;height:2px;background:#fff;transition:var(--transition)}.header.scrolled .nav-toggle span{background:var(--dark)}.nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.quote-modal{position:fixed;inset:0;z-index:1200;align-items:center;justify-content:center;padding:24px}.quote-modal .modal-overlay{position:absolute;inset:0;background:rgba(18,13,11,.72);backdrop-filter:blur(4px)}.modal-container{position:relative;background:#fff;border-radius:26px;width:min(680px,100%);max-height:90vh;overflow:auto;box-shadow:0 24px 80px rgba(0,0,0,.28);transform:translateY(12px);opacity:0;transition:var(--transition)}.quote-modal.active .modal-container{opacity:1;transform:translateY(0)}.modal-header{padding:28px 32px;border-bottom:1px solid var(--line);position:relative}.modal-header h2{margin-bottom:6px}.modal-subtitle{color:var(--muted);margin:0}.modal-close{position:absolute;top:18px;right:22px;border:0;background:var(--cream);width:38px;height:38px;border-radius:50%;font-size:26px;line-height:1;cursor:pointer;color:var(--dark)}.modal-body{padding:32px}.body-lock{overflow:hidden}
@media(max-width:980px){.top-bar{display:none}.nav-wrap{padding:13px 0}.nav-toggle{display:flex}.nav-menu{position:fixed;top:74px;right:-100%;width:min(84%,360px);height:calc(100vh - 74px);background:#fff;box-shadow:-12px 0 36px rgba(31,23,20,.14);transition:var(--transition);padding:34px;overflow:auto}.nav-menu.active{right:0}.nav-menu ul{align-items:flex-start;flex-direction:column;gap:18px}.nav-menu a{color:var(--dark)!important}.nav-cta{display:none}.logo-text{font-size:24px}.logo img{max-height:42px}}

/* v3: Request a Wholesale Quote modal — remove inner scrollbars and compact the CF7 form. */
.quote-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  overflow: hidden;
  box-sizing: border-box;
}

.quote-modal.active {
  display: flex;
}

.modal-container {
  position: relative;
  width: min(860px, calc(100vw - 48px));
  max-width: 860px;
  max-height: none !important;
  overflow: visible !important;
  background: #fff;
  border-radius: 26px;
  box-shadow: 0 24px 80px rgba(0,0,0,.28);
  box-sizing: border-box;
}

.modal-header {
  padding: 24px 32px 18px;
  border-bottom: 1px solid var(--line);
  position: relative;
}

.modal-header h2 {
  font-size: clamp(32px, 4vw, 54px);
  line-height: 1.05;
  margin: 0 48px 8px 0;
}

.modal-subtitle {
  margin: 0;
  font-size: 16px;
  line-height: 1.45;
}

.modal-body {
  padding: 24px 32px 28px;
  overflow: visible !important;
  box-sizing: border-box;
}

.quote-modal .wpcf7,
.quote-modal .wpcf7 form,
.quote-modal .wpcf7 p,
.quote-modal .wpcf7-form-control-wrap,
.modal-body form,
.modal-body .wpcf7-form {
  width: 100%;
  max-width: 100%;
  overflow: visible;
  box-sizing: border-box;
}

.quote-modal .wpcf7 p,
.modal-body p {
  margin: 0 0 16px;
}

.quote-modal .wpcf7 label,
.modal-body label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
}

.quote-modal .wpcf7 input,
.quote-modal .wpcf7 textarea,
.quote-modal .wpcf7 select,
.modal-body input,
.modal-body textarea,
.modal-body select {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.quote-modal .wpcf7 textarea,
.modal-body textarea {
  min-height: 110px;
  height: 110px;
  resize: vertical;
}

.quote-modal .wpcf7-submit,
.modal-body .wpcf7-submit {
  width: auto !important;
  min-width: 180px;
}

@media (max-height: 820px) and (min-width: 769px) {
  .quote-modal {
    padding: 14px;
  }

  .modal-container {
    width: min(900px, calc(100vw - 40px));
  }

  .modal-header {
    padding: 20px 30px 14px;
  }

  .modal-header h2 {
    font-size: 42px;
  }

  .modal-body {
    padding: 18px 30px 22px;
  }

  .quote-modal .wpcf7 p,
  .modal-body p {
    margin-bottom: 12px;
  }

  .quote-modal .wpcf7 textarea,
  .modal-body textarea {
    min-height: 88px;
    height: 88px;
  }

  .quote-modal .wpcf7 input,
  .quote-modal .wpcf7 select,
  .modal-body input,
  .modal-body select {
    min-height: 44px;
  }
}

@media (max-width: 768px) {
  .quote-modal {
    align-items: flex-start;
    padding: 16px;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .modal-container {
    width: 100%;
    max-width: 100%;
    overflow: visible !important;
    border-radius: 22px;
  }

  .modal-header {
    padding: 22px 20px 16px;
  }

  .modal-header h2 {
    font-size: 34px;
    margin-right: 42px;
  }

  .modal-body {
    padding: 20px;
  }

  .quote-modal .wpcf7 textarea,
  .modal-body textarea {
    min-height: 100px;
    height: 100px;
  }
}

.nav-menu .language-switcher {
  position: relative;
  list-style: none;
}

.nav-menu .language-current {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px 10px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;
  line-height: 1;
  white-space: nowrap;
}

.nav-menu .language-current::after {
  content: "";
  width: 7px;
  height: 7px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  opacity: .8;
}

.nav-menu .language-switcher img {
  display: block;
  width: 20px;
  height: 14px;
  object-fit: cover;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.08);
}

.nav-menu .language-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 1001;
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 4px !important;
  min-width: 168px;
  margin: 0;
  padding: 8px;
  list-style: none;
  background: #fff;
  border: 1px solid rgba(31,23,20,.1);
  border-radius: 8px;
  box-shadow: 0 18px 40px rgba(31,23,20,.18);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  pointer-events: none;
  transition: var(--transition);
}

.nav-menu .language-switcher:hover .language-dropdown,
.nav-menu .language-switcher:focus-within .language-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.nav-menu .language-dropdown a {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 10px;
  border-radius: 6px;
  color: var(--dark) !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.1;
  white-space: nowrap;
}

.nav-menu .language-dropdown a:hover {
  background: var(--cream);
  color: var(--brown) !important;
}

.header.scrolled .nav-menu .language-current {
  border-color: rgba(31,23,20,.16);
}

@media (max-width: 980px) {
  .nav-menu .language-switcher {
    width: 100%;
  }

  .nav-menu .language-current {
    display: inline-flex;
    border-color: rgba(31,23,20,.16);
  }

  .nav-menu .language-dropdown {
    position: static;
    display: grid !important;
    min-width: 0;
    padding: 8px 0 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
  }

  .nav-menu .language-dropdown a {
    padding: 8px 0;
    background: transparent !important;
  }
}

.footer{background:var(--black);color:#d9cec7;padding:74px 0 28px}.footer-content{display:grid;grid-template-columns:1.35fr 1fr 1fr 1.25fr;gap:40px}.footer h3{color:#fff;font-size:22px;margin-bottom:18px}.footer p,.footer a,.footer li{color:#d9cec7}.footer a{display:inline-block;margin:6px 0}.footer a:hover{color:#fff;padding-left:4px}.footer-logo{display:block;color:#fff;font-family:Georgia,serif;font-size:30px;font-weight:800;margin-bottom:16px}.footer-desc{color:#d9cec7}.footer-contact{display:grid;gap:10px;margin-top:20px}.contact-item{display:flex;gap:10px;align-items:flex-start}.contact-item i{color:#d9946c;margin-top:4px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:44px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-size:14px;color:rgba(255,255,255,.58)}.footer-links{display:flex;gap:10px;flex-wrap:wrap}.footer-social{display:flex;gap:10px}.footer-social a,.floating-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.09);color:#fff}.footer-social a:hover,.floating-btn:hover{background:var(--brown);padding-left:0;transform:translateY(-2px)}.floating-buttons{position:fixed;right:22px;bottom:22px;z-index:900;display:flex;flex-direction:column;gap:10px}.floating-btn{width:50px;height:50px;box-shadow:var(--shadow)}.floating-btn.whatsapp{background:#25D366}.floating-btn.email{background:#8f4a32}.floating-btn.back-to-top{background:var(--dark)}
@media(max-width:1000px){.footer-content{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.footer{padding:54px 0 24px}.footer-content{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.footer-links{justify-content:center}.floating-buttons{right:14px;bottom:14px}.floating-btn{width:44px;height:44px}}
.footer-support-text{margin-bottom:20px}.footer-quote-btn{background:var(--brown);color:#fff!important;padding:12px 20px;border-radius:999px;font-weight:800}.footer-quote-btn:hover{background:#b86a45;color:#fff!important;padding-left:20px;transform:translateY(-2px)}
/* about.css - 关于我们页面专用样式 */

/* Page Header */
.page-header {
    background: linear-gradient(rgba(145, 67, 47, 0.8), rgba(145, 67, 47, 0.6)), 
                url('https://images.unsplash.com/photo-1581094794329-c8112a89af12?ixlib=rb-4.0.3&auto=format&fit=crop&w=1740&q=80');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    color: white;
    padding: 180px 0 100px;
    text-align: center;
    position: relative;
}

.page-header h1 {
    font-size: 4rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    line-height: 1.1;
    letter-spacing: -1px;
    color: white;
}

.breadcrumb {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
}

.breadcrumb a {
    color: #F5D6C6;
    text-decoration: none;
    transition: var(--transition);
}

.breadcrumb a:hover {
    color: var(--accent);
}

.breadcrumb span {
    color: #F5D6C6;
    opacity: 0.8;
}

/* Story Section */
.story-section {
    padding: 120px 0;
    background: white;
}

.story-content {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.story-content h2 {
    font-size: 2.5rem;
    margin-bottom: 2rem;
    color: #91432F;
}

.story-content p {
    font-size: 1.1rem;
    margin-bottom: 2rem;
    line-height: 1.8;
    color: var(--gray);
}

.story-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    margin: 4rem 0;
}

.stat-item {
    text-align: center;
    padding: 2rem;
}

.stat-number {
    font-size: 3rem;
    font-weight: 700;
    color: #91432F;
    margin-bottom: 0.5rem;
}

.stat-label {
    font-size: 0.9rem;
    color: var(--gray);
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Mission Section */
.mission-section {
    padding: 100px 0;
    background: #F9F5F2;
}

.mission-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
    align-items: center;
}

.mission-text h2 {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
    color: #91432F;
}

.mission-text p {
    font-size: 1.1rem;
    margin-bottom: 2rem;
    line-height: 1.8;
    color: var(--gray);
}

.mission-image {
    height: 500px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(145, 67, 47, 0.1);
}

.mission-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Values Section */
.values-section {
    padding: 120px 0;
    background: white;
}

.values-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

.value-item {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}

.value-icon {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    background: #91432F;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 2rem;
}

.value-content h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: #333333;
}

.value-content p {
    color: var(--gray);
    line-height: 1.6;
}

/* Factory Showcase */
.factory-showcase {
    padding: 100px 0;
    background: #F9F5F2;
    position: relative;
    overflow: hidden;
}

.showcase-header {
    text-align: center;
    margin-bottom: 4rem;
}

.showcase-header h2 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    color: #91432F;
}

.showcase-header p {
    font-size: 1.1rem;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.8;
    color: var(--gray);
}

.gallery-container {
    position: relative;
    margin: 0 auto;
    max-width: 1400px;
}

.gallery-scroll {
    display: flex;
    gap: 2rem;
    padding: 2rem 0;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 3rem;
}

.gallery-scroll::-webkit-scrollbar {
    display: none;
}

.gallery-item {
    flex: 0 0 calc(33.333% - 1.5rem);
    height: 500px;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 20px 40px rgba(145, 67, 47, 0.15);
    scroll-snap-align: start;
    transition: var(--transition);
    transform: perspective(1000px) rotateY(0deg);
    cursor: pointer;
}

.gallery-item:hover {
    transform: perspective(1000px) rotateY(-5deg) translateY(-10px);
    box-shadow: 0 30px 50px rgba(145, 67, 47, 0.25);
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.gallery-item:hover img {
    transform: scale(1.05);
}

.gallery-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2.5rem;
    background: linear-gradient(transparent, rgba(0,0,0,0.8));
    color: white;
    transform: translateY(10px);
    opacity: 0;
    transition: var(--transition);
}

.gallery-item:hover .gallery-content {
    transform: translateY(0);
    opacity: 1;
}

.gallery-content h3 {
    color: white;
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}

.gallery-content p {
    color: rgba(255,255,255,0.8);
    font-size: 0.95rem;
    line-height: 1.6;
}

.gallery-nav {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
}

.nav-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(145, 67, 47, 0.2);
    cursor: pointer;
    transition: var(--transition);
}

.nav-dot.active {
    background: #91432F;
    transform: scale(1.2);
}

.scroll-indicator {
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    opacity: 0.7;
    transition: var(--transition);
}

.scroll-indicator:hover {
    opacity: 1;
}

.scroll-text {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: 0.8rem;
    color: var(--gray);
    letter-spacing: 2px;
    text-transform: uppercase;
}

.scroll-arrow {
    width: 2px;
    height: 40px;
    background: #91432F;
    position: relative;
    animation: scrollBounce 2s infinite;
}

@keyframes scrollBounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(10px);
    }
    60% {
        transform: translateY(5px);
    }
}

/* Video Showcase */
.video-showcase {
    padding: 100px 0;
    background: white;
    text-align: center;
}

.video-container {
    max-width: 900px;
    margin: 0 auto;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(145, 67, 47, 0.1);
}

.video-placeholder {
    width: 100%;
    height: 500px;
    background: var(--dark);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.2rem;
    position: relative;
}

.video-placeholder::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), 
                url('https://images.unsplash.com/photo-1581094794329-c8112a89af12?ixlib=rb-4.0.3&auto=format&fit=crop&w=1740&q=80');
    background-size: cover;
    background-position: center;
}

.play-button {
    width: 80px;
    height: 80px;
    background: rgba(145, 67, 47, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    backdrop-filter: blur(10px);
    cursor: pointer;
    transition: var(--transition);
}

.play-button:hover {
    background: rgba(145, 67, 47, 0.3);
    transform: scale(1.1);
}

.play-button i {
    color: white;
    font-size: 2rem;
    margin-left: 5px;
}

/* Team Section */
.team-section {
    padding: 120px 0;
    background: white;
}

.team-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3rem;
}

.team-member {
    text-align: center;
    transition: var(--transition);
}

.team-member:hover {
    transform: translateY(-10px);
}

.member-photo {
    height: 400px;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 1.5rem;
    box-shadow: 0 10px 30px rgba(145, 67, 47, 0.1);
}

.member-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.team-member:hover .member-photo img {
    transform: scale(1.05);
}

.member-info h3 {
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
    color: #333333;
}

.member-info p {
    color: var(--gray);
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

/* Certificates Section */
.certificates-section {
    padding: 100px 0;
    background: #F9F5F2;
}

.certificates-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

.certificate-item {
    background: white;
    padding: 2rem;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(145, 67, 47, 0.1);
    transition: var(--transition);
}

.certificate-item:hover {
    transform: translateY(-5px);
}

.certificate-icon {
    font-size: 3rem;
    color: #91432F;
    margin-bottom: 1rem;
}

/* CTA Section */
.cta-section {
    padding: 120px 0;
    background: linear-gradient(rgba(145, 67, 47, 0.8), rgba(145, 67, 47, 0.7)), 
                url('https://images.unsplash.com/photo-1555041469-a586c61ea9bc?ixlib=rb-4.0.3&auto=format&fit=crop&w=1740&q=80');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    color: white;
    text-align: center;
}

.cta-title {
    font-size: 3rem;
    margin-bottom: 1.5rem;
    color: white;
}

.cta-subtitle {
    font-size: 1.2rem;
    margin-bottom: 3rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.9;
    line-height: 1.8;
    font-weight: 300;
}

/* 视差效果 */
.parallax {
    background-attachment: fixed;
}

/* 响应式设计 */
@media (max-width: 1024px) {
    .values-grid,
    .team-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .certificates-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .story-stats {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .mission-content {
        grid-template-columns: 1fr;
    }
    
    .gallery-item {
        flex: 0 0 calc(50% - 1rem);
    }
}

@media (max-width: 768px) {
    .page-header h1 {
        font-size: 2.5rem;
    }
    
    .page-header {
        background: linear-gradient(rgba(145, 67, 47, 0.8), rgba(145, 67, 47, 0.6)), 
                    url('https://images.unsplash.com/photo-1581094794329-c8112a89af12?ixlib=rb-4.0.3&auto=format&fit=crop&w=1740&q=80');
    }
    
    .values-grid,
    .team-grid {
        grid-template-columns: 1fr;
    }
    
    .certificates-grid {
        grid-template-columns: 1fr;
    }
    
    .story-stats {
        grid-template-columns: 1fr;
    }
    
    .gallery-item {
        flex: 0 0 85%;
    }
    
    .scroll-indicator {
        display: none;
    }
}

@media (max-width: 480px) {
    .page-header {
        padding: 150px 0 80px;
    }
    
    .page-header h1 {
        font-size: 2rem;
    }
    
    .page-header {
        background: linear-gradient(rgba(145, 67, 47, 0.8), rgba(145, 67, 47, 0.6)), 
                    url('https://images.unsplash.com/photo-1581094794329-c8112a89af12?ixlib=rb-4.0.3&auto=format&fit=crop&w=1740&q=80');
    }
    
    .gallery-item {
        flex: 0 0 90%;
        height: 400px;
    }
}

/* Mobile fix 2026-05-30 v2: Leadership Team portraits keep their natural ratio on mobile. */
@media (max-width: 768px) {
    .team-section {
        padding: 66px 0;
    }

    .team-grid,
    .leadership-grid,
    .about-team-grid {
        grid-template-columns: 1fr !important;
        gap: 24px;
        justify-items: center;
    }

    .team-member,
    .leadership-card,
    .member-card {
        width: clamp(260px, 82vw, 310px);
        max-width: 310px;
        margin-left: auto;
        margin-right: auto;
        background: #fff;
        border: 1px solid var(--line, #e6d9cd);
        border-radius: 22px;
        overflow: hidden;
        box-shadow: var(--shadow, 0 12px 34px rgba(31,23,20,.08));
        text-align: center;
    }

    .team-member:hover,
    .leadership-card:hover,
    .member-card:hover {
        transform: none;
    }

    .member-photo,
    .team-photo,
    .leadership-photo {
        width: 100%;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: auto !important;
        margin-bottom: 0;
        border-radius: 22px 22px 0 0;
        background: transparent;
        overflow: hidden;
        box-shadow: none;
    }

    .member-photo img,
    .team-photo img,
    .leadership-photo img {
        display: block;
        width: 100%;
        height: auto !important;
        max-width: 100%;
        object-fit: initial !important;
        object-position: center top;
        background: transparent;
        transform: none !important;
    }

    .team-member:hover .member-photo img,
    .leadership-card:hover .leadership-photo img,
    .member-card:hover .team-photo img {
        transform: none !important;
    }

    .member-info,
    .team-member-info,
    .leadership-info {
        padding: 16px 18px 20px;
    }
}

@media (max-width: 480px) {
    .team-member,
    .leadership-card,
    .member-card {
        width: clamp(260px, 78vw, 290px);
        max-width: 290px;
    }
}

.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important;word-break:normal!important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label::before,.wpcf7-list-item-label::after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner::before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1e3ms;animation-timing-function:linear;animation-iteration-count:infinite}@media(prefers-reduced-motion:reduce){.wpcf7-spinner::before{animation-name:blink;animation-duration:2e3ms}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type=file]{cursor:pointer}.wpcf7 input[type=file]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none}
.popup-template .modal{opacity:0;transition:all .25s ease}.popup-template .modal.is-open{opacity:1;transition:all .25s ease}
.menu-item-object-language_switcher .trp-flag-image{display:inline-block;margin:-1px 5px;vertical-align:baseline;padding:0;border:0;border-radius:0}#wp-admin-bar-wp-rocket .trp-flag-image{width:18px!important;height:12px!important}.trp-language-switcher{height:42px;position:relative;box-sizing:border-box;width:200px;text-overflow:ellipsis;white-space:nowrap}.trp-language-switcher>div{box-sizing:border-box;padding:4px 20px 3px 13px;border:1.5px solid #949494;border-radius:2px;background-image:url(https://es.chillseattrade.com/wp-content/plugins/translatepress-multilingual/assets/css/../../assets/images/arrow-down-3101.svg);background-repeat:no-repeat;background-position:calc(100% - 20px)calc(1em + 2px),calc(100% - 3px)calc(1em + 0px);background-size:8px 8px,8px 8px;background-repeat:no-repeat;background-color:#fff}.trp-language-switcher>div:hover{background-image:none}.trp-language-switcher>div>a{display:block;padding:7px 12px;border-radius:3px;text-decoration:none;color:#1e1e1e;font-style:normal;font-weight:400;font-size:16px}.trp-language-switcher>div>a:hover{background:#f0f0f0;border-radius:2px}.trp-language-switcher>div>a.trp-ls-shortcode-disabled-language{cursor:default}.trp-language-switcher>div>a.trp-ls-shortcode-disabled-language:hover{background:0 0}.trp-language-switcher>div>a>img{display:inline;margin:0 3px;width:18px;height:12px;border-radius:0}.trp-language-switcher .trp-ls-shortcode-current-language{display:inline-block}.trp-language-switcher:focus .trp-ls-shortcode-current-language,.trp-language-switcher:hover .trp-ls-shortcode-current-language{visibility:hidden}.trp-language-switcher .trp-ls-shortcode-language{display:inline-block;height:1px;overflow:hidden;visibility:hidden;z-index:1;max-height:250px;overflow-y:auto;left:0;top:0;min-height:auto}.trp-language-switcher:focus .trp-ls-shortcode-language,.trp-language-switcher:hover .trp-ls-shortcode-language{visibility:visible;max-height:250px;padding:4px 13px;height:auto;overflow-y:auto;position:absolute;left:0;top:0;display:inline-block!important;min-height:auto}#wpadminbar #wp-admin-bar-trp_edit_translation .ab-icon:before{content:'\f326';top:3px}@media screen and (max-width:782px){#wpadminbar #wp-admin-bar-trp_edit_translation>.ab-item{text-indent:0}#wpadminbar li#wp-admin-bar-trp_edit_translation{display:block}}