:root{
    --water-deep:#152C52;
    --water-mid:#3E7CB6;
    --water-light:#BFE0F0;
    --gunmetal-deep:#7A3607;
    --gunmetal-mid:#D9790A;
    --gunmetal-hi:#F5A947;
    --amber:#3A2410;
    --amber-light:#FFF3E0;
    --leaf:#6FA84B;
    --green-deep:#48312C;
    --green-mid:#8C7A60;
    --green-light:#DAC49C;
    --ink:#1B2233;
    --paper:#F7F8FA;
    --seam-w: 34px;
    --display: 'Zilla Slab', Georgia, serif;
    --body: 'IBM Plex Sans', -apple-system, sans-serif;
    --mono: 'IBM Plex Mono', monospace;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:var(--body);
    background:var(--paper);
    color:var(--paper);
    min-height:100vh;
  }
  a{color:inherit; text-decoration:none;}
  a:focus-visible, button:focus-visible{
    outline:3px solid var(--paper);
    outline-offset:3px;
  }

  /* ---------- NAV ---------- */
  body:not(.home){ padding-top:70px; }
  .site-nav{
    position:fixed;
    top:0; left:0; right:0;
    z-index:50;
    background:rgba(21,44,82,.94);
    box-shadow:0 2px 14px rgba(0,0,0,.18);
    transition: background .3s ease, box-shadow .3s ease;
  }
  body.home .site-nav{
    background:transparent;
    box-shadow:none;
  }
  body.home .site-nav.is-scrolled{
    background:rgba(21,44,82,.94);
    box-shadow:0 2px 14px rgba(0,0,0,.18);
  }
  .site-nav__inner{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:.85rem 1.5rem;
    gap:1rem;
  }
  .site-nav__brand{
    display:flex;
    align-items:center;
    flex:none;
  }
  .site-nav__brand img{
    height:38px;
    width:auto;
    display:block;
  }
  body.home .site-nav__brand img{
    height:45.6px;
  }
  .site-nav__menu{
    display:flex;
    align-items:center;
    gap:1.7rem;
  }
  .site-nav__links{
    list-style:none;
    display:flex;
    align-items:center;
    gap:1.4rem;
  }
  .site-nav__links a{
    display:inline-block;
    font-family:var(--body);
    font-size:.92rem;
    font-weight:500;
    color:rgba(255,255,255,.82);
    padding:.35rem 0;
    position:relative;
    transition:color .2s ease;
  }
  body.home .site-nav__links a{
    font-size:1.104rem;
  }
  .site-nav__links a:hover{ color:#fff; }
  .site-nav__links a::after{
    content:"";
    position:absolute; left:0; right:0; bottom:-2px;
    height:2px;
    background:var(--gunmetal-mid);
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .2s ease;
  }
  .site-nav__links a:hover::after,
  .site-nav__links a[aria-current="page"]::after{
    transform:scaleX(1);
  }
  .site-nav__links a[aria-current="page"]{ color:#fff; }
  .site-nav__lang{
    display:flex;
    align-items:center;
    gap:.3rem;
    font-family:var(--mono);
    font-size:.78rem;
    border-left:1px solid rgba(255,255,255,.25);
    padding-left:1rem;
    flex:none;
  }
  .site-nav__lang a{
    color:rgba(255,255,255,.6);
    padding:.25rem .45rem;
    border-radius:4px;
    transition:color .2s ease, background .2s ease;
  }
  .site-nav__lang a:hover{ color:#fff; }
  .site-nav__lang a.is-active{
    color:var(--water-deep);
    background:#fff;
    font-weight:600;
  }
  .site-nav__toggle{
    display:none;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    width:34px;
    height:34px;
    background:none;
    border:none;
    cursor:pointer;
    padding:0;
    flex:none;
  }
  .site-nav__toggle span{
    display:block;
    height:2px;
    background:#fff;
    border-radius:1px;
    transition:transform .25s ease, opacity .25s ease;
  }
  .site-nav__toggle[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
  .site-nav__toggle[aria-expanded="true"] span:nth-child(2){ opacity:0; }
  .site-nav__toggle[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

  @media (max-width:820px){
    .site-nav__toggle{ display:flex; }
    .site-nav__menu{
      position:absolute;
      top:100%;
      left:0; right:0;
      flex-direction:column;
      align-items:stretch;
      background:var(--water-deep);
      padding:0 1.5rem;
      max-height:0;
      overflow:hidden;
      transition:max-height .3s ease;
    }
    .site-nav__menu.is-open{
      max-height:calc(100vh - 70px);
      overflow-y:auto;
      padding:.5rem 1.5rem 1.4rem;
    }
    .site-nav__links{
      flex-direction:column;
      align-items:flex-start;
      gap:0;
      width:100%;
    }
    .site-nav__links li{ width:100%; }
    .site-nav__links a{
      padding:.8rem 0;
      width:100%;
      border-bottom:1px solid rgba(255,255,255,.1);
    }
    .site-nav__lang{
      border-left:none;
      border-top:1px solid rgba(255,255,255,.2);
      padding:.9rem 0 0;
      margin-top:.4rem;
    }
  }

  /* ---------- HEADER ---------- */
  header{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:.7rem;
    min-height:340px;
    padding:2.8rem 1.5rem;
    text-align:center;
    overflow:hidden;
    background:#2C4A2E;
  }
  .header-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:0;
  }
  header::before{
    content:"";
    position:absolute; inset:0;
    background:
      repeating-linear-gradient(
        118deg,
        rgba(255,255,255,.10) 0 2px,
        transparent 2px 7px
      ),
      linear-gradient(180deg, rgba(10,20,10,.1), rgba(10,20,10,.4));
    pointer-events:none;
    z-index:1;
  }
  header::after{
    content:"";
    position:absolute; top:-30%; left:-10%;
    width:60%; height:160%;
    background:linear-gradient(100deg, transparent, rgba(255,255,255,.12), transparent);
    transform:rotate(8deg);
    pointer-events:none;
    z-index:1;
  }
  header > *{ position:relative; z-index:2; }
  .eyebrow{
    font-family:var(--mono);
    font-size:.72rem;
    letter-spacing:.22em;
    text-transform:uppercase;
    color:#fff;
    text-shadow:0 1px 4px rgba(0,0,0,.4);
  }
  .brandmark{
    display:inline-flex;
    padding:.85rem 1.7rem;
    border-radius:12px;
    background:rgba(255,255,255,.85);
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
    box-shadow:0 4px 20px rgba(0,0,0,.2);
  }
  .brandmark img{
    height:clamp(46px, 6vw, 64px);
    width:auto;
    display:block;
  }
  .tagline{
    font-size:.98rem;
    color:#fff;
    text-shadow:0 1px 4px rgba(0,0,0,.4);
    max-width:34ch;
  }

  /* ---------- SPLIT ---------- */
  .split{
    display:grid;
    grid-template-columns: 1fr 1fr;
    min-height:70.2vh;
  }
  .panel{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:1.3rem;
    padding:3rem clamp(1.6rem, 5vw, 5rem);
    transition: filter .35s ease;
  }
  .panel:hover, .panel:focus-within{ filter:brightness(1.08); }
  .panel--water{
    background:
      radial-gradient(ellipse 140% 90% at 20% 0%, rgba(255,255,255,.09), transparent 55%),
      linear-gradient(160deg, rgba(46,124,182,.82), rgba(21,44,82,.88)),
      url('../images/sulama.png');
    background-size: cover, cover, min(58%, 500px);
    background-position: center, center, right -10px bottom -10px;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-blend-mode: normal, multiply, normal;
    overflow:hidden;
  }
  .panel--soil{
    background:
      radial-gradient(ellipse 140% 90% at 20% 0%, rgba(255,255,255,.07), transparent 55%),
      linear-gradient(155deg, rgba(245,169,71,.78) 0%, rgba(217,121,10,.8) 42%, rgba(122,54,7,.88) 100%),
      url('../images/rinieri-fs.png');
    background-size: cover, cover, 58%;
    background-position: center, center, right -10px bottom -10px;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-blend-mode: normal, multiply, normal;
    overflow:hidden;
  }
  .panel--water::before, .panel--soil::before{
    content:"";
    position:absolute; inset:0;
    background:repeating-linear-gradient(
      118deg,
      rgba(255,255,255,.045) 0 2px,
      transparent 2px 7px
    );
    pointer-events:none;
  }
  .panel--water::after, .panel--soil::after{
    content:"";
    position:absolute; top:-30%; left:-10%;
    width:60%; height:160%;
    background:linear-gradient(100deg, transparent, rgba(255,255,255,.06), transparent);
    transform:rotate(8deg);
    pointer-events:none;
  }
  .panel--water > *, .panel--soil > *{ position:relative; z-index:1; }

  .panel .kicker{
    font-family:var(--mono);
    font-size:.72rem;
    letter-spacing:.2em;
    text-transform:uppercase;
  }
  .panel--water .kicker{ color:var(--water-light); }
  .panel--soil .kicker{ color:var(--amber); font-weight:600; }

  .panel h2{
    font-family:var(--display);
    font-weight:600;
    font-size:clamp(2.1rem, 4.2vw, 3.1rem);
    line-height:1.05;
  }
  .panel p.desc{
    max-width:42ch;
    color:#D8D3C6;
    line-height:1.55;
    font-size:1.02rem;
  }
  .panel ul{
    list-style:none;
    display:flex;
    flex-direction:column;
    gap:.5rem;
  }
  .panel ul li{
    position:relative;
    padding-left:1.2rem;
    font-size:.95rem;
    color:#E7E3D8;
  }
  .panel--water ul li::before{
    content:"";
    position:absolute; left:0; top:.45em;
    width:7px; height:7px; border-radius:50%;
    background:var(--leaf);
  }
  .panel--soil ul li::before{
    content:"";
    position:absolute; left:0; top:.45em;
    width:7px; height:7px;
    background:var(--amber);
    transform:rotate(45deg);
  }

  .cta{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    width:fit-content;
    margin-top:.4rem;
    padding:.75rem 1.3rem;
    border-radius:2px;
    font-family:var(--mono);
    font-size:.82rem;
    letter-spacing:.06em;
    text-transform:uppercase;
    border:1px solid currentColor;
    transition: transform .2s ease, background .2s ease;
  }
  .cta:hover{ transform:translateX(3px); }
  .panel--water .cta{ color:var(--water-light); }
  .panel--water .cta:hover{ background:rgba(191,227,212,.08); }
  .panel--soil .cta{ color:var(--amber); border-color:var(--amber); }
  .panel--soil .cta:hover{ background:rgba(58,36,16,.12); }

  .cta svg{ width:14px; height:14px; }

  /* ---------- CORNER BADGE ---------- */
  .corner-badge{
    position:absolute;
    top:1.2rem;
    right:1.2rem;
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:.55rem;
    background:rgba(21,44,82,.55);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    border:1px solid rgba(255,255,255,.25);
    border-radius:10px;
    padding:.45rem .7rem .45rem .45rem;
    box-shadow:0 4px 14px rgba(0,0,0,.2);
    z-index:2;
  }
  .corner-badge img{
    width:44px;
    height:44px;
    object-fit:cover;
    border-radius:6px;
    display:block;
    flex:none;
  }
  .corner-badge span{
    font-family:var(--mono);
    font-size:.6rem;
    letter-spacing:.01em;
    color:rgba(255,255,255,.75);
    max-width:80px;
    text-align:left;
    line-height:1.35;
  }
  .corner-badge span strong{
    color:#fff;
    font-weight:600;
  }

  /* ---------- SEAM ---------- */
  /* seam removed */

  /* ---------- FOOTER ---------- */
  footer{
    background:var(--paper);
    padding:2.4rem 1.5rem;
    text-align:center;
    display:flex;
    flex-direction:column;
    gap:.4rem;
    font-size:.85rem;
    color:#8A93A3;
    border-top:1px solid #E3E6EA;
  }
  footer strong{ color:var(--ink); font-weight:600; }
  footer .divider{
    width:60px; height:2px;
    background:linear-gradient(90deg, var(--water-mid), var(--green-mid), var(--gunmetal-mid));
    margin:.6rem auto;
    border:none;
  }
  footer .footer__links{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:.5rem 1.4rem;
    margin-bottom:.6rem;
    font-family:var(--mono);
    font-size:.76rem;
    letter-spacing:.02em;
  }
  footer .footer__links a{
    color:var(--water-mid);
    text-decoration:none;
  }
  footer .footer__links a:hover{ text-decoration:underline; color:var(--water-deep); }

  /* ---------- BRANDS SECTION (homepage) ---------- */
  .brands-section{
    background:var(--paper);
    padding:3.2rem 1.5rem 3.6rem;
    border-top:1px solid #E3E6EA;
  }
  .brands-section__inner{
    max-width:820px;
    margin:0 auto;
    text-align:center;
  }
  .brands-section .kicker{
    font-family:var(--mono);
    font-size:.72rem;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:var(--water-mid);
  }
  .brands-section h2{
    font-family:var(--display);
    font-weight:600;
    font-size:clamp(1.6rem, 3vw, 2.1rem);
    color:var(--ink);
    margin-top:.4rem;
  }
  .brands-section > .brands-section__inner > p{
    margin-top:.9rem;
    color:#5B6478;
    line-height:1.7;
    font-size:.98rem;
  }
  .brands-section__grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
    gap:1.1rem;
    margin-top:1.8rem;
  }
  .brand-chip{
    display:flex;
    flex-direction:column;
    gap:.3rem;
    padding:1.3rem 1.4rem;
    background:#fff;
    border:1px solid #E9ECF1;
    border-radius:12px;
    text-align:left;
    text-decoration:none;
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .brand-chip:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(21,44,82,.1);
  }
  .brand-chip__name{
    font-family:var(--display);
    font-weight:600;
    font-size:1.15rem;
    color:var(--water-deep);
  }
  .brand-chip__desc{
    font-size:.85rem;
    color:#5B6478;
    line-height:1.4;
  }
  .brands-section__all{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    margin-top:1.6rem;
    font-family:var(--mono);
    font-size:.82rem;
    text-transform:uppercase;
    letter-spacing:.05em;
    color:var(--water-deep);
    font-weight:600;
    text-decoration:none;
  }
  .brands-section__all svg{ width:14px; height:14px; transition:transform .2s ease; }
  .brands-section__all:hover svg{ transform:translateX(3px); }

  /* ---------- RESPONSIVE ---------- */
  @media (max-width: 820px){
    .split{
      grid-template-columns:1fr;
      grid-template-rows:auto auto;
    }
    .panel{ padding:2.6rem 1.4rem; min-height:46.8vh; }
  }

  @media (prefers-reduced-motion: reduce){
    *{ transition:none !important; scroll-behavior:auto !important; }
    .header-video{ display:none; }
  }

/* ---------- NAV DROPDOWN ---------- */
.site-nav__links li{ position:relative; }
.has-dropdown{
  display:flex;
  align-items:center;
  gap:.15rem;
}
.dropdown-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px; height:20px;
  background:none;
  border:none;
  color:inherit;
  cursor:pointer;
  padding:0;
  opacity:.75;
  transition:transform .2s ease;
}
.has-dropdown.is-open .dropdown-toggle,
li.has-dropdown:hover .dropdown-toggle{ transform:rotate(180deg); }

.dropdown-panel{
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%) translateY(4px);
  background:#fff;
  color:var(--ink);
  border-radius:10px;
  box-shadow:0 16px 34px rgba(0,0,0,.2);
  padding:.85rem;
  min-width:300px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .16s ease, transform .16s ease;
  z-index:60;
}
li.has-dropdown:hover .dropdown-panel,
li.has-dropdown:focus-within .dropdown-panel,
li.has-dropdown.is-open .dropdown-panel{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}
.dropdown-panel__list{
  list-style:none;
  display:grid;
  grid-template-columns:repeat(var(--dd-cols, 1), minmax(240px,1fr));
  gap:.1rem .6rem;
}
.dropdown-panel__list li{ position:static; }
.dropdown-panel__list a,
.dropdown-panel__list .is-soon{
  display:block;
  padding:.5rem .65rem;
  border-radius:6px;
  font-family:var(--body);
  font-size:.85rem;
  font-weight:500;
  line-height:1.3;
}
.dropdown-panel__list a{ color:var(--ink); }
.dropdown-panel__list a:hover{ background:var(--paper); color:var(--water-mid); }
.dropdown-panel__list .is-soon{
  color:#AEB4BF;
  cursor:default;
}
.dropdown-panel__list .soon-badge{
  display:inline-block;
  margin-left:.35rem;
  padding:.1rem .4rem;
  border-radius:20px;
  background:#F0F1F4;
  color:#9AA1AD;
  font-family:var(--mono);
  font-size:.62rem;
  letter-spacing:.03em;
  text-transform:uppercase;
  vertical-align:middle;
}

@media (max-width:820px){
  .has-dropdown{ flex-wrap:wrap; justify-content:space-between; width:100%; }
  .dropdown-toggle{ width:34px; height:34px; opacity:1; }
  .dropdown-panel{
    position:static;
    flex:0 0 100%;
    width:100%;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    box-shadow:none;
    background:rgba(255,255,255,.06);
    border-radius:8px;
    min-width:0;
    max-height:0;
    overflow:hidden;
    padding:0 .5rem;
    margin-bottom:0;
    transition:max-height .25s ease, padding .25s ease;
  }
  li.has-dropdown.is-open .dropdown-panel,
  li.has-dropdown:hover .dropdown-panel,
  li.has-dropdown:focus-within .dropdown-panel{
    transform:none;
  }
  .has-dropdown.is-open ~ .dropdown-panel,
  li.has-dropdown.is-open .dropdown-panel{
    max-height:600px;
    padding:.5rem;
    margin-bottom:.4rem;
  }
  .dropdown-panel__list{ grid-template-columns:1fr; }
  .dropdown-panel__list a,
  .dropdown-panel__list .is-soon{
    white-space:normal;
    padding:.6rem .5rem;
  }
  .dropdown-panel__list a{ color:rgba(255,255,255,.85); }
  .dropdown-panel__list a:hover{ background:rgba(255,255,255,.08); color:#fff; }
  .dropdown-panel__list .is-soon{ color:rgba(255,255,255,.35); }
  .dropdown-panel__list .soon-badge{ background:rgba(255,255,255,.12); color:rgba(255,255,255,.55); }
}

/* ---------- BREADCRUMB ---------- */
.breadcrumb{
  max-width:1180px;
  margin:0 auto;
  padding:1.1rem 1.5rem .4rem;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.4rem;
  font-family:var(--mono);
  font-size:.76rem;
  color:#8A93A3;
}
.breadcrumb a{ color:#8A93A3; }
.breadcrumb a:hover{ color:var(--water-mid); }
.breadcrumb .sep{ opacity:.5; }
.breadcrumb .current{ color:var(--ink); }

/* ---------- CATEGORY HERO ---------- */
.cat-hero{
  background:linear-gradient(155deg, var(--water-deep), #0d1c38);
  color:#fff;
  padding:2.6rem 1.5rem 3rem;
}
.cat-hero__inner{
  max-width:1180px;
  margin:0 auto;
}
.cat-hero__kicker{
  font-family:var(--mono);
  font-size:.72rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--water-light);
}
.cat-hero h1{
  font-family:var(--display);
  font-weight:600;
  font-size:clamp(2rem, 4vw, 2.8rem);
  margin-top:.4rem;
}
.cat-hero p{
  margin-top:.8rem;
  max-width:60ch;
  color:#D8D3C6;
  line-height:1.6;
}

/* ---------- PRODUCT GRID ---------- */
.product-grid{
  max-width:1180px;
  margin:0 auto;
  padding:2.6rem 1.5rem 4rem;
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));
  gap:1.6rem;
}
.product-card{
  display:flex;
  flex-direction:column;
  background:#fff;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 2px 10px rgba(21,44,82,.08);
  border:1px solid #E9ECF1;
  transition:transform .2s ease, box-shadow .2s ease;
}
.product-card:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 26px rgba(21,44,82,.14);
}
.product-card__img{
  aspect-ratio:4/3;
  background:var(--paper);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.product-card__img img{
  width:100%; height:100%;
  object-fit:cover;
}
.product-card__body{
  padding:1.2rem 1.3rem 1.4rem;
  display:flex;
  flex-direction:column;
  gap:.5rem;
  flex:1;
}
.product-card__brand{
  font-family:var(--mono);
  font-size:.68rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--water-mid);
}
.product-card__body h3{
  font-family:var(--display);
  font-size:1.15rem;
  font-weight:600;
  color:var(--ink);
  line-height:1.25;
}
.product-card__body p{
  font-size:.88rem;
  color:#5B6478;
  line-height:1.5;
  flex:1;
}
.product-card__link{
  margin-top:.3rem;
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  font-family:var(--mono);
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--water-deep);
  font-weight:600;
}
.product-card__link svg{ width:13px; height:13px; transition:transform .2s ease; }
.product-card:hover .product-card__link svg{ transform:translateX(3px); }
.product-grid__empty{
  grid-column:1/-1;
  text-align:center;
  padding:3rem 1rem;
  color:#8A93A3;
  font-size:.95rem;
}

