/* ============================================================================
   OneStone Corporation — Shared theme for CMS-driven interior pages.
   Division pages set --accent / --accent-deep inline (green for Agri,
   navy for Granite) before linking this file; palette values otherwise
   match the completed agri/index.php and root index.php pages exactly.
   ========================================================================== */
:root{
  --navy: #16304d;
  --navy-deep: #0f2237;
  --slate: #55708c;
  --green: #4d8b3b;
  --green-deep: #3a6b2c;
  --gold: #c99a4a;
  --gold-light: #e0b876;
  --cream: #ffffff;
  --panel: #f4f6f8;
  --text-body: #667085;
  --text-dark: #1d2939;
  --border: #e6e9ee;
  --radius: 14px;
  --max: 1200px;
  /* default accent = navy; division pages override this */
  --accent: var(--navy);
  --accent-deep: var(--navy-deep);
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{ font-family:'Inter', sans-serif; color:var(--text-dark); background:var(--cream); line-height:1.6; -webkit-font-smoothing:antialiased; }
h1,h2,h3,h4{ font-family:'Playfair Display', serif; color:var(--navy); font-weight:600; line-height:1.25; }
a{text-decoration:none; color:inherit;} img{max-width:100%; display:block;}
.wrap{max-width:var(--max); margin:0 auto; padding:0 32px;}
.eyebrow{ font-family:'Jost', sans-serif; letter-spacing:3px; text-transform:uppercase; color:var(--gold); font-size:13px; font-weight:600; display:block; text-align:center; margin-bottom:12px; }
.section-title{ text-align:center; font-size:clamp(28px, 4vw, 40px); margin-bottom:52px; }
section{padding:80px 0;}
.btn{ display:inline-flex; align-items:center; gap:10px; background:var(--gold); color:#fff; padding:14px 26px; border-radius:999px; font-family:'Jost', sans-serif; font-weight:600; letter-spacing:1px; font-size:13px; text-transform:uppercase; border:none; cursor:pointer; transition:transform .25s ease, box-shadow .25s ease, background .25s ease; box-shadow:0 8px 22px rgba(201,154,74,.25); }
.btn:hover{ transform:translateY(-2px); background:var(--gold-light); }
.btn-outline{ background:transparent; border:1.5px solid rgba(255,255,255,.6); color:#fff; box-shadow:none; }
.btn-outline:hover{ background:rgba(255,255,255,.12); }
.btn-accent{ background:var(--accent); box-shadow:0 8px 22px rgba(0,0,0,.15); }
.btn-accent:hover{ background:var(--accent-deep); }
.btn-sm{ padding:10px 18px; font-size:12px; }

.ph{ position:relative; background:repeating-linear-gradient(45deg, #eef1f4, #eef1f4 10px, #e6eaee 10px, #e6eaee 20px); display:flex; align-items:center; justify-content:center; color:#9aa4b2; text-align:center; overflow:hidden; border:1px dashed #c7ced8; }
.ph span{ font-family:'Jost', sans-serif; font-size:12px; letter-spacing:1.5px; text-transform:uppercase; background:rgba(255,255,255,.85); padding:6px 12px; border-radius:6px; }

/* Header / nav (Template A) */
header{ position:sticky; top:0; z-index:90; background:#fff; border-bottom:1px solid var(--border); transition:background .25s ease,box-shadow .25s ease,border-color .25s ease; }
header.is-scrolled{ background:rgba(255,255,255,.88); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); border-color:rgba(230,233,238,.8); box-shadow:0 8px 26px rgba(15,34,55,.08); }
.nav{ max-width:1500px; margin:0 auto; padding:10px 24px 10px 18px; display:flex; align-items:center; justify-content:space-between; gap:clamp(14px,1.5vw,26px); }
.logo-wrap{ display:flex; align-items:center; gap:12px; flex-shrink:0; }
.links{ display:flex; gap:clamp(14px,1.45vw,26px); font-family:'Jost',sans-serif; font-size:13.5px; font-weight:600; color:var(--text-dark); flex-wrap:nowrap; white-space:nowrap; }
.links a:hover, .links a.active{ color:var(--accent); }
.nav-cta{ display:flex; align-items:center; gap:12px; flex-shrink:0; white-space:nowrap; }
.switch-div{ display:flex; align-items:center; gap:6px; font-family:'Jost',sans-serif; font-size:12.5px; font-weight:600; color:var(--accent); border:1.5px solid var(--accent); padding:9px 14px; border-radius:999px; }
.switch-div svg{ width:14px; height:14px; stroke:var(--accent); }
.site-logo-img{height:96px;width:auto;display:block;object-fit:contain;}
.language-menu{position:relative;flex-shrink:0;font-family:'Jost',sans-serif;direction:ltr;}
.language-trigger{display:flex;align-items:center;gap:8px;min-height:40px;padding:9px 12px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.86);color:var(--text-dark);font-family:'Jost',sans-serif;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;}
.language-trigger:hover,.language-menu.open .language-trigger{border-color:var(--accent);box-shadow:0 8px 22px rgba(15,34,55,.08);background:#fff;}
.language-flag{width:24px;height:16px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12);flex:0 0 auto;overflow:hidden;}
.language-chevron{width:14px;height:14px;transition:transform .2s ease;}
.language-menu.open .language-chevron{transform:rotate(180deg);}
.language-dropdown{position:absolute;top:calc(100% + 10px);inset-inline-end:0;min-width:178px;padding:7px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 45px rgba(15,34,55,.14);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:120;}
.language-menu.open .language-dropdown,.language-menu:focus-within .language-dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.language-option{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:8px;color:var(--text-dark);font-size:13px;font-weight:600;white-space:nowrap;}
.language-option:hover{background:var(--gold);color:#fff;}
.language-option.active{background:rgba(201,154,74,.10);color:var(--gold);}
.language-check{margin-inline-start:auto;color:currentColor;font-size:13px;}

/* Mobile hamburger toggle for the nav links (shared by Template A + B) */
.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-shrink:0; }
.nav-toggle span{ display:block; width:100%; height:2px; background:var(--text-dark); border-radius:2px; transition:transform .25s ease, opacity .25s ease; }
.nav-toggle.active span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.nav-toggle.active span:nth-child(2){ opacity:0; }
.nav-toggle.active span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

@media (max-width:1250px){.site-logo-img{height:78px}.links,.main-nav{gap:14px}.nav,.header-inner{gap:14px}}
@media (max-width:1080px){
  .nav{ position:relative; flex-wrap:wrap; }
  .nav-toggle{ display:flex; }
  .links, .main-nav{
    display:none; flex-direction:column; gap:4px; width:100%;
    position:absolute; top:100%; left:0; right:0; background:#fff;
    padding:14px 32px 20px; border-bottom:1px solid var(--border);
    box-shadow:0 16px 30px rgba(16,30,50,.08); z-index:80;
  }
  .links a, .main-nav a{ padding:10px 0; border-bottom:1px solid var(--border); }
  .links a:last-child, .main-nav a:last-child{ border-bottom:none; }
  .links.nav-open, .main-nav.nav-open{ display:flex; }
  .switch-div span, .switch-div .label{ display:none; }
  .switch-div{ padding:9px; }
  .language-dropdown{inset-inline-end:0;}
}
@media(max-width:620px){
  .site-logo-img{height:56px}
  .nav,.header-inner{padding:10px 16px;gap:10px}
  .nav-cta,.header-actions{gap:8px}
  .language-trigger{padding:8px 9px;font-size:12px;gap:6px}
  .language-flag{width:22px;height:15px}
  .btn-gold,.nav-cta>.btn{display:none}
}

/* Header (Template B — product detail) */
.header-inner{ max-width:1500px; margin:0 auto; padding:10px 24px 10px 18px; display:flex; align-items:center; justify-content:space-between; gap:clamp(14px,1.5vw,26px); }
.main-nav{ display:flex; gap:clamp(14px,1.45vw,26px); font-family:'Jost',sans-serif; font-size:13.5px; font-weight:600; flex-wrap:nowrap; white-space:nowrap; }
.main-nav a:hover, .main-nav a.active{ color:var(--accent); }
.header-actions{ display:flex; align-items:center; gap:12px; flex-shrink:0; white-space:nowrap; }
.btn-gold{ display:inline-flex; align-items:center; background:var(--gold); color:#fff; padding:12px 22px; border-radius:999px; font-family:'Jost',sans-serif; font-weight:600; font-size:12.5px; text-transform:uppercase; letter-spacing:1px; }


.breadcrumb{ background:var(--panel); padding:14px 32px; font-family:'Jost',sans-serif; font-size:12.5px; color:var(--text-body); }
.breadcrumb-inner{ max-width:var(--max); margin:0 auto; display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.breadcrumb a{ color:var(--accent); } .breadcrumb .current{ color:var(--text-dark); font-weight:600; }

/* Page hero (used by about/products/gallery/blog/certifications/contact) */
.page-hero{ background:linear-gradient(120deg, var(--accent-deep), var(--accent) 55%, var(--accent) 100%); padding:90px 0 70px; color:#fff; text-align:center; }
.hero-content{ max-width:700px; margin:0 auto; }
.hero-tag{ font-family:'Jost',sans-serif; letter-spacing:2px; text-transform:uppercase; font-size:12.5px; background:rgba(255,255,255,.15); padding:6px 16px; border-radius:999px; display:inline-block; margin-bottom:18px; }
.page-hero h1{ color:#fff; font-size:clamp(30px,4vw,44px); margin-bottom:16px; }
.page-hero p{ color:#eef1f4; font-size:16px; margin-bottom:30px; }
.hero-btns{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }

/* Generic content blocks */
.about-grid{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.about-grid .ph{ height:420px; border-radius:var(--radius); }
.about-copy p{ color:var(--text-body); margin-bottom:16px; font-size:15.5px; }
@media (max-width:860px){ .about-grid{ grid-template-columns:1fr; } }

.stats-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; text-align:center; margin-top:52px; }
.stat h3{ font-size:clamp(26px,3vw,36px); color:var(--accent); }
.stat p{ color:var(--text-body); font-size:13.5px; text-transform:uppercase; letter-spacing:1px; font-family:'Jost',sans-serif; }
@media (max-width:800px){ .stats-row{ grid-template-columns:repeat(2,1fr); } }

/* Product grid + cards */
.cat-filter{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-bottom:44px; }
.cat-filter a{ font-family:'Jost',sans-serif; font-size:12.5px; font-weight:600; padding:9px 18px; border-radius:999px; border:1.5px solid var(--border); color:var(--text-body); }
.cat-filter a:hover, .cat-filter a.active{ border-color:var(--accent); color:var(--accent); background:rgba(0,0,0,.02); }
.product-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.product-card{ border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; background:#fff; transition:box-shadow .25s ease, transform .25s ease; }
.product-card:hover{ box-shadow:0 18px 40px rgba(0,0,0,.09); transform:translateY(-4px); }
.product-card .ph{ height:220px; border-radius:0; border:none; }
.product-card .pc-body{ padding:20px; }
.product-card h3{ font-size:17px; margin-bottom:8px; }
.product-card p{ color:var(--text-body); font-size:14px; margin-bottom:14px; min-height:42px; }
.product-card .pc-link{ font-family:'Jost',sans-serif; font-weight:600; font-size:12.5px; color:var(--accent); text-transform:uppercase; letter-spacing:.5px; }
.product-card .cat-tag{ display:inline-block; font-family:'Jost',sans-serif; font-size:11px; text-transform:uppercase; letter-spacing:1px; color:var(--gold); margin-bottom:8px; }
@media (max-width:1080px){ .product-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .product-grid{ grid-template-columns:1fr; } }

.empty-state{ text-align:center; padding:60px 20px; color:var(--text-body); }

/* Product detail */
.product-detail{ display:grid; grid-template-columns:1fr 1fr; gap:56px; padding:60px 0; align-items:flex-start; }
.pd-gallery .ph{ height:440px; border-radius:var(--radius); margin-bottom:14px; }
.pd-thumbs{ display:flex; gap:10px; flex-wrap:wrap; }
.pd-thumbs .ph{ width:84px; height:84px; border-radius:8px; }
.pd-info h1{ font-size:clamp(26px,3vw,36px); margin-bottom:10px; }
.pd-info .cat-tag{ display:inline-block; font-family:'Jost',sans-serif; font-size:11px; text-transform:uppercase; letter-spacing:1px; color:var(--gold); margin-bottom:14px; }
.pd-info .lead{ color:var(--text-body); font-size:15.5px; margin-bottom:22px; }
.pd-specs{ border-top:1px solid var(--border); margin-top:22px; }
.pd-specs .row{ display:flex; justify-content:space-between; padding:12px 0; border-bottom:1px solid var(--border); font-size:14.5px; }
.pd-specs .row span:first-child{ color:var(--text-body); }
.pd-specs .row span:last-child{ font-weight:600; }
.pd-cta{ display:flex; gap:14px; margin-top:26px; flex-wrap:wrap; }
.pd-desc{ padding:20px 0 60px; color:var(--text-body); font-size:15px; white-space:pre-line; }
@media (max-width:900px){ .product-detail{ grid-template-columns:1fr; } }

/* Gallery */
.gallery-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.gallery-grid .ph{ aspect-ratio:1/1; border-radius:10px; }
.gallery-grid img{ width:100%; height:100%; object-fit:cover; border-radius:10px; aspect-ratio:1/1; }
@media (max-width:1080px){ .gallery-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:640px){ .gallery-grid{ grid-template-columns:repeat(2,1fr); } }

/* Blog */
.blog-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.blog-card{ border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; background:#fff; }
.blog-card .ph{ height:190px; border-radius:0; border:none; }
.blog-card img{ width:100%; height:190px; object-fit:cover; }
.blog-card .bc-body{ padding:20px; }
.blog-card .bc-date{ font-family:'Jost',sans-serif; font-size:11.5px; text-transform:uppercase; letter-spacing:1px; color:var(--gold); margin-bottom:8px; display:block; }
.blog-card h3{ font-size:17px; margin-bottom:10px; }
.blog-card p{ color:var(--text-body); font-size:14px; margin-bottom:14px; }
@media (max-width:1080px){ .blog-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .blog-grid{ grid-template-columns:1fr; } }

.blog-post-header{ max-width:820px; margin:0 auto; text-align:center; }
.blog-post-header .bc-date{ font-family:'Jost',sans-serif; font-size:12.5px; text-transform:uppercase; letter-spacing:1px; color:var(--gold); display:block; margin-bottom:14px; }
.blog-post-header h1{ font-size:clamp(28px,4vw,40px); margin-bottom:14px; }
.blog-post-cover{ max-width:900px; margin:0 auto; }
.blog-post-cover .ph{ height:380px; border-radius:var(--radius); }
.blog-post-cover img{ width:100%; height:380px; object-fit:cover; border-radius:var(--radius); }
.blog-post-body{ max-width:760px; margin:0 auto; padding:50px 20px; color:var(--text-body); font-size:15.5px; white-space:pre-line; }
.blog-post-body h2, .blog-post-body h3{ margin:26px 0 12px; }

/* Certifications */
.cert-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.cert-card{ text-align:center; padding:28px 18px; border:1px solid var(--border); border-radius:var(--radius); background:#fff; }
.cert-card .ph{ width:90px; height:90px; border-radius:50%; margin:0 auto 16px; }
.cert-card img{ width:90px; height:90px; object-fit:contain; margin:0 auto 16px; }
.cert-card h3{ font-size:15.5px; margin-bottom:8px; }
.cert-card p{ font-size:13.5px; color:var(--text-body); }
@media (max-width:1080px){ .cert-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .cert-grid{ grid-template-columns:1fr; } }

/* Contact */
.contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:56px; }
.contact-info-card{ background:var(--panel); border-radius:var(--radius); padding:32px; margin-bottom:16px; }
.contact-info-card h4{ font-size:15px; margin-bottom:6px; }
.contact-info-card p{ color:var(--text-body); font-size:14px; }
.contact-form{ background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:36px; }
.contact-form .field{ margin-bottom:16px; }
.contact-form label{ display:block; font-family:'Jost',sans-serif; font-size:12.5px; font-weight:600; margin-bottom:6px; color:var(--text-dark); }
.contact-form input, .contact-form textarea{ width:100%; padding:12px 14px; border:1px solid var(--border); border-radius:8px; font-family:'Inter',sans-serif; font-size:14.5px; resize:vertical; }
.contact-form input:focus, .contact-form textarea:focus{ outline:2px solid var(--accent); outline-offset:1px; }
.form-status{ margin-top:12px; font-size:13.5px; min-height:18px; }
.form-status.ok{ color:var(--green-deep); }
.form-status.err{ color:#b3261e; }
.contact-map{ margin-top:20px; border-radius:var(--radius); overflow:hidden; border:1px solid var(--border); }
@media (max-width:900px){ .contact-grid{ grid-template-columns:1fr; } }

/* Pagination */
.pagination{ display:flex; justify-content:center; gap:8px; margin-top:46px; font-family:'Jost',sans-serif; font-size:13px; font-weight:600; }
.pagination a, .pagination span{ padding:9px 15px; border-radius:8px; border:1px solid var(--border); color:var(--text-body); }
.pagination a:hover{ border-color:var(--accent); color:var(--accent); }
.pagination .current{ background:var(--accent); color:#fff; border-color:var(--accent); }

/* Footer (shared by Template A + B) */
footer{ background:var(--navy-deep); color:#c9d3de; padding:64px 0 0; margin-top:0; }
.footer-grid, .footer-inner{ max-width:var(--max); margin:0 auto; padding:0 32px 40px; display:grid; grid-template-columns:1.4fr 1fr 1fr 1.4fr; gap:40px; }
footer h4, footer h5{ color:#fff; font-family:'Jost',sans-serif; font-size:14px; margin-bottom:16px; text-transform:uppercase; letter-spacing:1px; }
footer ul{ list-style:none; }
footer ul li{ margin-bottom:10px; font-size:14px; }
footer ul li a:hover{ color:var(--gold); }
.footer-tagline, .tagline{ font-size:13.5px; color:#93a1b2; margin:14px 0 18px; max-width:280px; }
.footer-logo-card, .footer-logo{ margin-bottom:6px; }
.footer-logo-mark img, .footer-logo img{ filter:brightness(0) invert(1); }
.social-ic, .socials a{ display:inline-flex; width:36px; height:36px; border-radius:50%; border:1px solid #33445a; align-items:center; justify-content:center; color:#c9d3de; }
.social-ic svg, .socials a svg{ width:16px; height:16px; }
.foot-contact-row, .contact-line{ display:flex; gap:10px; margin-bottom:14px; font-size:13.5px; color:#93a1b2; align-items:flex-start; }
.foot-contact-row svg, .contact-line svg{ width:16px; height:16px; flex-shrink:0; margin-top:2px; stroke:var(--gold); }
.footer-email{display:block;white-space:nowrap;overflow-wrap:normal;word-break:normal;}
.foot-office{ margin-bottom:12px; }
.foot-office-row{ display:flex; gap:10px; font-size:13px; color:#93a1b2; align-items:flex-start; }
.foot-office-row svg{ width:15px; height:15px; flex-shrink:0; margin-top:2px; stroke:var(--gold); }
.foot-office-row b{ display:block; color:#fff; font-size:12.5px; }
.footer-bottom{ border-top:1px solid #2a3a4f; text-align:center; padding:22px 20px; font-size:13px; color:#8493a5; }
.footer-bottom a{ color:var(--gold); font-weight:600; }
@media (max-width:900px){ .footer-grid, .footer-inner{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .footer-grid, .footer-inner{ grid-template-columns:1fr; } }

/* WhatsApp float */
.wa-fab, .float-whatsapp{ position:fixed; bottom:24px; right:24px; width:56px; height:56px; border-radius:50%; background:#25D366; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 26px rgba(0,0,0,.25); z-index:60; }
.wa-fab svg, .float-whatsapp svg{ width:28px; height:28px; fill:#fff; }

/* Language selector: hover on desktop, click/touch via JS everywhere. */
@media (hover:hover) and (pointer:fine){
  .language-menu:hover .language-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
  .language-menu:hover .language-trigger{border-color:var(--accent);box-shadow:0 8px 22px rgba(15,34,55,.08);background:#fff}
}

/* Product detail media: stable desktop sizing with a phone-friendly aspect ratio. */
.pd-main-image{
  display:block;
  width:100%;
  height:440px;
  object-fit:cover;
  border-radius:14px;
  margin-bottom:14px;
}
@media (max-width:600px){
  .pd-main-image{height:auto;aspect-ratio:4/3;}
  .pd-gallery .ph{height:auto;aspect-ratio:4/3;}
}

.contact-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;}


/* Product detail image slider / thumbnail gallery */
.pd-slider{position:relative;margin-bottom:12px;overflow:hidden;border-radius:14px;background:#f3f5f7;}
.pd-slider .pd-main-image{margin-bottom:0;border-radius:14px;transition:opacity .18s ease;}
.pd-slide-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(9,31,51,.72);color:#fff;font-size:30px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.18);transition:.2s ease;}
.pd-slide-arrow:hover{background:rgba(9,31,51,.94);transform:translateY(-50%) scale(1.04);}
.pd-prev{left:14px}.pd-next{right:14px}
.pd-slide-count{position:absolute;right:14px;bottom:12px;z-index:3;padding:6px 10px;border-radius:999px;background:rgba(9,31,51,.72);color:#fff;font-family:'Jost',sans-serif;font-size:11px;letter-spacing:.4px;}
.pd-thumbs{display:flex;gap:9px;flex-wrap:nowrap;overflow-x:auto;padding:2px 2px 7px;scrollbar-width:thin;scroll-snap-type:x proximity;}
.pd-thumb{flex:0 0 84px;width:84px;height:84px;padding:0;border:2px solid transparent;border-radius:9px;background:#fff;overflow:hidden;cursor:pointer;opacity:.72;transition:.18s ease;scroll-snap-align:start;}
.pd-thumb img{display:block;width:100%;height:100%;object-fit:cover;}
.pd-thumb:hover{opacity:1;border-color:#aab5bf;}
.pd-thumb.active{opacity:1;border-color:var(--accent);box-shadow:0 0 0 2px rgba(18,59,92,.08);}
@media (max-width:600px){
  .pd-slide-arrow{width:38px;height:38px;font-size:27px;}
  .pd-prev{left:9px}.pd-next{right:9px}
  .pd-slide-count{right:9px;bottom:9px}
  .pd-thumb{flex-basis:70px;width:70px;height:70px}
}