
/* OnlySales V7 - supplementary styles */
:root{scroll-padding-top:96px}html{scroll-behavior:smooth}
.nav-links a,.footer-nav a{transition:opacity .2s}.nav-links a:hover,.footer-nav a:hover{opacity:.7}
.content-page{min-height:70vh}.content-breadcrumbs{padding:22px 0 8px;font-size:12px;letter-spacing:.025em;opacity:.7}.content-breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.interior-hero{padding:84px 0 70px;border-bottom:1px solid var(--line,rgba(120,130,130,.22))}
.brand .interior-hero{background:#13191a;color:#fff}.import .interior-hero{background:#ebf2ef;color:#172b29}
.interior-hero h1{font-size:clamp(2.5rem,5.4vw,5rem);max-width:1010px;line-height:1.05;letter-spacing:-.052em;margin:16px 0 20px}
.interior-hero p{max-width:750px;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.65;opacity:.82}
.interior-meta{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.interior-pill{border-radius:24px;padding:7px 13px;border:1px solid currentColor;font-size:12px;opacity:.8}
.interior-body{padding:76px 0 100px}.interior-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:64px;align-items:start}
.rich-article{font-size:17px;line-height:1.82;max-width:820px;overflow-wrap:anywhere}.rich-article h2{font-size:clamp(1.65rem,2.7vw,2.4rem);margin:42px 0 15px;letter-spacing:-.03em}.rich-article h3{font-size:1.5rem;margin:32px 0 12px}.rich-article h4,.rich-article h5{font-size:1.18rem;margin:25px 0 12px}.rich-article p{margin:0 0 22px}.rich-article ul,.rich-article ol{padding-left:24px;margin:15px 0 27px}.rich-article li{margin:8px 0}.rich-article img{max-height:520px;object-fit:contain;border-radius:16px;margin:24px 0}.rich-article a:not(.btn){text-decoration:underline;text-underline-offset:3px}.rich-article blockquote{border-left:4px solid #a6ef75;padding:5px 0 5px 22px;margin:32px 0;font-size:1.17rem}
.brand .rich-article{color:#e2e6e3}.import .rich-article{color:#21342e}
.article-warning{padding:20px 22px;border:1px solid #e0ce78;background:#fff9e1;color:#58491e;border-radius:16px;font-size:14px;line-height:1.6;margin-bottom:27px}
.interior-aside{position:sticky;top:105px;padding:28px;background:#d8f6c0;border-radius:20px;color:#1b3420}.interior-aside h3{font-size:1.38rem}.interior-aside p{font-size:15px;line-height:1.65}
.interior-aside .btn{margin-top:12px;display:flex;text-align:center}
.interior-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.interior-card{border:1px solid rgba(138,150,143,.35);border-radius:18px;overflow:hidden;padding:28px;display:flex;flex-direction:column;gap:14px;min-height:230px}.interior-card h3{font-size:1.36rem;line-height:1.2;margin:0}.interior-card p{font-size:14px;line-height:1.7;opacity:.73;flex:1}.interior-card .btn{align-self:flex-start}.interior-card a:not(.btn){font-weight:700;text-decoration:underline;text-underline-offset:3px}
.brand .interior-list,.brand .interior-body{background:#0b0e10;color:#eef3ee}.import .interior-list,.import .interior-body{background:#f7f8f6}
.interior-section{padding:80px 0}.brand .interior-section{background:#0b0e10;color:#f5f8f2}.import .interior-section{background:#f7f8f6}
.interior-cta{padding:54px;border-radius:24px;background:#c4f59e;color:#173126;display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center;margin-top:65px}.interior-cta h2{font-size:clamp(1.7rem,3vw,2.65rem);margin:0 0 10px}.interior-cta p{font-size:15px;margin:0}.interior-cta .btn{white-space:nowrap}
.ref-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.ref-item{border:1px solid rgba(133,154,139,.32);border-radius:22px;padding:29px;background:rgba(255,255,255,.04)}.ref-item blockquote{font-size:16px;line-height:1.8;margin:17px 0 24px}.ref-item .ref-name{font-weight:800}.ref-item .ref-company{font-size:13px;opacity:.7}
.article-columns{columns:1}.article-columns a{color:inherit}
.lead-static-note{border-radius:16px;padding:18px;background:rgba(207,236,195,.3);margin:24px 0;font-size:15px}
.media-inline{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0}.media-inline img{width:min(260px,100%);height:170px;object-fit:cover;border-radius:14px}
.footer-source{padding:18px 0;border-top:1px solid rgba(120,130,120,.25);font-size:12px;opacity:.7}
@media(max-width:1020px){.interior-grid{grid-template-columns:1fr;gap:34px}.interior-aside{position:static}.interior-list{grid-template-columns:repeat(2,1fr)}.interior-cta{grid-template-columns:1fr;gap:20px}}
@media(max-width:650px){.interior-hero{padding:55px 0 42px}.interior-body{padding:44px 0 70px}.interior-list,.ref-grid{grid-template-columns:1fr}.interior-card{min-height:200px}.interior-cta{padding:28px}.rich-article{font-size:16px}}
.service-inline-cta{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:15px;padding:10px 16px;border-radius:999px;background:#c9f29d;color:#16291e;font-size:13px;font-weight:800;text-decoration:none;transition:transform .2s}
.service-inline-cta:hover{transform:translateY(-2px)}


/* V9 contact and import forms */
[data-lead-form]{position:relative}
[data-lead-form] .form-status{display:block;border-radius:12px;padding:13px 16px;font-size:14px;line-height:1.55;margin:16px 0;font-weight:600}
[data-lead-form] .form-status[hidden]{display:none}
[data-lead-form] .form-status.is-success{background:#d5f6d4;color:#13522a;border:1px solid #8eca99}
[data-lead-form] .form-status.is-error{background:#fff0e8;color:#722d20;border:1px solid #e1ab9b}
[data-lead-form] .form-status.is-notice{background:#eff5f2;color:#344e47;border:1px solid #cbdad2}
[data-lead-form] .form-fallback{display:inline-flex;border-radius:30px;padding:12px 18px;background:#16312f;color:white;text-decoration:none;font-size:14px;font-weight:700;margin:9px 0}
[data-lead-form] .form-fallback[hidden]{display:none}
[data-lead-form] .privacy-field{display:flex;align-items:flex-start;gap:12px;line-height:1.55;font-size:13px;margin:18px 0;color:inherit}
[data-lead-form] .privacy-field input{margin:3px 0 0;min-width:18px;min-height:18px}
[data-lead-form] .privacy-field a{text-decoration:underline;text-underline-offset:2px;color:inherit}
[data-lead-form] .form-trap{position:absolute!important;left:-10000px!important;opacity:0!important;height:1px!important;overflow:hidden!important}
[data-lead-form] button[disabled]{opacity:.65;cursor:wait}
.brand .contact-lead-form{padding:30px;border:1px solid rgba(212,236,212,.28);background:#131b1b;border-radius:22px;display:grid;gap:14px}
.brand .contact-lead-form .field{display:grid;gap:7px;font-size:14px}
.brand .contact-lead-form input,.brand .contact-lead-form select,.brand .contact-lead-form textarea{width:100%;max-width:100%;padding:12px 14px;border-radius:11px;border:1px solid #536762;background:#f9fbf8;color:#152926;font-size:15px;min-height:46px;box-sizing:border-box}
.brand .contact-lead-form textarea{min-height:128px;resize:vertical}
.brand .contact-lead-form .btn{border:0;cursor:pointer;justify-content:center;min-height:48px;font-size:15px}
.brand .contact-lead-form .form-status{margin:0}
.brand .contact-lead-form .form-fallback{background:#c6ef94;color:#1a3021}
.import [data-lead-form] .form-fallback{background:#183734;color:white}
@media(max-width:640px){.brand .contact-lead-form{padding:20px}}

/* OnlySales V10 - bot protection widget */
[data-lead-form] button[disabled]{cursor:wait;opacity:.6}

/* V13 legal-identity footer additions */
.onlysales-legal-details{display:flex;flex-wrap:wrap;gap:7px 18px;align-items:center;font-size:12px;line-height:1.65;opacity:.82;padding:19px 0;border-top:1px solid rgba(140,152,150,.24)}
.onlysales-legal-details strong{font-weight:650}
.onlysales-legal-details a{color:inherit;text-underline-offset:3px}
.onlysales-contact-identity{display:grid;gap:4px;font-size:13px;line-height:1.6;margin:8px 0 25px;padding:16px 18px;background:rgba(120,135,138,.09);border:1px solid rgba(120,135,138,.2);border-radius:12px}
.onlysales-contact-identity a{color:inherit;text-decoration:underline}
@media(max-width:650px){.onlysales-legal-details{display:grid;gap:3px}.onlysales-contact-identity{padding:14px}}


/* V15: one-line desktop menu and consistent 3 x 2 photographic service grid */
.brand .nav-content > .nav-tag { display:none; }
.brand .nav-content { gap:22px; }
.brand .nav-right { min-width:0; gap:17px; }
.brand .nav-links { flex-wrap:nowrap; gap:clamp(12px,1.35vw,22px); }
.brand .nav-links a { white-space:nowrap; font-size:12.5px; }
.brand .nav-right > .btn { flex-shrink:0; }
.brand .service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.brand .service-grid > .service { grid-column:auto; min-width:0; min-height:290px; padding:28px; isolation:isolate; }
.brand .service-grid > .service.pictorial { background-size:cover; background-position:center; }
.brand .service-grid > .service.pictorial::before { background:linear-gradient(180deg,rgba(5,15,19,.72) 0%,rgba(5,15,19,.32) 30%,rgba(5,15,19,.91) 100%); z-index:0; }
.brand .service-grid > .service.pictorial > * { position:relative; z-index:1; }
.brand .service-grid > .service h3 { font-size:clamp(20px,2vw,25px); line-height:1.16; max-width:none; }
.brand .service-grid > .service p { color:#e1e7e3; font-size:13px; }
.brand .service-grid > .service .count { color:#e3f4ea; }
.brand .service-grid > .service .circle-arrow { font-size:24px; }
.brand .service-grid > a.service { color:inherit; text-decoration:none; }
.brand .service-grid > a.service:hover { transform:translateY(-3px); }
@media(max-width:1100px) {
  .brand .service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:1080px) {
  .brand .site-nav .nav-content { min-height:76px; }
  .brand .mobile-toggle { display:flex; }
  .brand .nav-right { margin-left:auto;gap:13px; }
  .brand .nav-links { display:none; position:absolute; top:76px; left:0; right:0;
     background:#142024; padding:23px 30px 30px; flex-direction:column; align-items:flex-start;
     gap:17px; box-shadow:0 25px 40px #0002; }
  .brand .nav-links.is-open { display:flex; }
  .brand .nav-links a { font-size:14px; }
}
@media(max-width:680px) {
  .brand .service-grid { grid-template-columns:1fr; }
  .brand .service-grid > .service { min-height:275px; }
}


/* V16: sales-led hero, six real testimonials and eight full article teasers */
.brand .brand-hero h1 { font-size:clamp(45px,4.6vw,66px); letter-spacing:-.055em; line-height:1.075; max-width:680px; }
.brand .brand-hero .brand-hero-copy { padding:82px 0 94px; }
.brand .brand-hero .brand-hero-copy > p { max-width:625px; font-size:16.5px; line-height:1.68; }
.brand .brand-hero .brand-hero-grid { min-height:730px; grid-template-columns:1.12fr .88fr; gap:20px; }
.brand .brand-hero .brand-hero-art { max-width:475px; min-height:550px; }
.brand .brand-hero .hero-ticket { padding:19px 21px; right:7px; bottom:15px; }
.brand .brand-hero .ticket-steps { gap:11px; margin-top:14px; }
.brand .brand-hero .ticket-steps span { font-size:11.6px; font-weight:620; line-height:1.45; padding-right:6px; }
.brand .brand-hero .ticket-top { font-size:10px; }
.brand .thin-strip .proof-cell b {font-size:18px; color:#e9f6df;}
.brand .thin-strip .proof-cell p {font-size:12px; line-height:1.5;}
.brand .service-grid > .service { min-height:367px; }
.brand .service-grid > .service p {font-size:14px;line-height:1.58;max-width:none;}
.brand .service-grid > .service .service-inline-cta {margin-top:19px;font-size:12.5px;padding:10px 16px;}
.brand .special-import p { max-width:560px;line-height:1.72; }
.brand .brand-testimonials { grid-template-columns:repeat(3,minmax(0,1fr));gap:16px; }
.brand .brand-testimonials .testi { grid-row:auto;grid-column:auto;min-height:272px;padding:27px 25px;background:#192123; }
.brand .brand-testimonials .testi blockquote { font-size:16px;line-height:1.53;letter-spacing:0;margin:4px 0 22px;flex:1; }
.brand .brand-testimonials .testi .quote-mark { color:#d2fa85;font-family:Georgia,serif;font-size:38px;line-height:1; }
.brand .brand-testimonials .testi .testi-person {gap:11px;}
.brand .brand-testimonials .testi .testi-person img,.brand .brand-testimonials .testi-avatar {width:43px;height:43px;flex:0 0 43px;border-radius:50%;}
.brand .brand-testimonials .testi-avatar {display:inline-flex;align-items:center;justify-content:center;background:#355147;color:#d9fa98;font-size:11px;font-weight:800;letter-spacing:.04em;}
.brand .brand-testimonials .testi-person strong {font-size:12px;line-height:1.3;}
.brand .brand-testimonials .testi-person span {font-size:11px;line-height:1.4;}
.brand .brand-testimonials + .btn {margin-top:28px;}
.brand .editorial-row {grid-template-columns:repeat(4,minmax(0,1fr));gap:27px 17px;}
.brand .editorial-card { display:flex;flex-direction:column;align-items:flex-start;padding-bottom:22px; }
.brand .editorial-card .editorial-photo {display:block;width:100%;height:142px;margin-bottom:18px;}
.brand .editorial-card .eyebrow {font-size:10px;}
.brand .editorial-card h3 {font-size:17px;line-height:1.3;margin:11px 0;}
.brand .editorial-card p {font-size:12px;line-height:1.55;flex:1;margin:0 0 15px;}
.brand .editorial-card .btn {font-size:12px;padding:10px 14px;margin-top:auto;}
.brand .brand-close p {max-width:720px;font-size:16px;line-height:1.65;}
.brand .brand-close .guarantee-note {font-size:11px;color:#4b663b;margin-top:10px;}
@media(max-width:1120px){
 .brand .brand-hero .brand-hero-grid {grid-template-columns:1fr 1fr;gap:20px;min-height:0;}
 .brand .brand-testimonials {grid-template-columns:repeat(2,minmax(0,1fr));}
 .brand .editorial-row {grid-template-columns:repeat(3,minmax(0,1fr));}
 .brand .brand-hero h1 {font-size:clamp(43px,5.2vw,59px);}
}
@media(max-width:850px){
 .brand .brand-hero .brand-hero-grid {grid-template-columns:1fr;}
 .brand .brand-hero .brand-hero-copy {padding:70px 0 8px;}
 .brand .brand-hero .brand-hero-art {max-width:650px;min-height:0;}
 .brand .editorial-row {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:680px){
 .brand .brand-hero h1 {font-size:clamp(39px,9.3vw,54px);}
 .brand .brand-hero .brand-hero-copy {padding:56px 0 15px;}
 .brand .brand-hero .brand-hero-copy > p {font-size:15px;line-height:1.68;}
 .brand .brand-hero .brand-hero-art {height:415px;margin:20px auto 55px;}
 .brand .brand-hero .brand-photo {inset:0 0 70px 25px;}
 .brand .brand-hero .hero-ticket {left:0;right:0;bottom:0;padding:16px;}
 .brand .brand-hero .ticket-steps {gap:7px;margin-top:10px;}
 .brand .brand-hero .ticket-steps span {font-size:10px;line-height:1.35;padding-right:3px;}
 .brand .service-grid > .service {min-height:330px;}
 .brand .brand-testimonials {grid-template-columns:1fr;}
 .brand .brand-testimonials .testi {min-height:200px;}
 .brand .editorial-row {grid-template-columns:1fr;}
 .brand .editorial-card .editorial-photo {height:180px;}
 .brand .brand-close p {font-size:15px;}
}

/* V17 – photographic references and service-page content */
.brand .brand-testimonials .testi .testi-person img {width:49px;height:49px;flex:0 0 49px;border-radius:50%;object-fit:cover;filter:none;border:1px solid rgba(220,255,174,.28)}
.reference-person-large{display:flex;gap:18px;align-items:center;margin:20px 0 8px}
.reference-person-large img{display:block;flex:0 0 118px;width:118px;height:118px;max-height:none!important;object-fit:cover;border-radius:18px;border:1px solid rgba(106,142,117,.28);margin:0!important}
.ref-item .reference-person-large .ref-name{font-weight:800;font-size:16px;line-height:1.35}
.ref-item .reference-person-large .ref-company{opacity:.73;font-size:13px;margin-top:4px;line-height:1.5}
.ref-item blockquote{margin:18px 0 8px}
.ref-item{overflow:hidden}
.service-reference{padding:28px 28px 30px;background:#f0f6ed;border:1px solid #d6e6d2;border-radius:23px;margin:34px 0}
.service-reference .eyebrow{display:block;color:#375f3b;font-size:11px;letter-spacing:.09em;font-weight:800}
.service-reference-main{display:flex;align-items:center;gap:19px;margin:17px 0 18px}
.service-reference-portrait{display:block;flex:0 0 112px;width:112px;height:112px;max-height:none!important;margin:0!important;object-fit:cover;border-radius:18px}
.service-ref-name{font-size:19px;font-weight:850;color:#1e3925;line-height:1.32}
.service-ref-company{color:#536c57;font-size:14px;margin-top:5px}
.rich-article .service-reference blockquote{border-left:3px solid #76ad5b;padding:0 0 0 17px;background:none;color:#284331;font-size:16px;line-height:1.76;margin:0}
.rich-article h2 {text-wrap:balance}
.rich-article strong{font-weight:800}
.rich-article p{overflow-wrap:normal;word-break:normal}
.service-original-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0 36px}
.service-original-media figure{margin:0;min-width:0}
.service-original-media img{width:100%;height:225px;max-height:none;object-fit:cover;margin:0!important;border-radius:14px}
.service-original-media figcaption{font-size:12px;color:#697b6a;margin:8px 0 0}
.warehouse-promo{padding:30px 32px;background:#d3f5ad;border-radius:24px;margin:36px 0 20px;border:1px solid #c4e79a}
.warehouse-promo .eyebrow{color:#42672f;font-size:11px;letter-spacing:.11em}
.warehouse-promo h3{color:#162f1e!important;font-size:28px;line-height:1.2;margin:14px 0!important}
.warehouse-promo p{color:#254331}
.warehouse-promo .btn{text-decoration:none!important;margin-top:6px}
@media(max-width:640px){.ref-grid{grid-template-columns:1fr}.ref-item{padding:20px}.reference-person-large{gap:14px}.reference-person-large img{width:94px;height:94px;flex-basis:94px}.service-reference{padding:20px}.service-reference-portrait{width:86px;height:86px;flex-basis:86px}.service-original-media{grid-template-columns:1fr}.warehouse-promo{padding:23px}.warehouse-promo h3{font-size:24px}}

/* V17.1: larger, clearer customer portraits on the all-reviews page */
.ref-item .reference-person-large img {width:150px;height:150px;flex-basis:150px;max-height:none!important}
@media(max-width:640px){.ref-item .reference-person-large img{width:112px;height:112px;flex-basis:112px}}