/* ---------- PRODUCT DETAIL ---------- */
.product-detail{
  max-width:1180px;
  margin:0 auto;
  padding:2.6rem 1.5rem 4rem;
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:3rem;
}
@media (max-width:900px){
  .product-detail{ grid-template-columns:1fr; gap:2rem; }
}
.product-detail__gallery{
  display:flex;
  flex-direction:column;
  gap:.8rem;
}
.product-detail__gallery-main{
  border-radius:14px;
  overflow:hidden;
  background:var(--paper);
  aspect-ratio:4/3;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #E9ECF1;
}
.product-detail__gallery-main img{ width:100%; height:100%; object-fit:cover; }
.product-detail__thumbs{
  display:flex;
  gap:.6rem;
  flex-wrap:wrap;
}
.product-detail__thumbs img{
  width:70px; height:70px;
  object-fit:cover;
  border-radius:8px;
  border:1px solid #E9ECF1;
  cursor:pointer;
}
.product-detail__brand{
  font-family:var(--mono);
  font-size:.75rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--water-mid);
  font-weight:600;
}
.product-detail h1{
  font-family:var(--display);
  font-weight:600;
  font-size:clamp(1.7rem, 3vw, 2.3rem);
  color:var(--ink);
  margin-top:.4rem;
  line-height:1.15;
}
.product-detail__short{
  margin-top:.8rem;
  font-size:1.02rem;
  color:#4A5266;
  line-height:1.55;
}
.product-detail__desc{
  margin-top:1.4rem;
  font-size:.96rem;
  color:#5B6478;
  line-height:1.7;
}
.product-detail__cta{
  margin-top:1.6rem;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.85rem 1.5rem;
  border-radius:4px;
  background:var(--water-deep);
  color:#fff;
  font-family:var(--mono);
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.05em;
  transition:background .2s ease;
}
.product-detail__cta:hover{ background:var(--water-mid); }
.product-detail__cta svg{ width:14px; height:14px; }

