/* Tiny Maket — About page. Trust-focused, RTL. Pairs with page-about.php. */

.tm-about{max-width:1120px;margin-inline:auto;padding:8px 20px 70px}

/* Hero */
.ab-hero{text-align:center;padding:34px 0 26px}
.ab-eyebrow{display:inline-flex;align-items:center;gap:7px;background:var(--red-soft,#fdecec);color:var(--red);font-weight:800;font-size:.78rem;padding:7px 15px;border-radius:999px;margin-bottom:16px}
.ab-eyebrow svg{width:15px;height:15px}
.ab-hero h1{font-size:clamp(1.7rem,4vw,2.6rem);font-weight:900;line-height:1.3;margin:0 0 14px;color:var(--ink)}
.ab-hero p{max-width:640px;margin:0 auto;color:var(--ink2);font-size:1.02rem;line-height:2}

/* Stats band */
.ab-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0 44px}
.ab-stat{background:var(--sf);border:1px solid var(--line);border-radius:var(--r3);padding:20px 14px;text-align:center}
.ab-stat b{display:block;font-size:1.9rem;font-weight:900;color:var(--red);line-height:1.1}
.ab-stat span{display:block;margin-top:6px;font-size:.84rem;color:var(--ink3);font-weight:700}
@media(max-width:680px){.ab-stats{grid-template-columns:repeat(2,1fr)}}

/* Story + gallery */
.ab-story{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;margin:20px 0 56px}
.ab-sec-head{display:flex;align-items:center;gap:9px;font-size:1.35rem;font-weight:900;color:var(--ink);margin-bottom:16px}
.ab-sec-head::before{content:"";width:5px;height:22px;border-radius:4px;background:var(--red)}
.ab-story-body{color:var(--ink2);line-height:2.1;font-size:1rem}
.ab-story-body p{margin:0 0 14px}
.ab-gallery{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,150px);gap:14px}
.ab-gphoto{border-radius:var(--r3);overflow:hidden;background:radial-gradient(120% 120% at 50% 20%,#fff,var(--sf2));border:1px solid var(--line);background-size:cover;background-position:center}
.ab-gmain{grid-row:1 / span 2}
.ab-gph{}
.ab-gphoto.empty{display:flex;align-items:center;justify-content:center;color:var(--slate3,#9aa1aa)}
.ab-gphoto.empty svg{width:46px;height:46px;opacity:.4}
@media(max-width:820px){.ab-story{grid-template-columns:1fr;gap:26px}.ab-gallery{grid-template-rows:repeat(2,120px)}}

/* Trust cards */
.ab-trust{margin:0 0 52px}
.ab-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px}
.ab-tcard{background:var(--sf);border:1px solid var(--line);border-radius:var(--r3);padding:22px 18px;text-align:center;transition:transform .18s,box-shadow .18s}
.ab-tcard:hover{transform:translateY(-3px);box-shadow:var(--sh2,0 14px 30px -16px rgba(0,0,0,.18))}
.ab-tcard .ic{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:15px;background:var(--red-soft,#fdecec);color:var(--red);margin-bottom:12px}
.ab-tcard .ic svg{width:26px;height:26px}
.ab-tcard b{display:block;font-size:1rem;font-weight:800;color:var(--ink);margin-bottom:5px}
.ab-tcard span{font-size:.83rem;color:var(--ink3);line-height:1.8}
@media(max-width:820px){.ab-trust-grid{grid-template-columns:repeat(2,1fr)}}

/* Certification badges */
.ab-badges{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin:0 0 12px}
.ab-badge{display:flex;align-items:center;justify-content:center;height:78px;min-width:150px;padding:10px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--r3)}
.ab-badge img{max-height:56px;width:auto;object-fit:contain}
.ab-badge-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;height:78px;min-width:150px;background:#fff;border:1px dashed var(--line2,#dfe3e8);border-radius:var(--r3);color:var(--ink3)}
.ab-badge-ph svg{height:34px;width:auto}
.ab-badge-ph--txt{font-size:.72rem;font-weight:700;margin-top:6px}
.ab-vpn-note{text-align:center;color:var(--ink3);font-size:.82rem;margin:0 0 52px}

/* Brands */
.ab-brands{margin:0 0 54px}
.ab-brand-row{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:10px}
.ab-brand{display:flex;align-items:center;justify-content:center;aspect-ratio:1.5/1;background:var(--sf);border:1px solid var(--line);border-radius:var(--r3);padding:14px;transition:transform .16s,border-color .16s}
.ab-brand:hover{transform:translateY(-2px);border-color:var(--red)}
.ab-brand .bb,.ab-brand img,.ab-brand .mlogo,.ab-brand .micon{max-width:78%;max-height:52px;width:auto;height:auto;object-fit:contain}
@media(max-width:820px){.ab-brand-row{grid-template-columns:repeat(4,1fr)}}
@media(max-width:520px){.ab-brand-row{grid-template-columns:repeat(3,1fr)}}

/* Visit */
.ab-visit{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;background:linear-gradient(135deg,#1b1e23,#0e1013);color:#fff;border-radius:var(--r4,22px);padding:38px 34px;overflow:hidden}
.ab-visit-info h2{font-size:1.6rem;font-weight:900;margin:0 0 12px}
.ab-visit-info>p{color:#cfd4da;line-height:2;margin:0 0 18px}
.ab-visit-rows{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}
.ab-vrow{display:flex;align-items:center;gap:11px;color:#e7eaee;font-size:.92rem}
.ab-vrow svg{width:19px;height:19px;color:var(--red);flex:none}
.ab-visit-cta{display:flex;flex-wrap:wrap;gap:12px}
.ab-visit-cta .btn{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:#fff;font-weight:800;font-size:.9rem;padding:12px 22px;border-radius:13px;text-decoration:none}
.ab-visit-cta .btn-wa{background:#25D366}
.ab-visit-cta .btn svg{width:17px;height:17px}
.ab-visit-visual{display:flex;align-items:center;justify-content:center}
.ab-visit-visual svg{width:100%;max-width:260px;height:auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.4))}
@media(max-width:820px){.ab-visit{grid-template-columns:1fr;text-align:center}.ab-visit-visual{order:-1}.ab-vrow{justify-content:center}.ab-visit-cta{justify-content:center}}