/*
Theme Name: Altın Kimyasal
Theme URI: https://www.altinkimyasal.com/
Description: Altın Kimyasal için Blocksy tabanlı özel katalog teması.
Author: Altın Kimyasal
Template: blocksy
Version: 1.0.0
Text Domain: altin-kimyasal
*/

:root {
  --ak-ink: #112d3c;
  --ak-blue: #15516c;
  --ak-teal: #0a8f8a;
  --ak-aqua: #dff6f3;
  --ak-sky: #edf7fb;
  --ak-gold: #d4a640;
  --ak-white: #ffffff;
  --ak-muted: #5f7380;
  --ak-line: #d9e8ee;
  --ak-shadow: 0 22px 55px rgba(17, 45, 60, .10);
  --ak-radius: 24px;
}

body.home {
  background: #f8fbfc;
  color: var(--ak-ink);
}

.home .ct-container-full,
.home .site-main,
.home #main {
  width: 100%;
  max-width: none;
  padding: 0;
}

.ak-home *, .ak-home *::before, .ak-home *::after { box-sizing: border-box; }
.ak-home { overflow: hidden; font-size: 16px; line-height: 1.65; }
.ak-wrap { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.ak-eyebrow { margin: 0 0 14px; color: var(--ak-teal); font-size: .78rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.ak-title { margin: 0; color: var(--ak-ink); font-size: clamp(2rem, 4.2vw, 4.4rem); line-height: 1.05; letter-spacing: -.045em; }
.ak-title em { color: var(--ak-teal); font-style: normal; }
.ak-lead { max-width: 660px; margin: 24px 0 0; color: var(--ak-muted); font-size: clamp(1rem, 1.4vw, 1.18rem); }
.ak-button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 24px; border-radius: 14px; background: var(--ak-teal); color: #fff !important; font-weight: 750; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.ak-button:hover { transform: translateY(-2px); background: #087a76; box-shadow: 0 14px 30px rgba(10,143,138,.24); }
.ak-button--light { background: #fff; color: var(--ak-ink) !important; border: 1px solid var(--ak-line); }

.ak-hero { position: relative; padding: 92px 0 78px; background: linear-gradient(135deg, #f7fcfd 0%, #edf8fb 55%, #e5f6f3 100%); }
.ak-hero::before { content: ""; position: absolute; inset: 0; opacity: .38; background-image: radial-gradient(circle at 1px 1px, rgba(21,81,108,.18) 1px, transparent 0); background-size: 28px 28px; mask-image: linear-gradient(to right, #000, transparent 78%); }
.ak-hero-grid { position: relative; display: grid; grid-template-columns: 1.08fr .92fr; gap: 70px; align-items: center; }
.ak-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.ak-search { display: flex; gap: 10px; max-width: 650px; margin-top: 28px; padding: 8px; background: rgba(255,255,255,.88); border: 1px solid rgba(21,81,108,.12); border-radius: 17px; box-shadow: 0 12px 35px rgba(17,45,60,.08); }
.ak-search input { flex: 1; min-width: 0; height: 48px; border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 14px !important; color: var(--ak-ink); }
.ak-search button { min-width: 112px; border: 0; border-radius: 12px; background: var(--ak-blue); color: #fff; font-weight: 750; cursor: pointer; }

.ak-visual { position: relative; min-height: 470px; display: grid; place-items: center; }
.ak-orbit { position: absolute; width: 430px; height: 430px; border: 1px solid rgba(10,143,138,.22); border-radius: 50%; }
.ak-orbit::before, .ak-orbit::after { content: ""; position: absolute; border-radius: 50%; background: var(--ak-gold); box-shadow: 0 0 0 12px rgba(212,166,64,.10); }
.ak-orbit::before { width: 16px; height: 16px; top: 54px; right: 45px; }
.ak-orbit::after { width: 12px; height: 12px; bottom: 70px; left: 28px; background: var(--ak-teal); }
.ak-glass { position: relative; width: min(390px, 92%); padding: 30px; border: 1px solid rgba(255,255,255,.75); border-radius: 30px; background: rgba(255,255,255,.76); backdrop-filter: blur(15px); box-shadow: var(--ak-shadow); }
.ak-glass-mark { display: flex; align-items: center; gap: 12px; margin-bottom: 34px; }
.ak-mark { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 15px; background: var(--ak-blue); color: white; font-weight: 900; letter-spacing: -.06em; }
.ak-glass h2 { margin: 0; font-size: 1.25rem; line-height: 1.2; }
.ak-glass p { margin: 4px 0 0; color: var(--ak-muted); font-size: .9rem; }
.ak-metric { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 17px 0; border-top: 1px solid var(--ak-line); }
.ak-metric strong { font-size: 1.05rem; }
.ak-pill { padding: 6px 10px; border-radius: 999px; background: var(--ak-aqua); color: #08736f; font-size: .78rem; font-weight: 750; }

.ak-strip { background: var(--ak-blue); color: #fff; }
.ak-strip-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.ak-strip-item { padding: 22px 18px; text-align: center; border-right: 1px solid rgba(255,255,255,.13); }
.ak-strip-item:last-child { border-right: 0; }
.ak-strip-item strong { display: block; font-size: .95rem; }
.ak-strip-item span { display: block; margin-top: 2px; color: rgba(255,255,255,.68); font-size: .8rem; }

.ak-section { padding: 92px 0; }
.ak-section--white { background: #fff; }
.ak-section-head { display: flex; justify-content: space-between; gap: 30px; align-items: end; margin-bottom: 38px; }
.ak-section-head .ak-lead { margin-top: 10px; }
.ak-section-title { margin: 0; font-size: clamp(1.9rem, 3vw, 3rem); line-height: 1.12; letter-spacing: -.035em; }

.ak-categories { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.ak-category { position: relative; min-height: 230px; padding: 28px; border: 1px solid var(--ak-line); border-radius: var(--ak-radius); background: #fff; color: var(--ak-ink) !important; text-decoration: none; overflow: hidden; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.ak-category:hover { transform: translateY(-5px); border-color: rgba(10,143,138,.38); box-shadow: var(--ak-shadow); }
.ak-category::after { content: ""; position: absolute; right: -45px; bottom: -55px; width: 145px; height: 145px; border-radius: 50%; background: var(--ak-aqua); transition: transform .25s ease; }
.ak-category:hover::after { transform: scale(1.18); }
.ak-icon { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 34px; border-radius: 17px; background: var(--ak-sky); color: var(--ak-blue); font-size: 1.35rem; font-weight: 850; }
.ak-category h3 { margin: 0 0 8px; font-size: 1.2rem; }
.ak-category p { position: relative; z-index: 1; margin: 0; color: var(--ak-muted); font-size: .92rem; }
.ak-arrow { position: absolute; right: 26px; bottom: 23px; z-index: 2; font-size: 1.3rem; color: var(--ak-teal); }

.ak-why { display: grid; grid-template-columns: .85fr 1.15fr; gap: 70px; align-items: start; }
.ak-benefits { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.ak-benefit { padding: 25px; border-radius: 20px; background: #fff; border: 1px solid var(--ak-line); }
.ak-benefit span { display: grid; place-items: center; width: 42px; height: 42px; margin-bottom: 18px; border-radius: 13px; background: var(--ak-aqua); color: var(--ak-teal); font-weight: 900; }
.ak-benefit h3 { margin: 0 0 7px; font-size: 1.05rem; }
.ak-benefit p { margin: 0; color: var(--ak-muted); font-size: .9rem; }

.ak-cta { padding: 0 0 92px; }
.ak-cta-box { position: relative; overflow: hidden; display: flex; justify-content: space-between; align-items: center; gap: 45px; padding: 48px 52px; border-radius: 30px; background: var(--ak-ink); color: #fff; }
.ak-cta-box::after { content: ""; position: absolute; width: 260px; height: 260px; right: -80px; top: -110px; border-radius: 50%; background: rgba(10,143,138,.28); }
.ak-cta-box h2 { position: relative; z-index: 1; margin: 0 0 9px; color: #fff; font-size: clamp(1.6rem, 3vw, 2.6rem); letter-spacing: -.035em; }
.ak-cta-box p { position: relative; z-index: 1; max-width: 680px; margin: 0; color: rgba(255,255,255,.7); }
.ak-cta-box .ak-button { position: relative; z-index: 1; flex: 0 0 auto; background: var(--ak-gold); color: #1d2b32 !important; }

.altin-catalog-mode .price,
.altin-catalog-mode .single_add_to_cart_button,
.altin-catalog-mode form.cart,
.altin-catalog-mode .added_to_cart,
.altin-catalog-mode .ct-cart-item,
.altin-catalog-mode [data-id="cart"] { display: none !important; }

@media (max-width: 960px) {
  .ak-hero-grid, .ak-why { grid-template-columns: 1fr; }
  .ak-hero { padding-top: 68px; }
  .ak-visual { min-height: 390px; }
  .ak-orbit { width: 350px; height: 350px; }
  .ak-categories { grid-template-columns: repeat(2, 1fr); }
  .ak-strip-grid { grid-template-columns: repeat(2, 1fr); }
  .ak-strip-item:nth-child(2) { border-right: 0; }
  .ak-strip-item:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.13); }
}

@media (max-width: 640px) {
  .ak-wrap { width: min(100% - 28px, 1180px); }
  .ak-hero { padding: 54px 0 48px; }
  .ak-hero-grid { gap: 38px; }
  .ak-search { flex-direction: column; }
  .ak-search button { height: 46px; }
  .ak-visual { min-height: 350px; }
  .ak-orbit { width: 300px; height: 300px; }
  .ak-glass { padding: 24px; }
  .ak-section { padding: 64px 0; }
  .ak-section-head { display: block; margin-bottom: 26px; }
  .ak-categories, .ak-benefits { grid-template-columns: 1fr; }
  .ak-category { min-height: 205px; }
  .ak-cta { padding-bottom: 64px; }
  .ak-cta-box { display: block; padding: 34px 26px; }
  .ak-cta-box .ak-button { margin-top: 24px; width: 100%; }
}