.tech-specs{
  margin-top:2rem;
  padding-top:1.8rem;
  border-top:1px solid #E9ECF1;
}
.tech-specs h2{
  font-family:var(--display);
  font-size:1.15rem;
  font-weight:600;
  color:var(--ink);
  margin-bottom:.9rem;
}
.tech-specs ul{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:.55rem;
}
.tech-specs ul li{
  position:relative;
  padding-left:1.2rem;
  font-size:.92rem;
  color:#4A5266;
  line-height:1.5;
}
.tech-specs ul li::before{
  content:"";
  position:absolute; left:0; top:.5em;
  width:7px; height:7px; border-radius:50%;
  background:var(--water-mid);
}
.tech-specs__img{
  border-radius:10px;
  overflow:hidden;
  border:1px solid #E9ECF1;
}
.tech-specs__img img{ width:100%; display:block; }

/* ---------- STATIC CONTENT PAGES (Hakkımızda / Hizmetlerimiz / Referanslarımız / İletişim) ---------- */
.content-section{
  max-width:880px;
  margin:0 auto;
  padding:2.6rem 1.5rem 1rem;
}
.content-section h2{
  font-family:var(--display);
  font-weight:600;
  font-size:1.5rem;
  color:var(--ink);
  margin-bottom:.9rem;
}
.content-section h3{
  font-family:var(--display);
  font-weight:600;
  font-size:1.15rem;
  color:var(--ink);
  margin:1.6rem 0 .7rem;
}
.content-section p{
  color:#4A5266;
  line-height:1.75;
  font-size:1rem;
  margin-bottom:1rem;
}
.content-section ul{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:.5rem;
  margin:0 0 1.4rem;
}
.content-section ul li{
  position:relative;
  padding-left:1.3rem;
  color:#4A5266;
  line-height:1.55;
  font-size:.97rem;
}
.content-section ul li::before{
  content:"";
  position:absolute; left:0; top:.55em;
  width:7px; height:7px; border-radius:50%;
  background:var(--water-mid);
}
.content-section__cta{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  margin:.4rem .6rem .4rem 0;
  padding:.8rem 1.4rem;
  border-radius:4px;
  background:var(--water-deep);
  color:#fff;
  font-family:var(--mono);
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.05em;
  transition:background .2s ease;
}
.content-section__cta:hover{ background:var(--water-mid); }
.content-section__cta svg{ width:14px; height:14px; }
.content-section__cta.is-outline{
  background:transparent;
  color:var(--water-deep);
  border:1px solid var(--water-deep);
}
.content-section__cta.is-outline:hover{ background:rgba(21,44,82,.06); }

