/* Extra sizes for the diamond logo (added 2026-09-30) */
.h-24{height:6rem}.w-24{width:6rem}
.h-28{height:7rem}.w-28{width:7rem}
.h-44{height:11rem}.w-44{width:11rem}
.mb-10{margin-bottom:2.5rem}
.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-5{margin-top:1.25rem}
.leading-tight{line-height:1.25}
.tracking-\[0\.15em\]{letter-spacing:.15em}
@media (min-width:768px){
  .md\:h-36{height:9rem}.md\:w-36{width:9rem}
  .md\:h-60{height:15rem}.md\:w-60{width:15rem}
}
.mt-16{margin-top:4rem}.w-3{width:.75rem}.h-3{height:.75rem}.gap-3{gap:.75rem}
@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}}
@media (max-width:639px){.jw-metals>:last-child:nth-child(odd){grid-column:1/-1}}
.jw-tile .jw-tile-img{transition:transform .7s ease}
.jw-tile:hover .jw-tile-img{transform:scale(1.06)}
.jw-menu-item:hover{background:#FFFBF5}

/* ===== Phone & tablet layout (added 2026-10-05) ===== */
html,body{overflow-x:hidden;max-width:100%}
@supports (overflow:clip){html,body{overflow-x:clip}}
img{max-width:100%}
@media (max-width:767px){
  /* header: smaller logo so the hero is visible */
  nav img.h-28{height:4.5rem;width:4.5rem}
  .jw-hero-content{margin-top:7.5rem}
  .jw-hero-h1{font-size:clamp(26px,8.2vw,48px);letter-spacing:0;margin-bottom:1.25rem;white-space:nowrap}
  .jw-hero-btns{margin-top:2rem;gap:.75rem}
  .jw-hero-btns a{padding:.9rem 1rem;font-size:.85rem;text-align:center}

  /* tighter sections and headings */
  section.py-24,.py-24{padding-top:4rem;padding-bottom:4rem}
  h2.text-5xl,h2.md\:text-6xl{font-size:2.15rem;line-height:1.15}
  .mb-20{margin-bottom:2.5rem}
  .text-lg{font-size:1rem}

  /* about */
  .jw-about-img{height:300px}

  /* "why us" features: 2 per row */
  .jw-feat{grid-template-columns:1fr 1fr;gap:.75rem}
  .jw-feat-card{padding:1rem}
  .jw-feat-card>div:first-child{width:2.25rem;height:2.25rem;margin-bottom:.75rem}
  .jw-feat-card h3{font-size:1rem;margin-bottom:.35rem}
  .jw-feat-card p{font-size:.8rem}

  /* 8-step process: compact cards */
  .jw-steps{gap:.75rem}
  .jw-step{padding:1.1rem 1.1rem 1.1rem 1.1rem;display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:start}
  .jw-step>div:first-child>div{width:2.25rem;height:2.25rem;font-size:.7rem;border-bottom-left-radius:.75rem}
  .jw-step-icon{width:44px;height:44px;margin:0;grid-row:span 2}
  .jw-step-icon svg{width:1.3rem;height:1.3rem}
  .jw-step h3{font-size:1.1rem;margin:0 2rem .35rem 0}
  .jw-step p{font-size:.85rem;line-height:1.55;margin:0}
  .jw-cta{padding:1.75rem 1.25rem;margin-top:2.5rem}
  .jw-cta h3{font-size:1.4rem}

  /* contact info: compact rows */
  .jw-cc-grid{gap:.75rem;margin-bottom:2.5rem}
  .jw-cc{display:grid;grid-template-columns:48px 1fr;column-gap:14px;text-align:left;padding:1.1rem;align-items:center}
  .jw-cc>div:first-child{width:48px;height:48px;margin:0;grid-row:span 3}
  .jw-cc>div:first-child svg{width:1.4rem;height:1.4rem}
  .jw-cc h3{font-size:1.05rem;margin:0 0 .15rem}
  .jw-cc p{margin:0}

  /* dealer search: keep inside the screen */
  .jw-search input{min-width:0;padding-left:1rem;padding-right:.5rem;font-size:16px}
  .jw-search button{padding-left:1rem;padding-right:1rem;flex-shrink:0}

  /* materials tiles */
  .jw-tile-txt h3{font-size:1.15rem!important}
  .jw-tile-txt p{font-size:.75rem!important;margin-bottom:.5rem!important}
  .jw-tile-txt>span:first-child{width:24px!important;height:24px!important;margin-bottom:.5rem!important}

  /* footer: two columns */
  .jw-foot{grid-template-columns:1fr 1fr;gap:2rem 1.25rem}
  .jw-foot>div:first-child,.jw-foot>div:last-child{grid-column:1/-1}
  footer img.h-24{height:4rem;width:4rem}
}