/**
 * File: assets/css/frontend/pages/company/dafsnap.css
 * Purpose: Styles the DafSnap for Chrome landing-page template, mirroring
 *          the approved mockup: flat bordered cards, DafSnap green #007A28,
 *          square corners everywhere except the round slider buttons and
 *          dots. The hero actions reuse the shared shell .hdf-button
 *          primitive; the rules below recolour it to DafSnap green and
 *          flatten its corners to the mockup geometry. No box-shadow
 *          anywhere on this page.
 * Scope: DafSnap landing page only; install delivery belongs to the Chrome Web Store.
 * Related PHP: Engine src/Company/Frontend/DafSnapPageRenderer.php
 * Related CSS: assets/css/frontend/pages/company/shell.css, assets/css/frontend/pages/company/responsive.css
 * Package: HyperDAF Pro
 */
.hdf-dafsnap-page,.hdf-dafsnap-page *,.hdf-dafsnap-page *::before,.hdf-dafsnap-page *::after{box-sizing:border-box}
.hdf-dafsnap-page{min-width:0;max-width:100%;color:#222}
.hdf-dafsnap-page h2{margin:0 0 1rem;color:#222;font-size:1.5rem;line-height:1.25}
.hdf-dafsnap-page a:focus-visible,.hdf-dafsnap-page button:focus-visible{outline:3px solid var(--hdf-color-focus,#2457D6);outline-offset:3px}
.hdf-dafsnap-hero{display:flex;gap:24px;align-items:flex-start;min-width:0}
.hdf-dafsnap-hero__icon{flex:0 0 auto}
.hdf-dafsnap-hero__icon-img{display:block;width:128px;height:128px;border:1px solid #e5e5e5;object-fit:cover}
.hdf-dafsnap-hero__body{min-width:0}
.hdf-dafsnap-hero__body h1{margin:0;color:#222;font-size:36px;line-height:1.15}
.hdf-dafsnap-hero__by{margin:6px 0;color:#007A28;font-weight:700}
.hdf-dafsnap-hero__meta{margin:0;color:#555}
.hdf-dafsnap-hero__summary{margin:1rem 0 0;color:#222;line-height:1.6}
.hdf-dafsnap-hero__actions{display:flex;flex-wrap:wrap}
.hdf-dafsnap-page .hdf-dafsnap-hero__actions .hdf-button{margin:12px 8px 0 0;padding:12px 22px;min-height:0;border-radius:0;font-size:1rem}
.hdf-dafsnap-page .hdf-button--primary{background:#007A28;border-color:#007A28;color:#fff}
.hdf-dafsnap-page .hdf-button--primary:hover,.hdf-dafsnap-page .hdf-button--primary:focus-visible{background:#007A28;border-color:#007A28;color:#fff}
.hdf-dafsnap-page .hdf-button--secondary{background:#fff;border-color:#007A28;color:#007A28}
.hdf-dafsnap-page .hdf-button--secondary:hover,.hdf-dafsnap-page .hdf-button--secondary:focus-visible{background:#fff;border-color:#007A28;color:#007A28}
.hdf-dafsnap-hero__note{margin:12px 0 0;color:#555}
.hdf-dafsnap-features{min-width:0}
.hdf-dafsnap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;min-width:0}
.hdf-dafsnap-card{min-width:0;padding:16px;border:1px solid #e5e5e5;background:#fff}
.hdf-dafsnap-card h3{margin:0 0 8px;color:#222}
.hdf-dafsnap-card p{margin:0;color:#555;font-size:14px;line-height:1.5}
.hdf-dafsnap-shots{min-width:0}
.hdf-dafsnap-slider{position:relative;min-width:0;border:1px solid #e5e5e5;background:#fff}
.hdf-dafsnap-slider__img{display:none;width:100%;height:auto;border:0;margin:0}
.hdf-dafsnap-slider__img.is-active{display:block}
.hdf-dafsnap-slider__btn{position:absolute;top:50%;width:48px;height:48px;padding:0;border:1px solid #007A28;border-radius:50%;background:#007A28;color:#fff;font-size:22px;line-height:1;cursor:pointer;opacity:0;transform:translateY(-50%);transition:opacity .2s}
.hdf-dafsnap-slider:hover .hdf-dafsnap-slider__btn{opacity:1}
.hdf-dafsnap-slider__btn--prev{left:12px}
.hdf-dafsnap-slider__btn--next{right:12px}
.hdf-dafsnap-slider__dots{text-align:center;padding:10px 0}
.hdf-dafsnap-slider__dot{display:inline-block;width:10px;height:10px;margin:0 4px;padding:0;border:0;border-radius:50%;background:#ddd;cursor:pointer}
.hdf-dafsnap-slider__dot.on{background:#007A28}
.hdf-dafsnap-note{min-width:0}
.hdf-dafsnap-note__box{padding:16px;border:1px solid #e5e5e5;color:#555;line-height:1.6}
.hdf-dafsnap-note__box p{margin:0}
@media(max-width:700px){
    .hdf-dafsnap-hero{flex-direction:column}
    .hdf-dafsnap-grid{grid-template-columns:1fr}
}