/* Feature / process card grid (Neden Bulancak, Nasıl Çalışırız) */
.feature-grid{
  max-width:1180px;
  margin:0 auto;
  padding:1rem 1.5rem 3.5rem;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
  gap:1.4rem;
}
.feature-card{
  background:#fff;
  border:1px solid #E9ECF1;
  border-radius:12px;
  padding:1.7rem 1.6rem;
  box-shadow:0 2px 10px rgba(21,44,82,.06);
  display:flex;
  flex-direction:column;
}
.feature-card__icon{
  width:44px; height:44px;
  flex:none;
  border-radius:10px;
  background:linear-gradient(155deg, var(--water-mid), var(--water-deep));
  display:flex; align-items:center; justify-content:center;
  color:#fff;
  margin-bottom:1rem;
}
.feature-card__icon svg{ width:22px; height:22px; }
.feature-card h3{
  font-family:var(--display);
  font-weight:600;
  font-size:1.1rem;
  color:var(--ink);
  margin-bottom:.6rem;
}
.feature-card p{
  font-size:.9rem;
  color:#5B6478;
  line-height:1.6;
  margin-bottom:.9rem;
}
.feature-card ul{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:.45rem;
}
.feature-card ul li{
  position:relative;
  padding-left:1.1rem;
  font-size:.86rem;
  color:#4A5266;
  line-height:1.45;
}
.feature-card ul li::before{
  content:"";
  position:absolute; left:0; top:.5em;
  width:6px; height:6px; border-radius:50%;
  background:var(--leaf);
}

