/*
Theme Name: ASFIN Global
Description: ASFIN polisaj keçeleri için özel tasarım ve bağımsız yönetim paneli.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
Author: ASFIN
Text Domain: asfin-global
*/
@import url('assets/fonts/fonts.css');
:root{--ink:#080808;--paper:#fff;--line:#d9d9d9;--muted:#747474;--font:'Manrope',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid currentColor;outline-offset:7px}img{display:block;max-width:100%}p,h1,h2{margin:0}::selection{background:#d3ff51;color:#080808}.skip-link{position:fixed;top:-100px;left:24px;background:white;color:black;padding:14px;z-index:10}.skip-link:focus{top:12px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 4.4%;background:#000;position:relative;z-index:5;border-bottom:1px solid #252525}.brand{width:207px;display:block}.brand img{width:100%;height:69px;object-fit:contain}.site-header nav{display:flex;gap:36px;font-size:14px;font-weight:600}.site-header nav a{padding:15px 0;color:#c7c7c7;transition:color .2s}.site-header nav a:hover{color:#fff}.header-link{font-size:14px;border-bottom:1px solid #686868;padding-bottom:8px;display:flex;gap:28px}.header-link span{font-size:20px;line-height:1}.hero{position:relative;min-height:min(740px,calc(100svh - 100px));padding:66px 6% 70px;overflow:hidden;background:#050505;isolation:isolate}.hero-copy{position:relative;z-index:2;width:68%}.eyebrow{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:600;letter-spacing:1.9px;line-height:1.6}.small-rule{display:block;width:30px;height:1px;background:currentColor}.hero h1{font-family:var(--display);font-size:clamp(80px,8.6vw,142px);font-weight:600;line-height:.97;letter-spacing:-1.5px;margin:42px 0 42px;text-transform:uppercase}.hero h1 span{color:#aaa}.hero-bottom{display:flex;align-items:center;gap:64px}.hero-bottom p{font-size:16px;line-height:1.65;color:#c6c6c6}.round-link{width:51px;height:51px;border:1px solid #5e5e5e;border-radius:50%;display:grid;place-items:center;font-size:25px;transition:background .2s,color .2s}.round-link:hover{background:#fff;color:#000}.hero-brand{position:absolute;right:-3%;top:8%;width:46%;z-index:0;opacity:.23}.hero-brand img{width:100%}.hero-index{position:absolute;bottom:28px;left:6%;right:6%;display:flex;justify-content:space-between;color:#b1b1b1;font-size:12px;letter-spacing:1.4px}.section-wrap{padding:0 6%;background:#fff;color:#0a0a0a;scroll-margin-top:0}.section-kicker{padding-top:36px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.5px;line-height:1.6;font-weight:600}.intro-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:10%;padding:68px 0 60px}.intro h2{font-family:var(--display);font-size:clamp(62px,6.6vw,104px);font-weight:600;line-height:1;text-transform:uppercase;letter-spacing:-1px}.intro h2 span{color:#8a8a8a}.intro-text{padding-top:8px;max-width:430px}.lead{font-size:25px;font-weight:700;letter-spacing:-.8px;margin-bottom:20px}.intro-text>p:not(.lead){color:#626262;line-height:1.85}.text-link{display:flex;justify-content:space-between;gap:45px;align-items:center;width:fit-content;border-bottom:1px solid #999;padding:0 0 10px;margin-top:34px;font-size:14px;font-weight:700}.text-link span{font-size:22px}.product-band{background:#ededed;min-height:330px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:35px;overflow:hidden}.product-label{font-size:13px;font-weight:700;letter-spacing:1px;line-height:1.5}.product-word{font-family:var(--display);font-weight:600;font-size:clamp(120px,21vw,350px);line-height:.75;color:#d7d7d7;position:absolute;right:25px;bottom:40px;letter-spacing:-8px}.product-band p{font-size:14px;z-index:1}.about{padding-top:66px;padding-bottom:100px}.about>.section-kicker{border-top:1px solid #d3d3d3}.about-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:10%;align-items:center;padding-top:64px}.about-logo{max-width:480px}.about-logo img{width:100%;height:auto}.about h2{font-size:clamp(28px,3.1vw,48px);letter-spacing:-1.6px;line-height:1.15;font-weight:600}.about-copy p{margin-top:25px;color:#626262;line-height:1.85;max-width:440px}.site-footer{padding:50px 6% 24px;background:#000}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:40px}.footer-top img{width:225px;height:auto}.footer-top p{font-size:20px;line-height:1.5}.back-top{width:46px;height:46px;border:1px solid #5b5b5b;display:grid;place-items:center;border-radius:50%;font-size:22px}.footer-bottom{border-top:1px solid #333;padding-top:22px;display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#aaa;letter-spacing:1px}
@media(min-width:1600px){.hero{min-height:800px}.hero-copy{max-width:1000px}.site-header,.section-wrap,.site-footer{padding-left:max(6%,calc((100vw - 1600px)/2));padding-right:max(6%,calc((100vw - 1600px)/2))}}
@media(max-width:800px){html{scroll-padding-top:25px}.site-header{height:84px;padding:0 5%}.brand{width:172px}.brand img{height:58px}.site-header nav{gap:20px;font-size:13px}.header-link{display:none}.hero{padding:54px 6% 80px;min-height:640px}.hero-copy{width:100%}.hero h1{font-size:clamp(66px,12vw,100px);margin:38px 0;letter-spacing:-1px}.hero-brand{width:75%;top:35%;right:-14%;opacity:.14}.hero-index{font-size:11px;letter-spacing:.8px}.intro-grid,.about-grid{grid-template-columns:1fr;gap:30px;padding-top:42px}.intro-grid{padding-bottom:38px}.intro h2{font-size:72px}.intro-text{max-width:540px}.product-band{min-height:300px;padding:25px}.product-word{bottom:72px;right:25px;font-size:27vw;letter-spacing:-3px}.about{padding-top:45px;padding-bottom:60px}.about-logo{width:80%;max-width:360px;margin-bottom:20px}.about-grid{gap:22px}.about h2{font-size:36px;letter-spacing:-1px}.footer-top img{width:185px}.footer-top p{font-size:16px}.site-footer{padding-top:34px}.footer-top{gap:15px}.back-top{flex-shrink:0}}
@media(max-width:480px){.site-header{height:80px}.brand{width:146px}.site-header nav{gap:15px;font-size:12px}.site-header nav a:last-child{display:none}.hero{min-height:590px}.eyebrow{font-size:11px;letter-spacing:1.2px}.hero h1{font-size:clamp(64px,16.4vw,80px);line-height:1.03}.hero-bottom{gap:40px}.hero-index span:last-child{display:none}.intro h2{font-size:63px}.lead{font-size:24px}.section-kicker{font-size:11px;letter-spacing:1px}.footer-top{flex-wrap:wrap}.footer-top p{display:none}.footer-bottom{font-size:10px;letter-spacing:.6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Product photography sits behind readable type, with its natural crop preserved. */
::selection{background:#e0e0e0;color:#080808}
.hero{min-height:min(680px,calc(100svh - 100px))}
.hero-image{position:absolute;inset:0;z-index:-2}
.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 61%}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.08) 70%),linear-gradient(0deg,rgba(0,0,0,.8),transparent 32%)}
.hero h1 span{color:#d9d9d9}
.hero-bottom p{color:#dedede}
.hero-index{color:#d2d2d2}
.product-band{margin:0;min-height:480px;color:#fff;background:#080808;isolation:isolate;padding:35px}
.product-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%;z-index:-2}
.product-band::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 55%)}
.product-label{font-size:12px;line-height:1.7;letter-spacing:1.4px}
.product-caption{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}
.product-caption p{font-family:var(--display);font-size:clamp(42px,5vw,74px);line-height:1;text-transform:uppercase;font-weight:500;letter-spacing:-.5px}
.product-caption>span{font-size:12px;color:#ddd;line-height:1.5;text-align:right}
.hero .eyebrow,.hero-index,.section-kicker,.footer-bottom{font-size:12px}
.site-header nav{font-size:14px}
@media(min-width:1600px){.hero{min-height:min(790px,calc(100svh - 100px))}}
@media(max-width:800px){.hero{min-height:min(680px,calc(100svh - 84px))}.hero-image img{object-position:65% 50%}.hero::after{background:linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.08) 63%,rgba(0,0,0,.75))}.hero-copy{width:100%}.hero h1{font-size:clamp(65px,12.4vw,100px)}.product-band{min-height:420px;padding:26px}.product-band>img{object-position:65% center}.product-caption{align-items:flex-start;flex-direction:column;gap:20px}.product-caption>span{text-align:left}.hero-index{letter-spacing:.6px}.footer-bottom{letter-spacing:.5px}}
@media(max-width:480px){
  .site-header{height:auto;min-height:116px;padding:14px 6% 8px;flex-direction:column;align-items:flex-start;gap:4px}
  .brand{width:132px}
  .brand img{height:auto}
  .site-header nav{width:100%;flex-wrap:wrap;justify-content:space-between;gap:0 20px;font-size:.875rem;letter-spacing:0;white-space:normal}
  .site-header nav a,.site-header nav a:last-child{display:inline-flex;align-items:center;min-height:44px;padding:10px 0}
  .hero{min-height:min(620px,calc(100svh - 116px));padding-top:44px}
  .hero h1{font-size:clamp(57px,15.7vw,78px);letter-spacing:-.6px;line-height:1.04;margin:28px 0}
  .hero-image img{object-position:66% bottom}
  .hero .eyebrow{font-size:12px;letter-spacing:.7px;gap:8px}
  .small-rule{width:18px}
  .hero-bottom{gap:40px}
  .hero-bottom p{font-size:15px}
  .hero-index{font-size:12px}
  .intro h2{font-size:clamp(49px,15vw,63px)}
  .product-band{min-height:360px;padding:25px}
  .about-logo{width:100%}
  .footer-bottom{font-size:12px;letter-spacing:0}
}

.asfin-document{min-height:55vh;padding:70px 6%;background:#fff;color:#111}.asfin-document h1{font-size:42px;margin-bottom:24px}.asfin-document p{margin:18px 0;line-height:1.8}.asfin-document a{text-decoration:underline}
