/* Sadaf V7 — navigation, clarity, hierarchy and accessible finishing details. */
:root{--v7-dark:#082e45;--v7-sea:#21745f;--v7-focus:#60d2aa}
html{scroll-padding-top:112px}
body{overflow-x:clip}
main{display:block}
::selection{background:#b4e5d3;color:#073f46}
.v7-skip-link{position:fixed;top:-90px;right:20px;z-index:10000;background:#fff;color:#08394b;padding:15px 23px;box-shadow:0 9px 35px #071d2530;font-weight:700}
.v7-skip-link:focus{top:12px;outline:3px solid var(--v7-sea)}
.v7-menu-toggle{display:none;align-items:center;justify-content:center;gap:12px;min-width:47px;min-height:47px;border:1px solid #7ca799;background:transparent;color:#eaf8f1;cursor:pointer;font:700 13px IRANSansX,Tahoma,sans-serif}
.v7-menu-toggle .v7-menu-icon{width:18px;height:14px;position:relative;border-block:2px solid currentColor;transition:transform .2s}
.v7-menu-toggle .v7-menu-icon::after{content:"";position:absolute;top:5px;right:0;left:0;border-top:2px solid currentColor}
.v7-menu-toggle[aria-expanded="true"] .v7-menu-icon{transform:rotate(45deg);border-top-color:transparent}
.v7-menu-toggle[aria-expanded="true"] .v7-menu-icon::after{transform:rotate(90deg);top:4px}
.v5-subnav a,.v5-underline,.nav-back,.button,.primary-btn,.header-link,.v5-band a,.v6-photo-banner a{transition:color .2s,background-color .2s,border-color .2s,transform .2s}
.v5-subnav a{padding-block:9px;min-height:40px;display:inline-flex;align-items:center}
.v5-subnav a[aria-current="page"]{color:#b5f3d9;border-bottom:2px solid #91ddbd;box-shadow:none}
.v5-subnav .v7-mobile-contact{display:none}
.v5-subnav a:focus-visible,.v7-menu-toggle:focus-visible{outline:3px solid var(--v7-focus);outline-offset:4px}
.button:hover,.primary-btn:hover,.v5-band a:hover,.v6-photo-banner a:hover{transform:translateY(-2px)}
.v5-catalog-card:focus-within,.related-card:focus-within{border-color:var(--v7-sea);box-shadow:0 12px 35px #092f4a14}
.v5-gallery-card,.v5-catalog-card,.v5-article,.v6-use-card,.v5-application-card{border-radius:2px}
.v5-gallery-card:focus-visible{outline:3px solid var(--v7-focus);outline-offset:4px}
.use-row[href]{color:inherit;text-decoration:none;cursor:pointer}
.use-row[href] .arrow::before{content:"↗";font:22px Arial,sans-serif;color:var(--v7-sea)}
.use-row[href]:focus-visible{outline:3px solid var(--v7-sea);outline-offset:3px;background:#ecf4ef}
.use-row[href]:hover h3{color:#16775e}
.v5-content-section p,.v5-page-hero p,.section p,.v6-story-copy p,.v6-color-lab-copy p,.v6-brief-intro p{font-size:15px;line-height:2.35}
.v5-catalog-copy p,.v5-application-card p,.v6-use-card p,.v5-faq-list details p,.v5-article p,.v5-gallery-card span,.related-card p{font-size:14px;line-height:2.2}
.v5-catalog-copy p{min-height:0}
.v6-field select,.v6-field input,.v6-brief-actions button{font-size:14px}
.v5-faq-list summary{min-height:70px}
.v5-application-card[id]{scroll-margin-top:120px}
.v5-application-card[id]:target{outline:3px solid #4d9c84;outline-offset:3px;background:#e2eee8}
.v7-footer-location{font-size:12px}
@media(hover:hover){.v5-application-card{transition:background-color .2s,transform .25s}.v5-application-card:hover{transform:translateY(-3px);background:#e7f1eb}}
@media(max-width:990px){
  .v7-js .site-header:has(.v5-subnav){position:relative;z-index:60}
  .v7-js .header-inner:has(.v5-subnav){position:relative;min-height:86px;flex-wrap:nowrap;gap:14px;padding-block:6px}
  .v7-js .header-inner:has(.v5-subnav) .brand{margin-inline-end:auto}
  .v7-js .v7-menu-toggle{display:inline-flex;flex:none;margin-inline-start:auto}
  .v7-js .header-inner:has(.v5-subnav) .nav-back{display:none}
  .v7-js .v5-subnav{display:none;position:absolute;z-index:70;top:100%;right:0;left:0;width:auto;max-height:min(73vh,570px);overflow-y:auto;overscroll-behavior:contain;margin:0;padding:10px 20px 18px;flex-direction:column;align-items:stretch;gap:0;background:#092e43;border:1px solid #285d66;box-shadow:0 24px 45px #031b2470}
  .v7-js .v5-subnav.v7-open{display:flex}
  .v7-js .v5-subnav a{font-size:15px;min-height:52px;padding:13px 6px;border-bottom:1px solid #ffffff25}
  .v7-js .v5-subnav a[aria-current="page"]{border-bottom:1px solid #91ddbd}
  .v7-js .v5-subnav .v7-mobile-contact{display:inline-flex;color:#c2e9d5;font-weight:700}
}
@media(max-width:800px){
  .hero-copy p,.section-top p,.details-copy p,.colors-copy p,.uses-intro p,.contact p{font-size:15px;line-height:2.2}
  .v5-feature p,.v5-compare-heading p,.v5-section-heading p,.v5-faq-intro p,.v5-content-section p,.v5-page-hero p,.v6-brief-intro p{font-size:15px;line-height:2.3}
  .v5-faq-list summary{font-size:16px}
  .v5-gallery-grid{gap:10px}
}
@media(max-width:550px){
  .v5-page-hero h1{font-size:clamp(37px,10vw,48px)}
  .v5-page-hero p{font-size:15px}
  .v5-content-section h2,.v6-story-copy h2,.v6-usage h2,.v6-color-lab h2,.v6-brief h2{font-size:clamp(29px,7.7vw,37px)}
  .v5-gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:210px}
  .v5-gallery-card:first-child{grid-column:span 2}
  .v5-gallery-card span{right:13px;bottom:13px;font-size:14px}
  .v5-gallery-card span small{font-size:8px}
  .v6-brief-panel{padding:23px 18px}
  .v6-brief-actions button{width:100%;min-height:52px}
  .v5-faq-list summary{line-height:1.9}
  .v5-gallery-card:focus-visible{outline-offset:-4px}
}
@media(prefers-reduced-motion:reduce){.button:hover,.primary-btn:hover,.v5-band a:hover,.v6-photo-banner a:hover{transform:none}}