/* Warranty section and two-column mobile galleries. Loaded after all earlier styles. */
.warranty-section{background:#fff}
.warranty-section .section-heading>p{max-width:365px}
.warranty-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.warranty-card{display:grid;grid-template-columns:49px minmax(0,1fr);gap:25px;border:1px solid var(--line);padding:35px 32px 32px;background:#fff}
.warranty-icon{color:var(--blue);width:46px;height:46px}
.warranty-icon>svg{display:block;width:100%;height:100%}
.warranty-kicker{display:block;font-size:8px;font-weight:650;letter-spacing:1.2px;color:#8396a5;margin-bottom:12px;line-height:1.7}
.warranty-card h3{font-size:23px;font-weight:500;letter-spacing:-.6px;color:var(--navy);margin-bottom:16px;line-height:1.35}
.warranty-card p{font-size:12px;line-height:1.95;color:var(--muted);margin-bottom:18px}
.warranty-card ul{list-style:none;display:grid;gap:9px;padding:0;font-size:10px;line-height:1.8;color:#5e7689}
.warranty-card li{position:relative;padding-left:17px}
.warranty-card li::before{content:"";position:absolute;left:1px;top:6px;width:5px;height:8px;border-right:1.5px solid var(--blue);border-bottom:1.5px solid var(--blue);transform:rotate(45deg)}
.warranty-note{margin-top:24px;font-size:10px;line-height:1.9;color:#8193a1;max-width:850px}
.warranty-note a{color:var(--blue);border-bottom:1px solid #c5d3de;white-space:normal}
#product-grid .product-category{max-width:100%}
#product-grid .product-content h3{overflow-wrap:anywhere}
@media(max-width:1000px){
  .warranty-card{grid-template-columns:38px minmax(0,1fr);gap:18px;padding:27px 23px}
  .warranty-icon{width:36px;height:36px}
  .warranty-card h3{font-size:21px}
  .warranty-card p{font-size:11px}
}
@media(max-width:700px){
  .warranty-grid{grid-template-columns:1fr;gap:18px}
  .warranty-card{grid-template-columns:42px minmax(0,1fr);gap:21px;padding:28px 25px}
  .warranty-icon{width:40px;height:40px}
  .warranty-card h3{font-size:23px}
  .warranty-card p{font-size:12px}
  .warranty-card ul{font-size:11px}
  .warranty-kicker{font-size:8px}
  .warranty-note{font-size:10px}
  #product-grid,body[data-page="proyek"] #projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}
  #product-grid .product-card>figure{padding:15px;aspect-ratio:1.25}
  #product-grid .product-content{padding:0 15px 19px}
  #product-grid .product-brand{font-size:10px;letter-spacing:.3px;line-height:1.6}
  #product-grid .product-content h3{font-size:18px;letter-spacing:-.4px;line-height:1.4}
  #product-grid .product-category{font-size:8px;letter-spacing:0;padding:3px 5px;margin-bottom:12px}
  #product-grid .product-content>p:not(.product-brand){font-size:11px;line-height:1.85;margin-bottom:18px}
  #product-grid .product-actions{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:8px}
  #product-grid .service-link{display:flex;align-items:center;justify-content:center;min-height:42px;font-size:10px;padding:8px;line-height:1.5;text-align:center}
  #product-grid .source-link{display:flex;justify-content:center;align-items:center;min-height:36px;align-self:center;font-size:9px;text-align:center;line-height:1.6}
  body[data-page="proyek"] #projects-grid .concept-card>figure{aspect-ratio:1.3}
  body[data-page="proyek"] #projects-grid .concept-content{padding-top:17px}
  body[data-page="proyek"] #projects-grid h3{font-size:18px;line-height:1.4;letter-spacing:-.4px;overflow-wrap:anywhere}
  body[data-page="proyek"] #projects-grid .concept-content>p:not(.card-kicker){font-size:11px;line-height:1.85;margin-bottom:17px}
  body[data-page="proyek"] #projects-grid .card-kicker{font-size:8px;letter-spacing:.2px;line-height:1.7}
  body[data-page="proyek"] #projects-grid summary{gap:8px;font-size:10px;line-height:1.7;min-height:44px;padding-block:11px}
  body[data-page="proyek"] #projects-grid summary>span{flex:none}
  body[data-page="proyek"] #projects-grid details>div>p{font-size:11px;line-height:1.85}
  body[data-page="proyek"] #projects-grid .text-link{font-size:10px;line-height:1.7;display:inline-block;padding-block:8px}
}
@media(max-width:420px){
  .warranty-card{grid-template-columns:1fr;gap:18px;padding:25px 22px}
  .warranty-card h3{font-size:22px}
  #product-grid,body[data-page="proyek"] #projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}
  #product-grid .product-card>figure{padding:10px;aspect-ratio:1.15}
  #product-grid .product-content{padding:0 11px 15px}
  #product-grid .product-brand{font-size:9px}
  #product-grid .product-content h3{font-size:15px;letter-spacing:-.3px}
  #product-grid .product-content>p:not(.product-brand){font-size:10.5px;line-height:1.8}
  #product-grid .product-category{font-size:7.5px;line-height:1.7;padding:3px 4px}
  #product-grid .service-link{font-size:9px;min-height:40px}
  #product-grid .source-link{font-size:8px;min-height:34px}
  body[data-page="proyek"] #projects-grid h3{font-size:15px}
  body[data-page="proyek"] #projects-grid .card-kicker{font-size:7.5px}
  body[data-page="proyek"] #projects-grid .concept-content>p:not(.card-kicker),body[data-page="proyek"] #projects-grid details>div>p{font-size:10.5px;line-height:1.85}
  body[data-page="proyek"] #projects-grid summary{font-size:9px;gap:5px}
  body[data-page="proyek"] #projects-grid .text-link{font-size:9px}
}