/* References */
.reference-highlight-grid{
  max-width:1180px;
  margin:0 auto;
  padding:0 1.5rem 1.2rem;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
  gap:1.3rem;
}
.reference-highlight{
  background:linear-gradient(155deg, rgba(191,227,212,.3), #fff 60%);
  border:1px solid #E9ECF1;
  border-radius:12px;
  padding:1.5rem 1.6rem;
}
.reference-highlight__name{
  font-family:var(--display);
  font-weight:600;
  font-size:1.05rem;
  color:var(--water-deep);
  margin-bottom:.4rem;
  display:block;
}
.reference-highlight p{
  font-size:.9rem;
  color:#5B6478;
  line-height:1.55;
  margin:0;
}
.reference-grid{
  max-width:1180px;
  margin:0 auto;
  padding:.6rem 1.5rem 3.6rem;
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));
  gap:.9rem;
}
.reference-chip{
  background:#fff;
  border:1px solid #E9ECF1;
  border-radius:10px;
  padding:1rem 1.1rem;
  font-size:.88rem;
  color:var(--ink);
  font-weight:500;
  text-align:center;
  line-height:1.4;
}

/* Contact */
.contact-grid{
  max-width:1180px;
  margin:0 auto;
  padding:2.6rem 1.5rem 4rem;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2.2rem;
  align-items:start;
}
@media (max-width:820px){
  .contact-grid{ grid-template-columns:1fr; }
}
.contact-card{
  background:#fff;
  border:1px solid #E9ECF1;
  border-radius:14px;
  padding:2rem;
  box-shadow:0 2px 10px rgba(21,44,82,.06);
}
.contact-card h2{
  font-family:var(--display);
  font-weight:600;
  font-size:1.25rem;
  color:var(--ink);
  margin-bottom:1.3rem;
}
.contact-row{
  display:flex;
  gap:.9rem;
  align-items:flex-start;
  margin-bottom:1.2rem;
}
.contact-row:last-child{ margin-bottom:0; }
.contact-row__icon{
  flex:none;
  width:36px; height:36px;
  border-radius:8px;
  background:var(--paper);
  display:flex; align-items:center; justify-content:center;
  color:var(--water-deep);
}
.contact-row__icon svg{ width:18px; height:18px; }
.contact-row__text{
  font-size:.92rem;
  color:#4A5266;
  line-height:1.55;
  padding-top:.35rem;
}
.contact-row__text strong{ display:block; color:var(--ink); font-weight:600; margin-bottom:.1rem; }
.contact-row__text a{ color:var(--water-deep); font-weight:600; }
.contact-map{
  border-radius:14px;
  overflow:hidden;
  border:1px solid #E9ECF1;
  min-height:320px;
  background:var(--paper);
}
.contact-map iframe{ width:100%; height:100%; min-height:320px; border:0; display:block; }