@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700&family=Caveat:wght@500;600;700&display=swap");
/* =========================================================
   OFM — geniş mağaza teması (header, footer, anasayfa, katalog)
   Renkler admin'deki marka ayarından (--brand / --accent) gelir.
   ========================================================= */
:root{
  --o-main:#0aab29;
  --o-main-2:#0d942e;
  --o-sky:#06cf23;
  --o-navy:#0f3318;
  --o-navy-2:#174623;
  --o-text:#1c3a26;
  --o-muted:#6b7f8d;
  --o-line:#e3f2e7;
  --o-bg:#f2fbf4;
  --o-card:#ffffff;
  --o-green:#1fa463;
  --o-orange:#f26522;
  --o-red:#e01847;
  --o-gold:#f6b72c;
  --o-grad:linear-gradient(90deg,#0a862a 0%,#0aab2b 52%,#06cf23 100%);
  --o-grad-v:linear-gradient(135deg,#0a9a2a 0%,#06cf23 100%);
  --o-radius:16px;
  --o-shadow:0 10px 30px rgba(13,120,34,.08);
  --o-shadow-lg:0 18px 44px rgba(13,120,34,.16);
  --o-wrap:1610px;
}
html[data-theme] body.ofm-body{background:var(--o-bg);color:var(--o-text)}
.ofm-body{font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
.ofm-body *,.ofm-body *::before,.ofm-body *::after{box-sizing:border-box}
.ofm-body .icon{width:1.15em;height:1.15em;flex:none;vertical-align:middle}
.ofm-wrap{width:100%;max-width:var(--o-wrap);margin:0 auto;padding:0 12px}
@media(max-width:1660px){.ofm-wrap{padding:0 26px}}
@media(max-width:700px){.ofm-wrap{padding:0 16px}}
.ofm-body .page-ambient{display:none!important}
.ofm-body #mobileThemeToggle,.ofm-body .gift-wheel-launcher{display:none!important}

/* ---------- Butonlar ---------- */
.ofm-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 28px;border-radius:12px;border:1px solid transparent;font-weight:700;font-size:15.5px;line-height:1;cursor:pointer;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,color .18s}
.ofm-btn:hover{transform:translateY(-2px)}
.ofm-btn-primary{background:var(--o-grad);color:#fff;box-shadow:0 10px 22px rgba(10,171,41,.28)}
.ofm-btn-primary:hover{box-shadow:0 14px 28px rgba(10,171,41,.38);color:#fff}
.ofm-btn-dark{background:var(--o-navy);color:#fff}
.ofm-btn-dark:hover{background:#174623;color:#fff}
.ofm-btn-line{background:#fff;color:var(--o-text);border-color:var(--o-line)}
.ofm-btn-line:hover{border-color:var(--o-main);color:var(--o-main)}
.ofm-btn-light{background:#fff;color:var(--o-main)}
.ofm-btn-light:hover{color:var(--o-main)}
.ofm-btn-ghost-light{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.35)}
.ofm-btn-ghost-light:hover{background:rgba(255,255,255,.2);color:#fff}
.ofm-btn-sm{height:40px;padding:0 16px;font-size:13.5px;border-radius:10px}
.ofm-kicker{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.14em;color:var(--o-main);text-transform:uppercase}

/* ---------- Duyuru bandı ---------- */
.ofm-notice{background:linear-gradient(90deg,#0a7326 0%,#0aab2b 50%,#06cf23 100%);color:#fff}
.ofm-notice-in{display:flex;align-items:center;justify-content:center;gap:18px;min-height:46px;padding-top:6px;padding-bottom:6px;text-align:center}
.ofm-notice-text{display:inline-flex;align-items:center;gap:10px;font-size:14.5px;font-weight:600}
.ofm-notice-text .icon{color:var(--o-gold)}
.ofm-notice-btn{display:inline-flex;align-items:center;height:30px;padding:0 16px;border-radius:99px;background:#fff;color:var(--o-main);font-size:12.5px;font-weight:800;text-decoration:none;white-space:nowrap}
.ofm-notice-btn:hover{color:var(--o-main);transform:translateY(-1px)}

/* ---------- Header ---------- */
.ofm-header{background:#fff;position:relative;z-index:30}
.ofm-topbar{border-bottom:1px solid var(--o-line);font-size:14px;color:var(--o-muted)}
.ofm-topbar-in{display:flex;align-items:center;justify-content:space-between;min-height:46px}
.ofm-topbar-slogan{display:inline-flex;align-items:center;gap:8px;font-weight:600}
.ofm-topbar-slogan .icon{color:var(--o-main)}
.ofm-topbar-links{display:flex;gap:6px}
.ofm-topbar-links a{padding:7px 14px;border-radius:8px;color:var(--o-muted);text-decoration:none;font-weight:600}
.ofm-topbar-links a:hover{background:var(--o-bg);color:var(--o-main)}
.ofm-mid-in{display:grid;grid-template-columns:minmax(170px,230px) minmax(280px,1fr) auto;align-items:center;gap:36px;padding-top:18px;padding-bottom:18px}
.ofm-logo{display:block}
.ofm-logo img{display:block;width:auto;height:78px;max-width:100%;object-fit:contain;object-position:left center}
.ofm-search{position:relative;max-width:880px;width:100%;justify-self:center}
.ofm-search-form{display:flex;align-items:center;height:58px;border-radius:99px;background:var(--o-bg);border:2px solid var(--o-line);padding:0 6px 0 24px;transition:border-color .18s,box-shadow .18s,background .18s}
.ofm-search-form:focus-within{background:#fff;border-color:var(--o-main);box-shadow:0 0 0 5px rgba(10,171,41,.12)}
.ofm-search-form input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:var(--o-text);box-shadow:none}
.ofm-search-form input::placeholder{color:#8397a5}
.ofm-body .ofm-search-form button{flex:none;width:44px;height:44px;min-height:0;padding:0;border-radius:50%;border:0;background:var(--o-grad);color:#fff;box-shadow:none;display:grid;place-items:center;cursor:pointer;font-size:18px}
.ofm-body .ofm-search-form input{border:0;background:transparent;padding:0;height:100%;box-shadow:none;border-radius:0}
.ofm-search .frontend-search-results{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:60;background:#fff;border:1px solid var(--o-line);border-radius:16px;box-shadow:var(--o-shadow-lg);overflow:hidden}
.ofm-actions{display:flex;align-items:center;gap:6px;justify-self:end}
.ofm-act{display:inline-flex;align-items:center;gap:11px;padding:6px 12px 6px 8px;border:0;background:transparent;border-radius:14px;cursor:pointer;color:var(--o-text);text-decoration:none;font:inherit;text-align:left}
.ofm-act:hover{background:var(--o-bg);color:var(--o-text)}
.ofm-act-ic{position:relative;width:50px;height:50px;border-radius:50%;background:var(--o-bg);display:grid;place-items:center;color:var(--o-main);font-size:23px;transition:background .18s,color .18s}
.ofm-act:hover .ofm-act-ic{background:var(--o-main);color:#fff}
.ofm-act-tx{display:flex;flex-direction:column;line-height:1.25}
.ofm-act-tx b{font-size:15.5px;font-weight:800}
.ofm-act-tx small{font-size:13px;color:var(--o-muted);font-weight:500}
.ofm-act-join .ofm-act-ic{background:rgba(10,171,41,.1)}
.ofm-badge{position:absolute;top:-5px;right:-6px;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--o-red);color:#fff;font-family:inherit;font-size:12px;font-weight:800;line-height:18px;font-style:normal;text-align:center;border:2px solid #fff;box-shadow:0 3px 8px rgba(224,24,71,.35)}
.ofm-burger{display:none;width:46px;height:46px;border-radius:12px;border:1px solid var(--o-line);background:#fff;color:var(--o-text);place-items:center;font-size:22px;cursor:pointer}

/* ---------- Ana menü çubuğu ---------- */
.ofm-navwrap{position:sticky;top:0;z-index:50;background:var(--o-grad);box-shadow:0 8px 22px rgba(60,40,180,.22)}
.ofm-nav{display:flex;align-items:stretch;gap:2px;min-height:62px;position:relative}
.ofm-more{margin-left:auto}
.ofm-more>.ofm-subpanel{left:auto;right:0}
.ofm-more:not(.is-on){display:none}
.ofm-navitem.is-hidden{display:none}
.ofm-more-list a{flex-direction:row!important;align-items:center}
.ofm-navitem{position:relative;display:flex;align-items:stretch}
.ofm-navlink,.ofm-catbtn{display:inline-flex;align-items:center;gap:8px;padding:0 24px;color:#fff;font-weight:700;font-size:16px;text-decoration:none;white-space:nowrap;border:0;background:transparent;cursor:pointer;font-family:inherit;transition:background .18s}
.ofm-navlink:hover,.ofm-navitem:hover>.ofm-navlink{background:rgba(255,255,255,.16);color:#fff}
.ofm-catbtn{background:rgba(3,31,9,.28);letter-spacing:.03em;padding:0 30px;margin-right:8px;border-radius:0}
.ofm-catbtn:hover,.ofm-allcats.open .ofm-catbtn{background:rgba(3,31,9,.45)}
.ofm-catbtn .icon{font-size:20px}
.ofm-caret{font-size:12px!important;opacity:.8;transition:transform .2s}
.ofm-navitem:hover>.ofm-navlink .ofm-caret,.ofm-allcats.open .ofm-caret{transform:rotate(180deg)}
.ofm-panel{position:absolute;left:0;top:100%;min-width:260px;background:#fff;color:var(--o-text);border-radius:0 0 18px 18px;box-shadow:var(--o-shadow-lg);border:1px solid var(--o-line);border-top:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .18s,visibility .18s;z-index:70}
.ofm-navitem.has-sub:hover>.ofm-panel,.ofm-navitem.has-sub:focus-within>.ofm-panel,.ofm-allcats.open>.ofm-panel,.ofm-allcats:hover>.ofm-panel{opacity:1;visibility:visible;transform:none}
.ofm-subpanel{padding:10px}
.ofm-subpanel a{display:flex;flex-direction:column;gap:2px;padding:11px 14px;border-radius:10px;text-decoration:none;color:var(--o-text)}
.ofm-subpanel a:hover{background:var(--o-bg);color:var(--o-main)}
.ofm-subpanel b{font-size:15.5px}
.ofm-subpanel small{font-size:13px;color:var(--o-muted)}
.ofm-catpanel{width:min(980px,92vw);padding:22px 22px 16px}
.ofm-catgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ofm-catlink{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;text-decoration:none;color:var(--o-text);transition:background .18s,transform .18s}
.ofm-catlink:hover{background:var(--o-bg);transform:translateY(-2px);color:var(--o-main)}
.ofm-catico{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,rgba(10,171,41,.14),rgba(6,207,35,.14));color:var(--o-main);display:grid;place-items:center;font-size:22px;flex:none}
.ofm-catlink b{display:block;font-size:16px}
.ofm-catlink small{display:block;font-size:13px;color:var(--o-muted);line-height:1.35}
.ofm-panel-all{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:10px;padding-top:14px;border-top:1px solid var(--o-line);font-weight:800;font-size:15px;color:var(--o-main);text-decoration:none}

/* ---------- Destek bandı ---------- */
.ofm-supportband{background:linear-gradient(100deg,#0a7326 0%,var(--o-main) 55%,var(--o-sky) 130%);color:#fff;margin-top:70px}
.ofm-supportband-in{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:44px;padding-bottom:44px}
.ofm-supportband .ofm-kicker{color:#cff3d6}
.ofm-supportband h2{margin:6px 0 6px;font-size:30px;line-height:1.2;color:#fff}
.ofm-supportband p{margin:0;color:#d6f6dc;max-width:640px}
.ofm-supportband-act{display:flex;gap:12px;flex-wrap:wrap}

/* ---------- Footer ---------- */
.ofm-body .ofm-footer{background:var(--o-navy);color:#b6d2bf;margin:0;border:0}
.ofm-footer-main{padding:62px 0 40px}
.ofm-footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr) 1.35fr;gap:48px}
.ofm-footer-logo img{display:block;width:auto;height:70px;object-fit:contain;object-position:left center;margin:-6px 0 14px}
.ofm-footer-about p{margin:0 0 20px;line-height:1.7;font-size:15px;max-width:420px}
.ofm-socials{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}
.ofm-socials a{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;transition:background .18s,transform .18s}
.ofm-socials a:hover{background:var(--o-main);transform:translateY(-3px)}
.ofm-socials svg{width:19px;height:19px}
.ofm-secure{display:inline-flex;align-items:center;gap:12px;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.14);color:#fff}
.ofm-secure .icon{font-size:22px;color:#4ee0a1}
.ofm-secure b{display:block;font-size:13.5px}
.ofm-secure small{display:block;font-size:11.5px;color:#8ab397}
.ofm-footer-col h3{margin:0 0 20px;color:#fff;font-size:17px;font-weight:800;position:relative;padding-bottom:14px}
.ofm-footer-col h3::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;border-radius:3px;background:var(--o-grad)}
.ofm-footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.ofm-footer-col li{display:flex;align-items:flex-start;gap:10px;font-size:15px}
.ofm-footer-col li .icon{margin-top:3px;color:var(--o-sky)}
.ofm-footer-col a{color:#b6d2bf;text-decoration:none;transition:color .15s,padding .15s}
.ofm-footer-col ul:not(.x) li>a:hover{color:#fff}
.ofm-footer-col:not(.ofm-footer-contact) a:hover{padding-left:5px}
.ofm-newsletter{margin-top:22px}
.ofm-newsletter div{display:flex;height:48px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);overflow:hidden}
.ofm-newsletter input{flex:1;min-width:0;border:0;background:transparent;color:#fff;padding:0 14px;font:inherit;font-size:13.5px;outline:0}
.ofm-newsletter input::placeholder{color:#7fa88c}
.ofm-newsletter button{width:50px;border:0;background:var(--o-grad);color:#fff;cursor:pointer;font-size:18px;display:grid;place-items:center}
.ofm-newsletter small{display:block;margin-top:8px;font-size:12px;color:#9be0c0}
.ofm-footer-bottom{border-top:1px solid rgba(255,255,255,.1);background:#031908}
.ofm-footer-bottom-in{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px;font-size:14px}
.ofm-pay{display:flex;gap:8px}
.ofm-pay i{font-style:normal;font-weight:800;font-size:11.5px;letter-spacing:.04em;padding:6px 12px;border-radius:8px;background:rgba(255,255,255,.08);color:#d6eedc}
.ofm-legal{display:flex;gap:18px}
.ofm-legal a{color:#b6d2bf;text-decoration:none}
.ofm-legal a:hover{color:#fff}

/* ---------- Duyarlı ---------- */
@media(max-width:1280px){
  .ofm-footer-grid{grid-template-columns:repeat(3,1fr)}
  .ofm-footer-about{grid-column:1/-1}
  .ofm-act-tx{display:none}
  .ofm-mid-in{gap:20px}
}
@media(max-width:1060px){
  .ofm-navwrap{display:none}
  .ofm-burger{display:grid}
  .ofm-topbar-slogan{display:none}
  .ofm-topbar-in{justify-content:flex-end}
  .ofm-mid-in{grid-template-columns:1fr auto;grid-template-areas:"logo act" "search search"}
  .ofm-logo{grid-area:logo}.ofm-actions{grid-area:act}.ofm-search{grid-area:search;max-width:none}
  .ofm-act-join{display:none}
  .ofm-logo img{height:52px}
  .ofm-supportband-in{flex-direction:column;align-items:flex-start}
}
@media(max-width:640px){
  .ofm-notice-text{font-size:12px}
  .ofm-notice-btn{display:none}
  .ofm-footer-grid{grid-template-columns:1fr 1fr;gap:34px 24px}
  .ofm-footer-contact{grid-column:1/-1}
  .ofm-supportband h2{font-size:24px}
  .ofm-footer-bottom-in{flex-direction:column;align-items:flex-start}
  .ofm-topbar{display:none}
}

/* =========================================================
   ANASAYFA
   ========================================================= */
.ofm-home{display:flex;flex-direction:column;padding-bottom:0}
.ofm-sec{padding:64px 0}
.ofm-sec-white{background:#fff}
.ofm-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}
.ofm-head h2{margin:6px 0 6px;font-size:34px;line-height:1.18;font-weight:800;color:var(--o-navy);letter-spacing:-.01em}
.ofm-head p{margin:0;color:var(--o-muted);font-size:15.5px}
.ofm-head-center{justify-content:center;text-align:center}
.ofm-head-link{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:14px;color:var(--o-main);text-decoration:none;white-space:nowrap;padding:10px 0}
.ofm-head-link:hover{color:var(--o-navy)}
.ofm-head-link .icon{transition:transform .18s}
.ofm-head-link:hover .icon{transform:translateX(4px)}

/* Hero slider (açık tema) */
.ofm-hero{padding:26px 0 0}
.ofm-slider{position:relative;border-radius:28px;overflow:hidden;background:#fff;border:1px solid var(--o-line);min-height:540px;box-shadow:var(--o-shadow);display:grid}
.ofm-slider>.ofm-slide{grid-area:1/1}
.ofm-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:30px;padding:54px 96px;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s;color:var(--o-text);background:radial-gradient(720px 440px at 80% 48%,rgba(6,207,35,.2),transparent 66%),radial-gradient(520px 300px at 0% 100%,rgba(10,171,41,.09),transparent 70%),linear-gradient(115deg,#ffffff 0%,#f0fdf3 55%,#e1fae6 100%)}
.ofm-slide.s1{background:radial-gradient(720px 440px at 80% 48%,rgba(37,192,138,.18),transparent 66%),radial-gradient(520px 300px at 0% 100%,rgba(10,171,41,.09),transparent 70%),linear-gradient(115deg,#ffffff 0%,#f1faf8 55%,#e0f4ee 100%)}
.ofm-slide.s2{background:radial-gradient(720px 440px at 80% 48%,rgba(246,183,44,.16),transparent 66%),radial-gradient(520px 300px at 0% 100%,rgba(10,171,41,.09),transparent 70%),linear-gradient(115deg,#ffffff 0%,#fbf9f1 55%,#f6efd9 100%)}
.ofm-slide.is-active{position:relative;opacity:1;visibility:visible}
.ofm-slide-eyebrow{display:inline-block;padding:8px 18px;border-radius:99px;background:#fff;border:1px solid var(--o-line);color:var(--o-main);font-size:13.5px;font-weight:800;letter-spacing:.02em;margin-bottom:22px;box-shadow:0 4px 12px rgba(13,120,34,.06)}
.ofm-slide h1{margin:0 0 18px;font-size:clamp(36px,3.6vw,58px);line-height:1.1;font-weight:800;letter-spacing:-.02em;color:var(--o-navy)}
.ofm-slide h1 em{font-style:normal;display:block;background:var(--o-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ofm-slide-copy p{margin:0 0 28px;font-size:18px;line-height:1.65;color:var(--o-muted);max-width:560px}
.ofm-slide-act{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:34px}
.ofm-slide-act .ofm-btn{height:56px;padding:0 32px;font-size:16px;border-radius:14px}
.ofm-slide-stats{display:flex;flex-wrap:wrap;gap:12px 38px;list-style:none;margin:0;padding:22px 0 0;border-top:1px solid var(--o-line)}
.ofm-slide-stats li{display:flex;flex-direction:column;gap:2px}
.ofm-slide-stats b{font-size:28px;font-weight:800;color:var(--o-navy);line-height:1.1}
.ofm-slide-stats span{font-size:13.5px;color:var(--o-muted);font-weight:600}
.ofm-slide-art{display:flex;align-items:center;justify-content:center;min-width:0}
.ofm-slide-art>img{display:block;width:100%;max-height:430px;object-fit:contain}
.ofm-slide-nav{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:52px;height:52px;min-height:0;padding:0;border-radius:50%;border:1px solid var(--o-line);background:#fff;color:var(--o-navy);display:grid;place-items:center;cursor:pointer;font-size:20px;box-shadow:var(--o-shadow);transition:background .18s,color .18s}
.ofm-slide-nav:hover{background:var(--o-main);color:#fff;border-color:var(--o-main)}
.ofm-slide-nav.prev{left:20px}.ofm-slide-nav.next{right:20px}
.ofm-slide-dots{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:9px;z-index:5}
.ofm-body .ofm-slide-dots button{width:10px;height:10px;min-height:0;padding:0;border-radius:99px;border:0;background:rgba(10,171,41,.25);cursor:pointer;transition:width .25s,background .25s;box-shadow:none}
.ofm-body .ofm-slide-dots button.is-active{width:34px;background:var(--o-main)}

/* Slider içi cihaz görselleri (ürün kapaklarından) */
.ofm-devices{position:relative;width:100%;max-width:720px;aspect-ratio:16/10.6}
.ofm-devices .dv{position:absolute;overflow:hidden;background:#dbeedf}
.ofm-devices .dv img{display:block;width:100%;height:100%;object-fit:cover;object-position:top left}
.dv-desk{left:6%;top:2%;width:76%;aspect-ratio:16/10;border:7px solid #1d4a29;border-radius:16px;box-shadow:0 34px 60px rgba(13,120,34,.28)}
.dv-desk .ofm-frame{height:20px}
.dv-desk img{height:calc(100% - 20px);margin-top:20px}
.dv-stand{position:absolute;left:36%;top:66%;width:16%;height:15%;background:linear-gradient(#cfe5d5,#b3d1bc);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}
.dv-lap{right:0;bottom:2%;width:50%;aspect-ratio:16/10;border:6px solid #224f2d;border-radius:12px 12px 4px 4px;box-shadow:0 26px 46px rgba(13,120,34,.3)}
.dv-lap::after{content:"";position:absolute}
.dv-phone{left:0;bottom:0;width:17%;aspect-ratio:9/18;border:5px solid #1d4a29;border-radius:22px;box-shadow:0 22px 40px rgba(13,120,34,.32)}
.ofm-devices .chipf{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:99px;background:#fff;box-shadow:0 12px 26px rgba(13,120,34,.18);font-size:13.5px;font-weight:800;color:var(--o-navy);animation:ofmFloat 5s ease-in-out infinite}
.ofm-devices .chipf .icon{color:var(--o-main);font-size:17px}
.ofm-devices .chipf.c1{right:2%;top:2%}
.ofm-devices .chipf.c2{left:0;top:30%;animation-delay:-1.6s}
.ofm-devices .chipf.c3{right:14%;bottom:-2%;animation-delay:-3.2s}
@keyframes ofmFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* Banner alanları */
.ofm-banners{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.ofm-banner{position:relative;display:flex;align-items:center;gap:18px;padding:24px 26px;border-radius:20px;color:#fff;text-decoration:none;overflow:hidden;min-height:128px;transition:transform .2s,box-shadow .2s}
.ofm-banner:hover{transform:translateY(-4px);box-shadow:var(--o-shadow-lg);color:#fff}
.ofm-banner::after{content:"";position:absolute;right:-40px;top:-50px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.1)}
.ofm-banner.b1{background:linear-gradient(120deg,#0a862a,#06cf23)}
.ofm-banner.b2{background:linear-gradient(120deg,#12906f,#25c08a)}
.ofm-banner.b3{background:linear-gradient(120deg,#0f3318,#246837)}
.ofm-banner-ico{flex:none;width:62px;height:62px;border-radius:18px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:30px;position:relative;z-index:1}
.ofm-banner-tx{display:flex;flex-direction:column;gap:2px;position:relative;z-index:1;min-width:0}
.ofm-banner-tx small{font-size:11px;font-weight:800;letter-spacing:.14em;opacity:.8}
.ofm-banner-tx b{font-size:21px;line-height:1.25}
.ofm-banner-tx em{font-style:normal;font-size:13.5px;opacity:.9;line-height:1.4}
.ofm-banner-go{margin-left:auto;flex:none;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;position:relative;z-index:1;transition:background .2s,color .2s}
.ofm-banner:hover .ofm-banner-go{background:#fff;color:var(--o-main)}

/* Alan adı bandı */
.ofm-domain{padding:42px 0 0}
.ofm-domain-box{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px 36px;border-radius:22px;background:#fff;border:1px solid var(--o-line);box-shadow:var(--o-shadow)}
.ofm-domain-copy h2{margin:4px 0 4px;font-size:24px;color:var(--o-navy)}
.ofm-domain-copy p{margin:0;color:var(--o-muted)}
.ofm-domain-form{display:flex;gap:10px;flex:1;max-width:640px}
.ofm-domain-form input{flex:1;min-width:0;height:52px;border-radius:13px;border:2px solid var(--o-line);padding:0 18px;font:inherit;background:var(--o-bg)}
.ofm-domain-form input:focus{outline:0;border-color:var(--o-main);background:#fff}
.ofm-domain-form .ofm-btn{height:52px}

/* Kategori ikonları */
.ofm-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}
.ofm-cat{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 10px 18px;border-radius:18px;background:#fff;border:1px solid var(--o-line);text-decoration:none;color:var(--o-text);text-align:center;transition:transform .2s,box-shadow .2s,border-color .2s}
.ofm-cat:hover{transform:translateY(-5px);box-shadow:var(--o-shadow-lg);border-color:rgba(10,171,41,.4);color:var(--o-main)}
.ofm-cat-ico{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;font-size:28px;color:var(--o-main);background:linear-gradient(135deg,rgba(10,171,41,.13),rgba(6,207,35,.16));transition:background .2s,color .2s}
.ofm-cat:hover .ofm-cat-ico{background:var(--o-grad);color:#fff}
.ofm-cat b{font-size:13.5px;line-height:1.3}
.ofm-cat-more .ofm-cat-ico{background:var(--o-bg);color:var(--o-muted)}

/* Ürün kartı + grid */
.ofm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ofm-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--o-line);border-radius:20px;padding:0 0 18px;overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s;min-width:0}
.ofm-sec-white .ofm-card{background:var(--o-bg);border-color:transparent}
.ofm-card:hover{transform:translateY(-6px);box-shadow:var(--o-shadow-lg);border-color:rgba(10,171,41,.25)}
.ofm-card-media{position:relative}
.ofm-card-shot{position:relative;display:block;border-radius:0;overflow:hidden;background:#dbeedf;aspect-ratio:16/10;border-bottom:1px solid rgba(20,70,56,.06)}
.ofm-frame{position:absolute;left:0;right:0;top:0;height:22px;background:linear-gradient(#f4fbf8,#e6f4ef);display:flex;align-items:center;gap:5px;padding:0 10px;z-index:2;border-bottom:1px solid rgba(20,70,56,.08)}
.ofm-frame i{width:7px;height:7px;border-radius:50%;background:#c9e0d8}
.ofm-frame i:first-child{background:#ff6b6b}.ofm-frame i:nth-child(2){background:#ffc14d}.ofm-frame i:nth-child(3){background:#4ed08a}
.ofm-card-shot img{position:absolute;left:0;right:0;bottom:0;top:22px;width:100%;height:calc(100% - 22px);object-fit:cover;object-position:top center;transition:transform .5s ease}
.ofm-card:hover .ofm-card-shot img{transform:scale(1.05)}
.ofm-chip{position:absolute;left:10px;top:32px;z-index:3;padding:5px 11px;border-radius:8px;background:rgba(12,48,38,.82);color:#fff;font-size:11.5px;font-weight:700;backdrop-filter:blur(4px)}
.ofm-chip.is-new{background:var(--o-green)}
.ofm-chip.static{position:static;display:inline-block;background:rgba(10,171,41,.1);color:var(--o-main);backdrop-filter:none}
.ofm-off{position:absolute;right:10px;bottom:10px;z-index:3;padding:5px 10px;border-radius:8px;background:var(--o-orange);color:#fff;font-size:12px;font-weight:800}
.ofm-body .ofm-fav{position:absolute;right:10px;top:32px;z-index:4;width:34px;height:34px;min-height:0;padding:0;border-radius:50%;border:0;background:rgba(255,255,255,.94);color:#7f93a1;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 12px rgba(20,70,56,.18);font-size:16px;transition:color .18s,transform .18s}
.ofm-body .ofm-fav:hover{color:var(--o-red);transform:scale(1.1)}
.ofm-body .ofm-fav.active{color:var(--o-red)}
.ofm-body .ofm-fav.active .icon path{fill:currentColor}
.ofm-card-body{display:flex;flex-direction:column;flex:1;padding:16px 18px 0}
.ofm-card-body h3{margin:0 0 8px;font-size:16.5px;line-height:1.35;font-weight:800;display:flex;gap:9px;align-items:baseline}
.ofm-card-body h3 a{color:var(--o-navy);text-decoration:none}
.ofm-card-body h3 a:hover{color:var(--o-main)}
.ofm-card-no{flex:none;font-size:12.5px;font-weight:800;color:var(--o-sky)}
.ofm-card-desc{margin:0 0 14px;font-size:13.5px;line-height:1.55;color:var(--o-muted);min-height:42px}
.ofm-card-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-bottom:12px}
.ofm-card-price strong{font-size:24px;font-weight:800;color:var(--o-navy);letter-spacing:-.01em}
.ofm-card-price s{font-size:14px;color:#93a5b1}
.ofm-card-price em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--o-green)}
.ofm-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.ofm-card-tags span{padding:4px 10px;border-radius:7px;background:rgba(10,171,41,.08);color:#0a9627;font-size:11.5px;font-weight:700}
.ofm-sec-white .ofm-card-tags span{background:#fff}
.ofm-card-act{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;margin-top:auto}
.ofm-card-act a,.ofm-card-act button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;border-radius:12px;font:inherit;font-size:14px;font-weight:800;cursor:pointer;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,color .18s,border-color .18s}
.ofm-body .ofm-card-demo{border:1px solid var(--o-line);background:#fff;color:var(--o-text)}
.ofm-body .ofm-card-demo:hover{border-color:var(--o-main);color:var(--o-main)}
.ofm-body .ofm-card-buy{border:0;background:var(--o-grad);color:#fff;box-shadow:0 8px 18px rgba(10,171,41,.28);min-height:0;padding:0}
.ofm-body .ofm-card-buy:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(10,171,41,.38)}
.ofm-body .ofm-card-buy.is-disabled{background:#cbe0d1;box-shadow:none;cursor:not-allowed;transform:none}

/* Paketler */
.ofm-bundles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ofm-bundle{background:#fff;border:1px solid var(--o-line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s}
.ofm-bundle:hover{transform:translateY(-6px);box-shadow:var(--o-shadow-lg)}
.ofm-bundle-shots{display:flex;gap:10px;padding:22px 22px 0;background:linear-gradient(135deg,rgba(10,171,41,.12),rgba(6,207,35,.14));justify-content:center;align-items:flex-end;height:190px;overflow:hidden}
.ofm-bundle-shots span{flex:1;border-radius:12px 12px 0 0;overflow:hidden;box-shadow:0 8px 22px rgba(20,90,74,.2);background:#fff;max-height:150px}
.ofm-bundle-shots span:nth-child(2){max-height:168px}
.ofm-bundle-shots img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.ofm-bundle-body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.ofm-bundle-body h3{margin:4px 0 0;font-size:20px}
.ofm-bundle-body h3 a{color:var(--o-navy);text-decoration:none}
.ofm-bundle-body p{margin:0;color:var(--o-muted);font-size:14px;line-height:1.55}
.ofm-bundle .ofm-card-act{margin-top:auto}

/* Neden biz */
.ofm-why{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:56px;align-items:center}
.ofm-why-copy h2{margin:8px 0 14px;font-size:36px;line-height:1.18;color:var(--o-navy);font-weight:800}
.ofm-why-copy p{margin:0 0 24px;color:var(--o-muted);font-size:16px;line-height:1.7}
.ofm-why-stats{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:12px 34px;list-style:none;padding:20px 0;margin:0 0 26px;border-block:1px solid var(--o-line)}
.ofm-why-stats b{display:block;font-size:26px;color:var(--o-main);font-weight:800;line-height:1.1}
.ofm-why-stats span{font-size:12.5px;color:var(--o-muted);font-weight:600}
.ofm-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ofm-why-item{display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:20px;background:var(--o-bg);border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}
.ofm-why-item:hover{transform:translateY(-5px);background:#fff;box-shadow:var(--o-shadow-lg)}
.ofm-why-item>span{width:54px;height:54px;border-radius:16px;background:var(--o-grad);color:#fff;display:grid;place-items:center;font-size:26px;box-shadow:0 10px 20px rgba(10,171,41,.25)}
.ofm-why-item b{display:block;font-size:16.5px;color:var(--o-navy);margin-bottom:4px}
.ofm-why-item small{display:block;font-size:13.5px;line-height:1.55;color:var(--o-muted)}

/* 3 adım */
.ofm-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;counter-reset:s;position:relative}
.ofm-steps li{position:relative;background:#fff;border:1px solid var(--o-line);border-radius:22px;padding:34px 30px;text-align:center;transition:transform .2s,box-shadow .2s}
.ofm-steps li:hover{transform:translateY(-5px);box-shadow:var(--o-shadow-lg)}
.ofm-steps li:not(:last-child)::after{content:"";position:absolute;right:-27px;top:62px;width:28px;height:2px;background:repeating-linear-gradient(90deg,var(--o-main) 0 6px,transparent 6px 11px)}
.ofm-step-n{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 18px;border-radius:50%;background:var(--o-grad);color:#fff;font-size:26px;font-weight:800;box-shadow:0 12px 24px rgba(10,171,41,.3)}
.ofm-steps h3{margin:0 0 8px;font-size:20px;color:var(--o-navy)}
.ofm-steps p{margin:0;color:var(--o-muted);font-size:14.5px;line-height:1.6}

/* Hizmetler */
.ofm-services{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ofm-service{display:flex;flex-direction:column;gap:10px;padding:28px;border-radius:20px;background:var(--o-bg);text-decoration:none;color:var(--o-text);transition:transform .2s,box-shadow .2s,background .2s}
.ofm-service:hover{transform:translateY(-5px);background:#fff;box-shadow:var(--o-shadow-lg)}
.ofm-service>span{width:52px;height:52px;border-radius:15px;background:rgba(10,171,41,.12);color:var(--o-main);display:grid;place-items:center;font-size:25px}
.ofm-service b{font-size:18px;color:var(--o-navy)}
.ofm-service small{font-size:14px;line-height:1.55;color:var(--o-muted)}

/* Yorumlar (otomatik geçişli şerit) */
.ofm-rail{position:relative}
.ofm-rail-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 2px 14px}
.ofm-rail-track::-webkit-scrollbar{display:none}
.ofm-testi{flex:0 0 calc((100% - 60px)/4);scroll-snap-align:start;margin:0;background:#fff;border:1px solid var(--o-line);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:16px;min-width:280px}
.ofm-stars{display:flex;gap:3px;color:#d5e6da;font-size:17px}
.ofm-stars .on{color:var(--o-gold)}
.ofm-testi blockquote{margin:0;font-size:14.5px;line-height:1.7;color:var(--o-text);flex:1}
.ofm-testi figcaption{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--o-line)}
.ofm-testi figcaption img,.ofm-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none}
.ofm-avatar{display:grid;place-items:center;background:var(--o-grad);color:#fff;font-weight:800;font-size:18px}
.ofm-testi figcaption b{display:block;font-size:14.5px;color:var(--o-navy)}
.ofm-testi figcaption small{color:var(--o-muted);font-size:12.5px}
.ofm-body .ofm-rail-btn{position:absolute;top:50%;transform:translateY(-60%);z-index:3;width:46px;height:46px;min-height:0;padding:0;border-radius:50%;border:1px solid var(--o-line);background:#fff;color:var(--o-text);display:grid;place-items:center;cursor:pointer;box-shadow:var(--o-shadow);font-size:18px}
.ofm-body .ofm-rail-btn:hover{background:var(--o-main);color:#fff;border-color:var(--o-main)}
.ofm-rail-btn.prev{left:-22px}.ofm-rail-btn.next{right:-22px}

/* Haberler */
.ofm-news{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ofm-new{background:var(--o-bg);border-radius:20px;overflow:hidden;transition:transform .22s,box-shadow .22s}
.ofm-new:hover{transform:translateY(-6px);box-shadow:var(--o-shadow-lg);background:#fff}
.ofm-new-img{display:block;aspect-ratio:16/9;overflow:hidden}
.ofm-new-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.ofm-new:hover .ofm-new-img img{transform:scale(1.06)}
.ofm-new-body{padding:22px 24px 26px}
.ofm-new-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.ofm-new-meta time{font-size:12.5px;color:var(--o-muted);font-weight:600}
.ofm-new h3{margin:0 0 8px;font-size:18px;line-height:1.4}
.ofm-new h3 a{color:var(--o-navy);text-decoration:none}
.ofm-new h3 a:hover{color:var(--o-main)}
.ofm-new p{margin:0;font-size:14px;line-height:1.6;color:var(--o-muted)}

/* SSS */
.ofm-faq-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr);gap:60px;align-items:start}
.ofm-faq-intro h2{margin:8px 0 12px;font-size:34px;color:var(--o-navy)}
.ofm-faq-intro p{margin:0 0 22px;color:var(--o-muted);line-height:1.7}
.ofm-faq{display:grid;gap:12px}
.ofm-faq-item{background:#fff;border:1px solid var(--o-line);border-radius:16px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.ofm-faq-item.open{border-color:rgba(10,171,41,.4);box-shadow:var(--o-shadow)}
.ofm-body .ofm-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;min-height:0;border:0;background:transparent;font:inherit;font-size:15.5px;font-weight:700;color:var(--o-navy);text-align:left;cursor:pointer;border-radius:0;box-shadow:none}
.ofm-faq-q i{flex:none;width:30px;height:30px;border-radius:50%;background:var(--o-bg);position:relative;transition:background .2s}
.ofm-faq-q i::before,.ofm-faq-q i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:var(--o-main);transform:translate(-50%,-50%);transition:transform .25s}
.ofm-faq-q i::after{transform:translate(-50%,-50%) rotate(90deg)}
.ofm-faq-item.open .ofm-faq-q i{background:var(--o-main)}
.ofm-faq-item.open .ofm-faq-q i::before,.ofm-faq-item.open .ofm-faq-q i::after{background:#fff}
.ofm-faq-item.open .ofm-faq-q i::after{transform:translate(-50%,-50%) rotate(0)}
.ofm-faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
.ofm-faq-a>div{overflow:hidden;padding:0 24px;color:var(--o-muted);line-height:1.7;font-size:14.5px}
.ofm-faq-item.open .ofm-faq-a{grid-template-rows:1fr}
.ofm-faq-item.open .ofm-faq-a>div{padding-bottom:22px}

/* Bülten / bayi bandı */
.ofm-dealer{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:44px 52px;border-radius:26px;background:linear-gradient(110deg,#0c471a 0%,#0a9027 58%,#06cf23 135%);color:#fff;position:relative;overflow:hidden}
.ofm-dealer::after{content:"";position:absolute;right:-80px;top:-120px;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.07)}
.ofm-dealer .ofm-kicker{color:#9feaad}
.ofm-dealer h2{margin:6px 0 8px;font-size:30px;line-height:1.25;color:#fff}
.ofm-dealer p{margin:0;color:#cff3d6}
.ofm-dealer form{position:relative;z-index:1;flex:0 0 min(520px,46%)}
.ofm-dealer form>div{display:flex;gap:10px}
.ofm-dealer input{flex:1;min-width:0;height:54px;border-radius:14px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;padding:0 18px;font:inherit}
.ofm-dealer input::placeholder{color:#9ed2a9}
.ofm-dealer input:focus{outline:0;background:rgba(255,255,255,.18);border-color:#fff}
.ofm-dealer .ofm-btn{height:54px;background:#fff;color:var(--o-main);box-shadow:none}
.ofm-dealer small{display:block;margin-top:10px;color:#9ed2a9;font-size:12.5px}

/* Sayfa genelinde toparlama */
.ofm-home .ofm-sec+.ofm-sec{border-top:0}

/* Duyarlı */
@media(max-width:1500px){
  .ofm-grid{grid-template-columns:repeat(3,1fr)}
  .ofm-testi{flex-basis:calc((100% - 40px)/3)}
}
@media(max-width:1180px){
  .ofm-grid{grid-template-columns:repeat(2,1fr)}
  .ofm-slide{grid-template-columns:1fr;padding:44px 40px 70px;gap:10px}
  .ofm-slide-art{display:none}
  .ofm-slider{min-height:0}
  .ofm-banners{grid-template-columns:1fr}
  .ofm-why{grid-template-columns:1fr;gap:34px}
  .ofm-bundles,.ofm-news,.ofm-services{grid-template-columns:repeat(2,1fr)}
  .ofm-faq-layout{grid-template-columns:1fr;gap:28px}
  .ofm-testi{flex-basis:calc((100% - 20px)/2)}
  .ofm-dealer{flex-direction:column;align-items:flex-start;padding:36px 30px}
  .ofm-dealer form{flex-basis:auto;width:100%}
  .ofm-domain-box{flex-direction:column;align-items:flex-start}.ofm-domain-form{max-width:none;width:100%}
}
@media(max-width:760px){
  .ofm-sec{padding:44px 0}
  .ofm-head{flex-direction:column;align-items:flex-start;gap:10px}
  .ofm-head h2{font-size:26px}
  .ofm-cats{grid-template-columns:repeat(3,1fr);gap:10px}
  .ofm-cat{padding:16px 6px 14px}.ofm-cat-ico{width:50px;height:50px;font-size:23px}
  .ofm-grid,.ofm-bundles,.ofm-news,.ofm-services,.ofm-steps{grid-template-columns:1fr}
  .ofm-steps li:not(:last-child)::after{display:none}
  .ofm-why-grid{grid-template-columns:1fr}
  .ofm-why-stats{grid-template-columns:repeat(2,auto)}
  .ofm-slide{padding:34px 22px 64px}
  .ofm-slide-nav{display:none}
  .ofm-slide-act .ofm-btn{height:48px;padding:0 20px;font-size:14.5px}
  .ofm-slide-copy p{font-size:15.5px}
  .ofm-testi{flex-basis:86%}
  .ofm-rail-btn{display:none!important}
  .ofm-dealer form>div{flex-direction:column}
  .ofm-dealer h2{font-size:23px}
}

/* =========================================================
   KATALOG (kategori / tüm yazılımlar)
   ========================================================= */
.ofm-page{padding-bottom:0}
.ofm-pagehead{padding:26px 0 0}
.ofm-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--o-muted);margin-bottom:16px}
.ofm-crumbs a{color:var(--o-muted);text-decoration:none;font-weight:600}
.ofm-crumbs a:hover{color:var(--o-main)}
.ofm-crumbs i{font-style:normal;opacity:.6}
.ofm-crumbs span{color:var(--o-text);font-weight:700}
.ofm-pagehead-box{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px 46px;border-radius:24px;background:radial-gradient(520px 260px at 90% 20%,rgba(10,171,41,.16),transparent 70%),linear-gradient(110deg,#fff 0%,#eafbee 100%);border:1px solid var(--o-line);overflow:hidden}
.ofm-pagehead-copy h1{margin:8px 0 8px;font-size:38px;line-height:1.15;font-weight:800;color:var(--o-navy);letter-spacing:-.01em}
.ofm-pagehead-copy p{margin:0;color:var(--o-muted);font-size:16px;max-width:680px;line-height:1.6}
.ofm-pagehead-points{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ofm-pagehead-points li{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;color:var(--o-navy)}
.ofm-pagehead-points .icon{color:var(--o-green);font-size:20px}
.ofm-pagehead-slim{padding-bottom:0}
.ofm-pagehead-slim .ofm-crumbs{margin-bottom:0}
.ofm-catalog-sec{padding-top:30px}
.ofm-catalog{display:grid;grid-template-columns:320px minmax(0,1fr);gap:30px;align-items:start}
.ofm-side{position:sticky;top:76px;display:grid;gap:18px;min-width:0}
.ofm-side>*{min-width:0}
.ofm-side-search input{width:100%}
.ofm-side-box{background:#fff;border:1px solid var(--o-line);border-radius:20px;padding:22px}
.ofm-side-box h3{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;font-size:15px;font-weight:800;color:var(--o-navy)}
.ofm-side-box h3 a{font-size:12.5px;color:var(--o-main);text-decoration:none}
.ofm-side-search{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;border-radius:12px;background:var(--o-bg);border:2px solid transparent}
.ofm-side-search:focus-within{border-color:var(--o-main);background:#fff}
.ofm-side-search input{flex:1;min-width:0;border:0;background:transparent;outline:0;font:inherit;font-size:14px;padding:0;box-shadow:none;height:100%}
.ofm-side-search .icon{color:var(--o-muted)}
.ofm-side-nav{display:grid;gap:4px}
.ofm-side-nav a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:12px;text-decoration:none;color:var(--o-text);font-weight:600;font-size:14px;transition:background .15s,color .15s}
.ofm-side-nav a span{display:flex;align-items:center;gap:10px}
.ofm-side-nav a .icon{color:var(--o-main);font-size:18px}
.ofm-side-nav a em{font-style:normal;font-size:12px;font-weight:800;min-width:26px;text-align:center;padding:3px 8px;border-radius:99px;background:var(--o-bg);color:var(--o-muted)}
.ofm-side-nav a:hover{background:var(--o-bg);color:var(--o-main)}
.ofm-side-nav a.active{background:var(--o-grad);color:#fff;box-shadow:0 8px 18px rgba(10,171,41,.25)}
.ofm-side-nav a.active .icon{color:#fff}
.ofm-side-nav a.active em{background:rgba(255,255,255,.25);color:#fff}
.ofm-side-help{background:linear-gradient(135deg,#0c471a,#0a9027);color:#fff;border:0}
.ofm-side-help b{display:block;font-size:16px;margin-bottom:6px}
.ofm-side-help p{margin:0 0 16px;font-size:13.5px;color:#cff3d6;line-height:1.55}
.ofm-side-close,.ofm-filter-open{display:none}
.ofm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;padding:14px 20px;background:#fff;border:1px solid var(--o-line);border-radius:16px}
.ofm-count{font-size:14.5px;color:var(--o-muted)}
.ofm-count b{color:var(--o-navy);font-size:16px}
.ofm-count-tag{display:inline-block;padding:3px 10px;border-radius:7px;background:rgba(10,171,41,.1);color:var(--o-main);font-weight:800;font-size:13px}
.ofm-sort{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--o-muted);font-weight:600}
.ofm-sort select{height:42px;border-radius:11px;border:1px solid var(--o-line);background:var(--o-bg);padding:0 14px;font:inherit;font-size:14px;font-weight:700;color:var(--o-text);cursor:pointer}
.ofm-grid-3{grid-template-columns:repeat(3,1fr)}
.ofm-cell{display:flex;min-width:0}
.ofm-cell[hidden]{display:none}
.ofm-cell>.ofm-card{flex:1}
.ofm-more-wrap{display:flex;justify-content:center;margin-top:34px}
.ofm-more-wrap [hidden]{display:none}
.ofm-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:70px 20px;text-align:center;background:#fff;border:1px dashed var(--o-line);border-radius:22px;color:var(--o-muted)}
.ofm-empty[hidden]{display:none}
.ofm-empty .icon{font-size:38px;color:var(--o-main)}
.ofm-empty b{font-size:18px;color:var(--o-navy)}
.ofm-empty p{margin:0 0 8px}
.ofm-side-overlay{display:none}

/* =========================================================
   ÜRÜN DETAY (JS'in ürettiği yapıyı Ofisimo düzenine oturtur)
   ========================================================= */
.ofm-product-sec{padding-top:26px}
.ofm-product-page .detail-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:30px;align-items:start;margin:0}
.ofm-product-page .gallery-main{position:relative;border-radius:22px;background:linear-gradient(135deg,rgba(10,171,41,.1),rgba(6,207,35,.12));padding:46px 22px 22px;border:1px solid var(--o-line);overflow:hidden;min-height:0;aspect-ratio:auto}
.ofm-product-page .gallery-main::before{content:"";position:absolute;left:0;right:0;top:0;height:30px;background:linear-gradient(#f4fbf8,#e6f4ef);border-bottom:1px solid rgba(20,70,56,.08)}
.ofm-product-page .gallery-main::after{content:"";position:absolute;left:14px;top:11px;width:8px;height:8px;border-radius:50%;background:#ff6b6b;box-shadow:14px 0 0 #ffc14d,28px 0 0 #4ed08a}
.ofm-product-page .gallery-main img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 14px 34px rgba(20,90,74,.22);object-fit:cover}
.ofm-product-page .gallery-badge{position:absolute;left:auto;width:auto;height:auto;right:18px;top:44px;z-index:3;background:var(--o-orange);color:#fff;font-weight:800;padding:6px 12px;border-radius:9px}
.ofm-product-page .gallery-thumbs{display:flex;gap:12px;margin-top:14px}
.ofm-product-page .gallery-thumb{width:96px;height:64px;border-radius:12px;overflow:hidden;border:2px solid var(--o-line);padding:0;background:#fff;cursor:pointer;transition:border-color .15s}
.ofm-product-page .gallery-thumb.active,.ofm-product-page .gallery-thumb:hover{border-color:var(--o-main)}
.ofm-product-page .gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ofm-product-page .detail-panel{background:#fff;border:1px solid var(--o-line);border-radius:22px;padding:30px;box-shadow:var(--o-shadow);position:sticky;top:76px}
.ofm-product-page .detail-title-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.ofm-product-page .detail-kicker{display:inline-block;padding:4px 11px;border-radius:8px;background:rgba(10,171,41,.1);color:var(--o-main);font-size:11.5px;font-weight:800;letter-spacing:.08em;margin-bottom:10px}
.ofm-product-page .detail-panel h1{margin:0 0 10px;font-size:30px;line-height:1.2;font-weight:800;color:var(--o-navy)}
.ofm-product-page .detail-rating{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:13.5px;color:var(--o-muted)}
.ofm-product-page .detail-rating .stars{color:var(--o-gold);letter-spacing:2px}
.ofm-product-page .detail-copy{color:var(--o-muted);line-height:1.7;font-size:14.5px;margin:0 0 20px}
.ofm-product-page .detail-price-box{display:flex;align-items:baseline;gap:12px;padding:20px 22px;border-radius:16px;background:var(--o-grad);margin-bottom:16px}
.ofm-product-page .detail-price{font-size:34px;font-weight:800;color:#fff;letter-spacing:-.01em}
.ofm-product-page .detail-old{color:rgba(255,255,255,.7);text-decoration:line-through;font-size:16px}
.ofm-product-page .detail-actions{margin-bottom:12px}
.ofm-product-page .detail-add,.ofm-product-page .detail-actions button{width:100%;height:56px;border-radius:14px;border:0;background:var(--o-navy);color:#fff;font:inherit;font-size:16px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .18s,background .18s,box-shadow .18s}
.ofm-product-page .detail-add:hover{background:#1a6050;transform:translateY(-2px);box-shadow:0 12px 26px rgba(12,48,38,.3)}
.ofm-product-page .detail-add.is-disabled,.ofm-product-page .detail-add:disabled{background:#cbe0d1;cursor:not-allowed;transform:none;box-shadow:none}
.ofm-product-page .detail-secondary-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:20px}
.ofm-product-page .detail-demo-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:12px;border:1.5px solid var(--o-main);color:var(--o-main);font-weight:800;font-size:14px;text-decoration:none;background:#fff;transition:background .18s,color .18s}
.ofm-product-page .detail-demo-btn:hover{background:var(--o-main);color:#fff}
.ofm-product-page .detail-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:20px;border-top:1px solid var(--o-line)}
.ofm-product-page .detail-point{display:flex;align-items:center;gap:11px;padding:12px;border-radius:13px;background:var(--o-bg)}
.ofm-product-page .detail-point i{width:38px;height:38px;border-radius:11px;background:#fff;color:var(--o-main);display:grid;place-items:center;font-style:normal;font-size:17px;flex:none}
.ofm-product-page .detail-point b{display:block;font-size:13.5px;color:var(--o-navy)}
.ofm-product-page .detail-point small{font-size:11.5px;color:var(--o-muted)}
.ofm-product-page .detail-fav{width:44px;height:44px;border-radius:50%;border:1px solid var(--o-line);background:#fff;color:#7f93a1;display:grid;place-items:center;cursor:pointer;flex:none}
.ofm-product-page .detail-fav.active{color:var(--o-red)}
.ofm-product-page .detail-tabs{margin-top:34px;background:#fff;border:1px solid var(--o-line);border-radius:22px;padding:14px 14px 28px}
.ofm-product-page .tabbar{display:flex;flex-wrap:wrap;gap:8px;padding:6px;background:var(--o-bg);border-radius:16px;margin-bottom:26px}
.ofm-product-page .tabbar button{flex:1;min-width:140px;height:48px;border:0;border-radius:12px;background:transparent;font:inherit;font-weight:800;font-size:14px;color:var(--o-muted);cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
.ofm-product-page .tabbar button:hover{color:var(--o-main)}
.ofm-product-page .tabbar button.active{background:#fff;color:var(--o-main);box-shadow:0 6px 16px rgba(40,110,94,.12)}
.ofm-product-page .detail-tab-pane{padding:6px 20px;color:var(--o-text);line-height:1.75}
.ofm-product-page .detail-tab-pane h3{color:var(--o-navy);font-size:20px;margin:0 0 14px}
.ofm-related{margin-top:60px}

@media(max-width:1500px){.ofm-grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1180px){
  .ofm-catalog{grid-template-columns:1fr}
  .ofm-filter-open{display:inline-flex;margin-bottom:16px;width:100%}
  .ofm-side{position:fixed;left:0;top:0;bottom:0;width:min(360px,90vw);z-index:200;background:var(--o-bg);padding:64px 16px 24px;overflow:auto;transform:translateX(-102%);transition:transform .28s ease;box-shadow:var(--o-shadow-lg)}
  .ofm-side.open{transform:none}
  .ofm-side-close{display:grid;position:absolute;right:14px;top:14px;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:var(--o-text);place-items:center;cursor:pointer;font-size:16px}
  .ofm-side-overlay{display:block;position:fixed;inset:0;background:rgba(10,40,33,.5);z-index:190;opacity:0;visibility:hidden;transition:opacity .25s}
  .ofm-side-overlay.show{opacity:1;visibility:visible}
  .ofm-pagehead-points{display:none}
  .ofm-product-page .detail-layout{grid-template-columns:1fr}
  .ofm-product-page .detail-panel{position:static}
}
@media(max-width:760px){
  .ofm-pagehead-box{padding:26px 22px}
  .ofm-pagehead-copy h1{font-size:28px}
  .ofm-grid-3{grid-template-columns:1fr}
  .ofm-toolbar{flex-direction:column;align-items:flex-start}
  .ofm-product-page .detail-points{grid-template-columns:1fr}
  .ofm-product-page .detail-panel{padding:22px}
  .ofm-product-page .detail-panel h1{font-size:24px}
  .ofm-product-page .tabbar button{min-width:46%}
}

/* ===== Revize 4: birleşik butonlar ===== */
.ofm-body .btn-primary,.ofm-body .login-btn,.ofm-body .form-submit,.ofm-body .addcart,.ofm-body .checkout,.ofm-body .subscribe button,.ofm-body .cart-empty-actions .btn-primary,.ofm-body .detail-actions .btn-primary{background:var(--o-grad);color:#fff;border:0;border-radius:12px;font-weight:700;font-size:15.5px;font-family:inherit;box-shadow:0 10px 22px rgba(10,171,43,.25);text-shadow:none;transition:filter .18s,transform .18s,box-shadow .18s}
.ofm-body .btn-primary:hover,.ofm-body .login-btn:hover,.ofm-body .form-submit:hover,.ofm-body .addcart:hover,.ofm-body .checkout:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 14px 28px rgba(10,171,43,.32)}
.ofm-body .btn-ghost,.ofm-body .btn-secondary{border-radius:12px;font-weight:700;font-size:15.5px;border:1.5px solid var(--o-main);color:var(--o-main);background:#fff;box-shadow:none}
.ofm-body .btn-ghost:hover,.ofm-body .btn-secondary:hover{background:var(--o-main);color:#fff}

/* ===== Revize 4: mini sepet ===== */
.ofm-body .cart-drawer{width:min(480px,100%) !important;background:#fff !important;color:var(--o-text) !important;display:flex;flex-direction:column;padding:0 !important;border-left:0 !important;box-shadow:-24px 0 60px rgba(8,70,23,.22) !important}
.ofm-body .cart-drawer .cart-head{display:flex;align-items:center;justify-content:space-between;padding:22px 26px !important;background:var(--o-grad);color:#fff;border:0 !important;margin:0 !important}
.ofm-body .cart-drawer .cart-kicker{display:block;font-size:12px !important;font-weight:800;letter-spacing:.12em;color:rgba(255,255,255,.78) !important;margin-bottom:4px}
.ofm-body .cart-drawer .cart-head h3{margin:0;font-size:24px !important;font-weight:800;color:#fff !important;display:flex;align-items:baseline;gap:10px}
.ofm-body .cart-drawer .cart-head h3 small{font-size:14px !important;font-weight:600;color:rgba(255,255,255,.85) !important;background:rgba(255,255,255,.18);padding:3px 11px;border-radius:99px}
.ofm-body .cart-drawer .close{width:42px;height:42px;min-height:0;border-radius:50%;background:rgba(255,255,255,.18) !important;color:#fff !important;border:0 !important;font-size:17px;cursor:pointer;display:grid;place-items:center;box-shadow:none;padding:0}
.ofm-body .cart-drawer .close:hover{background:rgba(255,255,255,.32) !important}
.ofm-body .cart-drawer .cart-progress{display:flex;gap:14px;align-items:center;margin:18px 22px 0 !important;padding:14px 16px !important;border-radius:14px;background:var(--o-bg) !important;border:1px solid var(--o-line) !important}
.ofm-body .cart-drawer .cart-progress-icon{width:42px;height:42px;border-radius:12px;background:var(--o-grad);color:#fff;display:grid;place-items:center;font-size:18px;flex:none}
.ofm-body .cart-drawer .cart-progress b{display:block;font-size:15px !important;color:var(--o-navy) !important}
.ofm-body .cart-drawer .cart-progress small{display:block;font-size:13px !important;color:var(--o-muted) !important;line-height:1.45}
.ofm-body .cart-drawer .cart-body{flex:1;overflow:auto;padding:18px 22px !important;display:flex;flex-direction:column;gap:12px}
.ofm-body .cart-drawer .cart-item{display:grid;grid-template-columns:84px 1fr auto;gap:14px;align-items:center;padding:12px !important;border:1px solid var(--o-line) !important;border-radius:16px;background:#fff !important;box-shadow:0 4px 14px rgba(13,120,34,.06)}
.ofm-body .cart-drawer .cart-thumb-link{display:block;width:84px;height:64px;border-radius:10px;overflow:hidden;background:var(--o-bg)}
.ofm-body .cart-drawer .cart-thumb{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.ofm-body .cart-drawer .cart-item-main b{display:block;font-size:15.5px !important;line-height:1.35;color:var(--o-navy) !important}
.ofm-body .cart-drawer .cart-title-link{color:inherit !important;text-decoration:none}
.ofm-body .cart-drawer .cart-item-main small{display:block;font-size:13px !important;color:var(--o-muted) !important;margin:2px 0 4px}
.ofm-body .cart-drawer .remove{background:none !important;border:0 !important;color:var(--o-red) !important;font-size:13px !important;font-weight:700;cursor:pointer;padding:0 !important;min-height:0;box-shadow:none !important;font-family:inherit}
.ofm-body .cart-drawer .remove:hover{text-decoration:underline}
.ofm-body .cart-drawer .cart-price-side strong{font-size:17px !important;color:var(--o-main) !important;font-weight:800;white-space:nowrap}
.ofm-body .cart-drawer .cart-empty{margin:auto;text-align:center;padding:30px 10px;display:flex;flex-direction:column;align-items:center;gap:8px}
.ofm-body .cart-drawer .cart-empty-icon{width:96px;height:96px;border-radius:50%;background:var(--o-bg);color:var(--o-main);display:grid;place-items:center;margin-bottom:8px}
.ofm-body .cart-drawer .cart-empty-icon svg{width:44px;height:44px}
.ofm-body .cart-drawer .cart-empty b{font-size:20px !important;color:var(--o-navy) !important}
.ofm-body .cart-drawer .cart-empty span{font-size:14.5px !important;color:var(--o-muted) !important;max-width:300px;line-height:1.55}
.ofm-body .cart-drawer .cart-empty-actions{margin-top:14px}
.ofm-body .cart-drawer .cart-empty-actions .btn{display:inline-flex;align-items:center;height:50px;padding:0 28px;text-decoration:none}
.ofm-body .cart-drawer .cart-footer{padding:18px 24px 24px !important;border-top:1px solid var(--o-line) !important;background:#fff !important;box-shadow:0 -12px 28px rgba(13,120,34,.07)}
.ofm-body .cart-drawer .cart-summary-row{display:flex;justify-content:space-between;font-size:15px !important;color:var(--o-muted) !important;padding:5px 0}
.ofm-body .cart-drawer .cart-summary-row b{color:var(--o-text) !important}
.ofm-body .cart-drawer .cart-total{display:flex;justify-content:space-between;align-items:center;margin:10px 0 16px !important;padding-top:14px;border-top:1px dashed var(--o-line);font-size:17px !important;font-weight:800;color:var(--o-navy) !important}
.ofm-body .cart-drawer .cart-total span:last-child{font-size:26px !important;color:var(--o-main) !important}
.ofm-body .cart-drawer .checkout{width:100%;height:56px;font-size:17px !important;border-radius:14px}
@media(max-width:560px){.ofm-body .cart-drawer .cart-item{grid-template-columns:70px 1fr}.ofm-body .cart-drawer .cart-price-side{grid-column:2}}
.ofm-body .cart-drawer .cart-empty-icon svg{width:44px !important;height:44px !important}
.ofm-body .cart-drawer .checkout,.ofm-body .cart-drawer .cart-empty-actions .btn-primary{border:0 !important;border-bottom:0 !important;box-shadow:0 10px 22px rgba(10,171,43,.25) !important}
.ofm-body .cart-drawer .cart-summary-row.discount-row{display:flex}
.ofm-body .cart-drawer .cart-item{width:100%;box-sizing:border-box;margin:0 !important;max-width:none !important}
.ofm-body .cart-drawer .cart-item-main{min-width:0}

/* ===== Revize 5: Ofisimo tarzı ürün detay ===== */
.ofm-body .ofm-product-page .detail-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px}
.ofm-body .ofm-product-page .detail-panel{padding:34px 36px !important;border-radius:24px !important;background:#fff !important;border:1px solid var(--o-line) !important;box-shadow:var(--o-shadow) !important;top:80px}
.ofm-body .ofm-product-page .detail-panel h1{font-size:34px !important;line-height:1.2 !important;margin:0 0 12px !important;color:var(--o-navy) !important;font-weight:800 !important;letter-spacing:-.01em}
.ofm-body .ofm-product-page .detail-rating{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0 0 14px !important;font-size:15px !important;color:var(--o-muted)}
.ofm-body .ofm-product-page .detail-rating b{color:var(--o-navy);font-size:15px}
.ofm-body .ofm-product-page .detail-cat{margin-left:auto;padding:5px 14px;border-radius:99px;background:rgba(10,171,41,.1);color:var(--o-main);font-weight:700;font-size:13.5px}
.ofm-body .ofm-product-page .detail-copy{font-size:17px !important;line-height:1.65 !important;color:var(--o-muted) !important;margin:0 0 22px !important}
.ofm-body .ofm-product-page .detail-info-row{display:grid;grid-template-columns:1.05fr 1fr;gap:14px;margin-bottom:20px}
.ofm-body .ofm-product-page .detail-price-box{display:block !important;position:relative;padding:20px 22px !important;border-radius:18px !important;background:var(--o-grad) !important;color:#fff;margin:0 !important;box-shadow:0 14px 28px rgba(10,171,43,.25)}
.ofm-body .ofm-product-page .detail-price-box small{display:block;font-size:15px;color:rgba(255,255,255,.88);margin-bottom:6px}
.ofm-body .ofm-product-page .detail-price-line{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.ofm-body .ofm-product-page .detail-price{font-size:38px !important;font-weight:800 !important;color:#fff !important;line-height:1.1}
.ofm-body .ofm-product-page .detail-old{font-size:17px !important;color:rgba(255,255,255,.75) !important;text-decoration:line-through}
.ofm-body .ofm-product-page .detail-vat{position:absolute;right:16px;bottom:16px;font-style:normal;font-size:13.5px;font-weight:800;background:#fff;color:var(--o-navy);padding:4px 12px;border-radius:99px}
.ofm-body .ofm-product-page .detail-code-box{padding:20px 22px;border-radius:18px;background:var(--o-bg);border:1px solid var(--o-line)}
.ofm-body .ofm-product-page .detail-code-box small{display:block;font-size:15px;color:var(--o-muted);margin-bottom:6px}
.ofm-body .ofm-product-page .detail-code-box b{display:block;font-size:24px;font-weight:800;color:var(--o-navy);margin-bottom:8px;word-break:break-all}
.ofm-body .ofm-product-page .detail-code-box span{font-size:14.5px;font-weight:700;color:var(--o-green)}
.ofm-body .ofm-product-page .detail-points{display:grid !important;grid-template-columns:1fr 1fr;gap:0 !important;padding:18px 0 !important;margin:0 0 18px;border-top:1px solid var(--o-line) !important;border-bottom:1px solid var(--o-line)}
.ofm-body .ofm-product-page .detail-point{background:none !important;padding:4px 18px !important;border-radius:0 !important;display:flex;align-items:center;gap:14px}
.ofm-body .ofm-product-page .detail-point+.detail-point{border-left:1px solid var(--o-line)}
.ofm-body .ofm-product-page .detail-point:first-child{padding-left:0 !important}
.ofm-body .ofm-product-page .detail-point .icon{width:34px;height:34px;color:var(--o-main);flex:none}
.ofm-body .ofm-product-page .detail-point b{font-size:16.5px !important;color:var(--o-navy) !important;display:block}
.ofm-body .ofm-product-page .detail-point small{font-size:14.5px !important;color:var(--o-main) !important}
.ofm-body .ofm-product-page .detail-actions{margin-bottom:12px !important}
.ofm-body .ofm-product-page .detail-add,.ofm-body .ofm-product-page .detail-actions button{height:60px !important;border-radius:14px !important;background:var(--o-grad) !important;color:#fff !important;font-size:18px !important;font-weight:800 !important;border:0 !important;box-shadow:0 12px 26px rgba(10,171,43,.28) !important}
.ofm-body .ofm-product-page .detail-add:hover{filter:brightness(1.08);transform:translateY(-2px)}
.ofm-body .ofm-product-page .detail-add.is-disabled,.ofm-body .ofm-product-page .detail-add:disabled{background:#cbe0d1 !important;box-shadow:none !important}
.ofm-body .ofm-product-page .detail-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px !important}
.ofm-body .ofm-product-page .detail-demo-btn{height:52px !important;font-size:16px !important;border-radius:12px !important;border:1.5px solid var(--o-main) !important;color:var(--o-main) !important;background:#fff !important;gap:9px;box-shadow:none !important}
.ofm-body .ofm-product-page .detail-demo-btn .icon{width:20px;height:20px}
.ofm-body .ofm-product-page .detail-demo-btn:hover{background:var(--o-main) !important;color:#fff !important}
.ofm-body .ofm-product-page .detail-sub-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ofm-body .ofm-product-page .detail-sub-btn{display:flex;align-items:center;justify-content:center;gap:10px;height:52px;min-height:0;padding:0 14px;border-radius:12px;border:0;background:var(--o-bg);color:var(--o-text);font:inherit;font-size:16px;font-weight:600;cursor:pointer;box-shadow:none;transition:background .18s,color .18s}
.ofm-body .ofm-product-page .detail-sub-btn .icon{width:20px;height:20px}
.ofm-body .ofm-product-page .detail-sub-btn:hover{background:#e3f7e7;color:var(--o-main)}
.ofm-body .ofm-product-page .detail-sub-btn.active{color:var(--o-red)}
.ofm-body .ofm-product-page .detail-sub-btn.active .icon{fill:currentColor}

/* sekmeler */
.ofm-body .ofm-product-page .detail-tabs{margin-top:34px !important;padding:0 !important;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important}
.ofm-body .ofm-product-page .tabbar{display:flex;flex-wrap:nowrap;gap:10px;padding:0 !important;margin:0 !important;background:transparent !important;border-radius:0 !important;overflow-x:auto;scrollbar-width:none}
.ofm-body .ofm-product-page .tabbar::-webkit-scrollbar{display:none}
.ofm-body .ofm-product-page .tabbar button{flex:1 0 auto;min-width:0 !important;height:60px !important;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 24px;border:0 !important;border-radius:16px 16px 0 0 !important;background:#e6f5ea !important;color:var(--o-text) !important;font-size:17px !important;font-weight:700 !important;box-shadow:none !important;white-space:nowrap}
.ofm-body .ofm-product-page .tabbar button .icon{width:22px;height:22px}
.ofm-body .ofm-product-page .tabbar button:hover{background:#d8f1de !important}
.ofm-body .ofm-product-page .tabbar button.active{background:var(--o-grad) !important;color:#fff !important}
.ofm-body .ofm-product-page .detail-tab-pane{background:#fff;border:1px solid var(--o-line);border-top:0;border-radius:0 0 22px 22px;padding:30px !important;margin:0;font-size:16.5px;line-height:1.75;color:var(--o-text)}
.ofm-body .ofm-product-page .detail-tab-pane:not(.active){display:none}
.ofm-body .ofm-product-page .detail-tab-pane h3{font-size:22px;margin:0 0 16px;color:var(--o-navy)}
.ofm-body .ofm-product-page .detail-about{margin-bottom:24px}
.ofm-body .ofm-product-page .detail-about p{margin:0;color:var(--o-muted)}
.ofm-body .ofm-product-page .detail-sub-h{margin-top:30px !important}
.feat-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--o-line);border-radius:14px;overflow:hidden}
.feat-table th{background:var(--o-bg);text-align:left;font-size:14.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--o-navy);padding:16px 22px;font-weight:800}
.feat-table th:last-child,.feat-table td:last-child{width:130px;text-align:center}
.feat-table td{padding:15px 22px;border-top:1px solid var(--o-line);font-size:16.5px;color:var(--o-text)}
.feat-table tbody tr:nth-child(even) td{background:#fafdfb}
.feat-table .feat-ok{width:26px;height:26px;color:var(--o-green)}
.demo-cards,.pay-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.demo-card,.pay-card{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:16px;background:var(--o-bg);border:1px solid var(--o-line);text-decoration:none;color:var(--o-text)}
.demo-card b,.pay-card b{font-size:18px;color:var(--o-navy)}
.demo-card span,.pay-card span{font-size:15.5px;color:var(--o-muted);line-height:1.55}
.demo-card em{font-style:normal;font-weight:800;color:var(--o-main);margin-top:6px}
.demo-card:hover{border-color:var(--o-main);background:#fff}
/* sss */
.ofm-body .ofm-product-page .faq-list{display:grid;gap:12px}
.ofm-body .ofm-product-page .faq-item{border:1px solid var(--o-line) !important;border-radius:16px !important;background:#fff !important;padding:0 !important;box-shadow:none !important}
.ofm-body .ofm-product-page .faq-item summary{cursor:pointer;list-style:none;padding:20px 24px !important;font-size:16.5px !important;font-weight:800 !important;color:var(--o-navy) !important;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;gap:14px}
.ofm-body .ofm-product-page .faq-item summary::-webkit-details-marker{display:none}
.ofm-body .ofm-product-page .faq-item summary::after{content:"+";width:32px;height:32px;border-radius:50%;background:#e3f7e7;color:var(--o-main);display:grid;place-items:center;font-size:20px;flex:none}
.ofm-body .ofm-product-page .faq-item[open] summary::after{content:"–"}
.ofm-body .ofm-product-page .faq-item p{margin:0 !important;padding:0 24px 22px !important;font-size:16px !important;color:var(--o-muted) !important;line-height:1.7}
.ofm-body .ofm-product-page .feature-list li,.ofm-body .ofm-product-page .requirement-bubble{font-size:15.5px}

/* benzer yazılımlar rayı */
.ofm-related{margin-top:56px}
.ofm-rel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.ofm-rel-head h2{margin:0;font-size:30px;font-weight:800;color:var(--o-navy)}
.ofm-rail-btns{display:flex;gap:10px}
.ofm-body .ofm-rail-btns button{width:50px;height:50px;min-height:0;padding:0;border-radius:50%;border:0;background:#fff;color:var(--o-navy);display:grid;place-items:center;cursor:pointer;box-shadow:var(--o-shadow);font-size:20px}
.ofm-body .ofm-rail-btns button:hover{background:var(--o-main);color:#fff}
.ofm-rel-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 4px 18px}
.ofm-rel-track::-webkit-scrollbar{display:none}
.ofm-rel-cell{flex:0 0 calc((100% - 60px)/4);min-width:280px;scroll-snap-align:start}
.ofm-rel-cell .ofm-card{height:100%}
@media(max-width:1180px){.ofm-body .ofm-product-page .detail-layout{grid-template-columns:1fr}.ofm-rel-cell{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:760px){.ofm-body .ofm-product-page .detail-info-row,.ofm-body .ofm-product-page .detail-points,.ofm-body .ofm-product-page .detail-secondary-actions,.ofm-body .ofm-product-page .detail-sub-actions{grid-template-columns:1fr}.ofm-body .ofm-product-page .detail-point+.detail-point{border-left:0;padding-left:0 !important;margin-top:12px}.ofm-body .ofm-product-page .detail-panel{padding:24px !important}.ofm-body .ofm-product-page .detail-panel h1{font-size:26px !important}.ofm-rel-cell{flex-basis:84%}.ofm-body .ofm-product-page .tabbar button{font-size:15.5px !important;height:54px !important;padding:0 18px}.ofm-body .ofm-product-page .detail-tab-pane{padding:20px !important}}
.ofm-body .ofm-product-page .detail-add .icon{width:24px !important;height:24px !important}
.ofm-body .ofm-product-page .detail-add,.ofm-body .ofm-product-page .detail-actions .detail-add{border-bottom:0 !important;border:0 !important}
.ofm-body .ofm-product-page .detail-point{border:0 !important;box-shadow:none !important;min-height:0}
.ofm-body .ofm-product-page .detail-point+.detail-point{border-left:1px solid var(--o-line) !important}
.ofm-body .ofm-product-page .detail-points{border-left:0 !important;border-right:0 !important}
.ofm-body .ofm-product-page .detail-about p,.ofm-body .ofm-product-page .detail-tab-pane p{font-size:17px !important;line-height:1.75 !important}
.ofm-body .ofm-product-page .requirement-bubbles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.ofm-body .ofm-product-page .requirement-bubble{padding:20px !important;border-radius:16px;border:1px solid var(--o-line) !important;background:var(--o-bg) !important}
.ofm-body .ofm-product-page .requirement-bubble i{font-size:15px !important;font-style:normal;font-weight:800;color:var(--o-main);display:inline-block;padding:6px 12px;background:#fff;border-radius:10px;margin-bottom:10px}
.ofm-body .ofm-product-page .requirement-bubble b{display:block;font-size:17px !important;color:var(--o-navy)}
.ofm-body .ofm-product-page .requirement-bubble span{font-size:15px !important;color:var(--o-muted)}
.ofm-body .ofm-product-page .detail-empty-state b{font-size:17px}.ofm-body .ofm-product-page .detail-empty-state span{font-size:15.5px}
.ofm-body .ofm-product-page .review-entry p,.ofm-body .ofm-product-page .review-empty-state{font-size:16px !important}

/* button-system.css ezmek için güçlü seçici */
html[data-theme] body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body :is(.btn-primary,.addcart,.checkout,.detail-add,.form-submit,.login-btn,.review-submit-btn):not(:disabled):not(.is-disabled){background:var(--o-grad) !important;color:#fff !important;border:0 !important;box-shadow:0 10px 22px rgba(10,171,43,.26) !important;text-shadow:none !important;transform:none}
html[data-theme] body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body :is(.btn-primary,.addcart,.checkout,.detail-add,.form-submit,.login-btn,.review-submit-btn):not(:disabled):not(.is-disabled):hover{filter:brightness(1.08);transform:translateY(-1px) !important;box-shadow:0 14px 28px rgba(10,171,43,.32) !important}
html[data-theme] body.ofm-body.ofm-body.ofm-body.ofm-body .ofm-product-page .detail-add{height:60px !important;font-size:18px !important;font-weight:800 !important;border-radius:14px !important;gap:12px !important}
html[data-theme] body.ofm-body.ofm-body.ofm-body.ofm-body .ofm-product-page .detail-add .icon{width:24px !important;height:24px !important}
html[data-theme] body.ofm-body.ofm-body.ofm-body.ofm-body .cart-drawer .checkout{height:58px !important;font-size:17px !important;border-radius:14px !important}
.ofm-body .ofm-product-page .detail-vat{position:static;display:inline-block;margin-top:12px}

/* ===== Revize 6: Ofisimo kategori sayfası ===== */
.ofm-body .ofm-lhead,.ofm-body .ofm-lhead h1,.ofm-body .ofm-lgrid,.ofm-body .ofm-lcard h3,.ofm-body .ofm-lcard-price strong,.ofm-body .ofm-lbtn,.ofm-body .ofm-help b,.ofm-body .ofm-toolbar .ofm-count,.ofm-body .ofm-seo h2{font-family:"Lexend",Inter,system-ui,sans-serif}
.ofm-pagehead{padding:22px 0 0}
.ofm-lhead{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:210px;padding:30px 40px;border-radius:22px;border:1px solid #e3f5e8;background:radial-gradient(70% 140% at 85% 30%,rgba(255,255,255,.9),rgba(255,255,255,0) 60%),linear-gradient(100deg,#e4f8e9 0%,#edfaf0 45%,#dcf5e2 100%);overflow:hidden}
.ofm-lhead-copy{max-width:640px;position:relative;z-index:2}
.ofm-lhead .ofm-crumbs{margin:0 0 16px;font-size:13px}
.ofm-lhead .ofm-crumbs i{font-style:normal;opacity:.6}
.ofm-lhead .ofm-crumbs span{color:var(--o-main);font-weight:700}
.ofm-body .ofm-lhead h1{margin:0 0 12px;font-size:clamp(28px,2.6vw,38px);line-height:1.2;font-weight:700;color:#0f3318;letter-spacing:-.01em}
.ofm-lhead h1 span{background:linear-gradient(90deg,#0aab29,#0d942e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ofm-lhead-copy p{margin:0;font-size:16px;line-height:1.65;color:#4f6270;max-width:560px}
.ofm-lhead-art{position:relative;flex:none;width:min(46%,560px);display:flex;justify-content:flex-end;align-items:center}
.ofm-lhead-art img{display:block;width:100%;max-height:230px;object-fit:contain;filter:drop-shadow(0 22px 28px rgba(13,120,34,.22))}
.ofm-lhead-note{position:absolute;right:0;top:-6px;transform:rotate(-6deg);font-family:"Caveat",cursive;font-size:20px;line-height:1.05;color:#0f3318;text-align:right}
.ofm-catalog-sec{padding-top:34px}
.ofm-catalog{display:grid;grid-template-columns:280px minmax(0,1fr);gap:34px;align-items:start}
.ofm-side{position:sticky;top:80px;display:block}
.ofm-help{position:relative;overflow:hidden;background:#fff;border:1px solid var(--o-line);border-radius:22px;padding:26px 24px 28px;box-shadow:0 12px 30px rgba(13,110,35,.06)}
.ofm-help>*{position:relative;z-index:2}
.ofm-help-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#e3f9e7;color:var(--o-main);font-size:22px;margin-bottom:18px}
.ofm-body .ofm-help b{display:block;font-size:19px;font-weight:600;line-height:1.35;color:#0f3318;margin-bottom:10px}
.ofm-help p{margin:0 0 20px;font-size:15px;line-height:1.65;color:#5b6f7d}
.ofm-help-orb{position:absolute !important;right:-48px;bottom:-48px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d4f6db,#bfeec9);z-index:1 !important}
.ofm-body .ofm-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px;padding:0;background:none;border:0;box-shadow:none}
.ofm-body .ofm-toolbar .ofm-count{font-size:19px;font-weight:600;color:#0f3318;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ofm-toolbar .ofm-count b{font-weight:700}
.ofm-count-tag{display:inline-block;padding:5px 14px;border-radius:99px;background:#0d942e;color:#fff;font-size:15px;font-weight:600}
.ofm-sort{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--o-muted)}
.ofm-sort select{height:46px;min-width:160px;padding:0 38px 0 16px;border-radius:12px;border:1px solid var(--o-line);background:#fff;font:inherit;font-size:15px;font-weight:500;color:#0f3318;cursor:pointer;box-shadow:none}
.ofm-lgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ofm-lgrid .ofm-cell{display:flex}
.ofm-lcard{position:relative;flex:1;display:flex;flex-direction:column;background:#fff;border-radius:20px;padding:10px;box-shadow:0 12px 30px rgba(13,110,35,.06);border:1px solid #e8f5eb;transition:transform .2s,box-shadow .2s}
.ofm-lcard:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(13,110,35,.13)}
.ofm-lcard-img{position:relative;display:block;aspect-ratio:10/7;border-radius:14px;background:#edf4ef;overflow:hidden}
.ofm-lcard-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.ofm-lcard:hover .ofm-lcard-img img{transform:scale(1.04)}
.ofm-lcard-badge{position:absolute;left:10px;top:10px;z-index:2;padding:6px 12px;border-radius:9px;background:#263b2c;color:#fff;font-size:12.5px;font-weight:600;font-family:"Lexend",Inter,sans-serif;letter-spacing:.01em}
.ofm-lcard-off{position:absolute;right:10px;bottom:10px;z-index:2;padding:5px 11px;border-radius:9px;background:var(--o-orange);color:#fff;font-size:13px;font-weight:800}
.ofm-body .ofm-lcard-fav{position:absolute;right:20px;top:20px;z-index:3;width:38px;height:38px;min-height:0;padding:0;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#5b6f7d;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 14px rgba(0,0,0,.12)}
.ofm-body .ofm-lcard-fav .icon{width:19px;height:19px}
.ofm-body .ofm-lcard-fav.active{color:var(--o-red)}.ofm-body .ofm-lcard-fav.active .icon{fill:currentColor}
.ofm-lcard-body{display:flex;flex-direction:column;flex:1;padding:16px 9px 8px}
.ofm-body .ofm-lcard h3{margin:0 0 8px;font-size:17px;font-weight:600;line-height:1.35;min-height:46px}
.ofm-lcard h3 a{color:#0f3318;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ofm-lcard h3 a:hover{color:var(--o-main)}
.ofm-lcard-body>p{margin:0 0 14px;font-size:14px;line-height:1.5;color:#6b7f8d;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.ofm-lcard-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.ofm-body .ofm-lcard-price strong{font-size:26px;font-weight:700;color:#0f3318;line-height:1.1}
.ofm-lcard-price s{font-size:15px;color:#9aabb6}
.ofm-lcard-price small{font-size:12.5px;font-weight:600;color:var(--o-green)}
.ofm-lcard-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 18px;padding:0;min-height:32px}
.ofm-lcard-tags li{padding:6px 13px;border-radius:9px;background:#eef6f0;color:#4f6270;font-size:13px;font-weight:500}
.ofm-lcard-act{display:grid;grid-template-columns:auto 1fr;gap:9px;margin-top:auto}
.ofm-body .ofm-lbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;min-height:0;padding:0 18px;border-radius:12px;font-size:14.5px;font-weight:500;text-decoration:none;cursor:pointer;border:1px solid transparent;white-space:nowrap;box-shadow:none;transition:background .18s,color .18s,border-color .18s}
.ofm-body .ofm-lbtn .icon{width:18px;height:18px}
.ofm-body .ofm-lbtn-line{background:#fff;color:#0f3318;border-color:#dfefe4;min-width:104px}
.ofm-body .ofm-lbtn-line:hover{border-color:var(--o-main);color:var(--o-main)}
.ofm-body .ofm-lbtn-line.is-off{color:#9aabb6;cursor:default}
.ofm-body .ofm-lbtn-dark{background:#0f3d1c;color:#fff}
.ofm-body .ofm-lbtn-dark:hover{background:var(--o-main)}
.ofm-pager-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:34px;flex-wrap:wrap}
.ofm-pager{display:flex;align-items:center;gap:8px;margin:0 auto 0 auto}
.ofm-pager[hidden]{display:none}
.ofm-body .ofm-pg{min-width:44px;height:44px;min-height:0;padding:0 8px;border-radius:12px;border:0;background:#fff;color:#0f3318;font:inherit;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px rgba(13,110,35,.07)}
.ofm-body .ofm-pg:hover:not(:disabled){color:var(--o-main)}
.ofm-body .ofm-pg:disabled{opacity:.4;cursor:default}
.ofm-body .ofm-pg.is-on{background:#0f3d1c;color:#fff}
.ofm-pg-gap{color:var(--o-muted);padding:0 4px}
.ofm-pager-info{font-size:13.5px;color:var(--o-muted)}
.ofm-seo{margin-top:44px;background:#fff;border-radius:22px;padding:36px 38px;border:1px solid #e8f5eb;box-shadow:0 12px 30px rgba(13,110,35,.05)}
.ofm-body .ofm-seo h2{margin:0 0 16px;font-size:23px;font-weight:600;color:#0f3318}
.ofm-seo p{margin:0 0 14px;font-size:16px;line-height:1.8;color:#3d6048}
.ofm-seo a{color:var(--o-main);font-weight:600}
@media(max-width:1280px){.ofm-lgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.ofm-catalog{grid-template-columns:1fr}.ofm-side{position:static;order:2}.ofm-lhead-art{display:none}.ofm-lhead{padding:26px 24px;min-height:0}}
@media(max-width:700px){.ofm-lgrid{grid-template-columns:1fr}.ofm-toolbar{flex-direction:column;align-items:flex-start}.ofm-pager-row{justify-content:center}.ofm-seo{padding:26px 22px}}
.ofm-lhead-art{padding-top:36px}
.ofm-lhead-art img{max-height:190px}
.ofm-lhead-note{top:-14px;right:6px;font-size:21px}

/* ===== Revize 7: kategori sidebar (Ofisimo) + kart butonları ===== */
.ofm-catalog{grid-template-columns:290px minmax(0,1fr)}
.ofm-side{display:grid;gap:20px;align-content:start}
.ofm-filter{background:#fff;border:1px solid #e8f5eb;border-radius:20px;padding:24px 22px 18px;box-shadow:0 12px 30px rgba(13,110,35,.06)}
.ofm-body .ofm-filter h3{margin:0 0 14px;font-family:"Lexend",Inter,sans-serif;font-size:17px;font-weight:600;color:#0f3318}
.ofm-body .ofm-filter .ofm-side-search{display:flex;align-items:center;gap:10px;height:50px;padding:0 16px;border-radius:14px;border:1px solid #dfefe4;background:#f6fcf8;margin-bottom:22px}
.ofm-body .ofm-filter .ofm-side-search input{flex:1;min-width:0;width:100%;border:0;background:transparent;outline:0;box-shadow:none;font:inherit;font-size:15px;color:#0f3318;padding:0;height:auto}
.ofm-filter .ofm-side-search .icon{width:18px;height:18px;color:#5b6f7d}
.ofm-filter-head{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eaf5ed;padding-top:20px;margin-bottom:6px}
.ofm-body .ofm-filter-head h3{margin:0}
.ofm-filter-head a{font-size:14px;font-weight:500;color:var(--o-main);text-decoration:underline}
.ofm-sector{display:flex;flex-direction:column;gap:2px;max-height:430px;overflow:auto;margin:0 -8px;padding:6px 8px 6px;scrollbar-width:thin;scrollbar-color:#b9dfc2 transparent}
.ofm-sector a{display:block;padding:11px 12px;border-radius:11px;color:#2b5037;font-size:15.5px;line-height:1.35;text-decoration:none;transition:background .15s,color .15s}
.ofm-sector a em{font-style:normal;color:#8da0ac;font-size:14px;margin-left:2px}
.ofm-sector a:hover{background:#eefaf1;color:var(--o-main)}
.ofm-sector a.active{background:#e3f8e8;color:var(--o-main);font-weight:600}
.ofm-side{top:96px}
.ofm-body .ofm-lbtn-buy{background:var(--o-grad);color:#fff;font-weight:600;box-shadow:0 8px 18px rgba(10,171,43,.26)}
.ofm-body .ofm-lbtn-buy:hover{filter:brightness(1.08)}
.ofm-body .ofm-lbtn-buy.is-off{background:#cbe0d1;box-shadow:none;cursor:default}
.ofm-lcard-act{grid-template-columns:1fr 1.4fr}
.ofm-lcard-badge{background:#244930;font-weight:500;font-size:13px}
html[data-theme] body.ofm-body.ofm-body.ofm-body button.ofm-lbtn-buy{background:var(--o-grad) !important;color:#fff !important;border:0 !important;box-shadow:0 8px 18px rgba(10,171,43,.26) !important;height:46px !important;font-size:15px !important;font-weight:600 !important;border-radius:12px !important}
html[data-theme] body.ofm-body.ofm-body.ofm-body button.ofm-lbtn-line{background:#fff !important;color:#0f3318 !important;border:1px solid #dfefe4 !important;box-shadow:none !important;height:46px !important;font-size:15px !important;font-weight:500 !important;border-radius:12px !important}
@media(max-width:1000px){.ofm-side{order:2}.ofm-sector{max-height:300px}}

/* ===== Revize 8: tüm sitede düz Ofisimo butonları ===== */
html[data-theme] body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body :is(.btn,.btn-ghost,.btn-secondary,.script-button,.script-card-actions>a,.product-detail-btn,.service-detail-link,.panel-link-btn,.guest-download-button,.secure-download-button,.download-detail-btn,.coupon-copy-btn,.account-download-actions a,.account-download-actions button,.guest-order-actions a,.cart-wallet-form button,.wallet-use-form button,.cart-empty-actions button){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;height:auto;padding:0 22px;border-radius:12px !important;border:1px solid #dbeee0 !important;background:#fff !important;color:#0f3318 !important;font-family:"Lexend",Inter,system-ui,sans-serif;font-size:15px !important;font-weight:500 !important;line-height:1.2;text-decoration:none;text-shadow:none !important;box-shadow:none !important;transform:none;filter:none;cursor:pointer;transition:background .18s,color .18s,border-color .18s,transform .18s}
html[data-theme] body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body :is(.btn,.btn-ghost,.btn-secondary,.script-button,.script-card-actions>a,.product-detail-btn,.service-detail-link,.panel-link-btn,.guest-download-button,.secure-download-button,.download-detail-btn,.coupon-copy-btn,.account-download-actions a,.account-download-actions button,.guest-order-actions a,.cart-wallet-form button,.wallet-use-form button,.cart-empty-actions button):hover{border-color:var(--o-main) !important;color:var(--o-main) !important;background:#fff !important;transform:translateY(-1px)}
html[data-theme] body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body :is(.btn-primary,.addcart,.checkout,.detail-add,.form-submit,.login-btn,.script-button-primary,.bundle-buy-button,.checkout-submit,.summary-checkout,.review-submit-btn,.subscribe button,.newsletter-input button,.wallet-hero-topup-btn,.product-cart-btn,.coupon-apply-form button,.review-login-btn):not(:disabled):not(.is-disabled){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 24px;border-radius:12px !important;border:0 !important;background:var(--o-grad) !important;color:#fff !important;font-family:"Lexend",Inter,system-ui,sans-serif;font-size:15px !important;font-weight:500 !important;line-height:1.2;text-decoration:none;text-shadow:none !important;box-shadow:0 8px 18px rgba(10,171,43,.24) !important;transform:none;filter:none;cursor:pointer;transition:filter .18s,transform .18s,box-shadow .18s}
html[data-theme] body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body :is(.btn-primary,.addcart,.checkout,.detail-add,.form-submit,.login-btn,.script-button-primary,.bundle-buy-button,.checkout-submit,.summary-checkout,.review-submit-btn,.subscribe button,.newsletter-input button,.wallet-hero-topup-btn,.product-cart-btn,.coupon-apply-form button,.review-login-btn):not(:disabled):not(.is-disabled):hover{filter:brightness(1.08);transform:translateY(-1px) !important;box-shadow:0 12px 24px rgba(10,171,43,.3) !important;color:#fff !important}
html[data-theme] body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body :is(.btn-primary,.addcart,.checkout,.detail-add,.form-submit,.login-btn,.script-button-primary,.bundle-buy-button,.checkout-submit,.summary-checkout,.review-submit-btn,.subscribe button,.newsletter-input button,.wallet-hero-topup-btn,.product-cart-btn,.coupon-apply-form button,.review-login-btn,.btn,.btn-ghost,.btn-secondary,.script-button,.script-card-actions>a,.product-detail-btn,.service-detail-link,.panel-link-btn,.guest-download-button,.secure-download-button,.download-detail-btn,.coupon-copy-btn,.account-download-actions a,.account-download-actions button,.guest-order-actions a,.cart-wallet-form button,.wallet-use-form button,.cart-empty-actions button):is(:disabled,.is-disabled,[aria-disabled="true"]){background:#e9f4ec !important;color:#7d909c !important;border:1px solid #dbeee0 !important;box-shadow:none !important;transform:none !important;cursor:not-allowed;opacity:1 !important;filter:none !important}
html[data-theme] body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body :is(.btn-primary,.addcart,.checkout,.detail-add,.form-submit,.login-btn,.script-button-primary,.bundle-buy-button,.checkout-submit,.summary-checkout,.review-submit-btn,.subscribe button,.newsletter-input button,.wallet-hero-topup-btn,.product-cart-btn,.coupon-apply-form button,.review-login-btn,.btn,.btn-ghost,.btn-secondary,.script-button,.script-card-actions>a,.product-detail-btn,.service-detail-link,.panel-link-btn,.guest-download-button,.secure-download-button,.download-detail-btn,.coupon-copy-btn,.account-download-actions a,.account-download-actions button,.guest-order-actions a,.cart-wallet-form button,.wallet-use-form button,.cart-empty-actions button)::before,html[data-theme] body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body :is(.btn-primary,.addcart,.checkout,.detail-add,.form-submit,.login-btn,.script-button-primary,.bundle-buy-button,.checkout-submit,.summary-checkout,.review-submit-btn,.subscribe button,.newsletter-input button,.wallet-hero-topup-btn,.product-cart-btn,.coupon-apply-form button,.review-login-btn,.btn,.btn-ghost,.btn-secondary,.script-button,.script-card-actions>a,.product-detail-btn,.service-detail-link,.panel-link-btn,.guest-download-button,.secure-download-button,.download-detail-btn,.coupon-copy-btn,.account-download-actions a,.account-download-actions button,.guest-order-actions a,.cart-wallet-form button,.wallet-use-form button,.cart-empty-actions button)::after{box-shadow:none !important}
.ofm-body .bundle-card-actions .btn,.ofm-body .bundle-card-actions button{flex:1}

/* ===== Revize 8: yeni üye paneli (sabit/sticky yok) ===== */
.ofm-account{padding-bottom:20px}
.ofm-ahero{padding:22px 0 0}
.ofm-ahero .ofm-crumbs{margin-bottom:14px}
.ofm-ahero-box{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:22px 34px;align-items:center;padding:34px 40px;border-radius:26px;color:#fff;background:linear-gradient(105deg,#0a7326 0%,#0aab2b 55%,#06cf23 100%);box-shadow:0 22px 44px rgba(10,140,40,.22)}
.ofm-ahero-box::before{content:"";position:absolute;right:-90px;top:-120px;width:380px;height:380px;border-radius:50%;background:rgba(255,255,255,.09)}
.ofm-ahero-box::after{content:"";position:absolute;right:140px;bottom:-150px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.07)}
.ofm-ahero-box>*{position:relative;z-index:2}
.ofm-ahero-user{display:flex;align-items:center;gap:22px;min-width:0}
.ofm-ahero-avatar{flex:none;width:92px;height:92px;border-radius:50%;background:rgba(255,255,255,.18);border:3px solid rgba(255,255,255,.7);display:grid;place-items:center;font-family:"Lexend",Inter,sans-serif;font-size:30px;font-weight:600;overflow:hidden}
.ofm-ahero-avatar img{width:100%;height:100%;object-fit:cover}
.ofm-ahero-meta{min-width:0}
.ofm-ahero-meta small{display:block;font-size:13px;font-weight:700;letter-spacing:.14em;color:rgba(255,255,255,.75);margin-bottom:4px}
.ofm-body .ofm-ahero-meta h1{margin:0 0 6px;font-family:"Lexend",Inter,sans-serif;font-size:clamp(26px,2.4vw,34px);font-weight:600;color:#fff;line-height:1.2;word-break:break-word}
.ofm-ahero-meta p{margin:0;font-size:16px;color:rgba(255,255,255,.88);display:flex;flex-wrap:wrap;align-items:center;gap:10px;word-break:break-all}
.ofm-ahero-state{padding:4px 12px;border-radius:99px;background:rgba(255,255,255,.2);font-size:13px;font-weight:600}
.ofm-ahero-state.is-warn{background:#f6b72c;color:#3a2a00}
.ofm-ahero-stats{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.ofm-body .ofm-ahero-stats button{min-width:140px;text-align:left;padding:14px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.14);color:#fff;cursor:pointer;font:inherit;box-shadow:none;backdrop-filter:blur(4px);transition:background .18s}
.ofm-body .ofm-ahero-stats button:hover{background:rgba(255,255,255,.26)}
.ofm-ahero-stats small{display:block;font-size:13.5px;color:rgba(255,255,255,.8);margin-bottom:4px}
.ofm-ahero-stats b{font-family:"Lexend",Inter,sans-serif;font-size:21px;font-weight:600}
.ofm-ahero-act{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap}
.ofm-body .ofm-lbtn-light{background:#fff;color:#0a862a;border-color:#fff}
.ofm-body .ofm-lbtn-light:hover{background:#e8fbeb}
.ofm-body .ofm-lbtn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55)}
.ofm-body .ofm-lbtn-ghost:hover{background:rgba(255,255,255,.16)}
html[data-theme] body.ofm-body.ofm-body.ofm-body button.ofm-lbtn-ghost{background:transparent !important;color:#fff !important;border:1px solid rgba(255,255,255,.55) !important;box-shadow:none !important}
.ofm-account-sec{padding-top:26px}

/* sekmeler: yatay, sabit değil */
.ofm-body .account-console{display:block !important;grid-template-columns:none !important}
.ofm-body .account-menu{display:flex !important;flex-wrap:wrap;gap:10px;position:static !important;max-height:none !important;overflow:visible !important;padding:0 !important;margin:0 0 26px !important;background:none !important;border:0 !important;box-shadow:none !important}
.ofm-body .account-nav-btn{display:inline-flex !important;align-items:center;gap:11px;width:auto !important;min-height:0 !important;padding:9px 16px 9px 10px !important;border-radius:14px !important;border:1px solid #e1f1e5 !important;background:#fff !important;color:#0f3318 !important;font-family:"Lexend",Inter,sans-serif;cursor:pointer;box-shadow:0 4px 12px rgba(13,110,35,.05) !important;transition:background .18s,border-color .18s,transform .18s;text-align:left}
.ofm-body .account-nav-btn:hover{border-color:var(--o-main) !important;transform:translateY(-1px)}
.ofm-body .account-nav-btn i{flex:none;width:36px;height:36px;border-radius:10px;background:#e6f9ea !important;color:var(--o-main) !important;display:grid;place-items:center;font-style:normal;font-size:16px}
.ofm-body .account-nav-btn span{display:block}
.ofm-body .account-nav-btn b{display:block;font-size:15.5px !important;font-weight:500 !important;color:inherit !important;line-height:1.2}
.ofm-body .account-nav-btn small{display:none !important}
.ofm-body .account-nav-btn em{font-style:normal;min-width:26px;padding:3px 8px;border-radius:99px;background:#eef6f0;color:#4f6270;font-size:12.5px;font-weight:600;text-align:center}
.ofm-body .account-nav-btn.active{background:var(--o-grad) !important;border-color:transparent !important;color:#fff !important;box-shadow:0 10px 22px rgba(10,171,43,.26) !important}
.ofm-body .account-nav-btn.active i{background:rgba(255,255,255,.2) !important;color:#fff !important}
.ofm-body .account-nav-btn.active em{background:rgba(255,255,255,.25);color:#fff}
.ofm-body .account-mobile-menu-toggle,.ofm-body .account-sidebar{display:none !important}

/* içerik */
.ofm-body .account-stage{position:static !important;width:100%;min-width:0}
.ofm-body .account-pane-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:0 0 22px !important;padding:0 !important;background:none !important;border:0 !important;box-shadow:none !important}
.ofm-body .account-kicker{display:block;font-family:"Lexend",Inter,sans-serif;font-size:13px !important;font-weight:600;letter-spacing:.12em;color:var(--o-main) !important;margin-bottom:6px}
.ofm-body .account-pane-head h2{margin:0 0 6px !important;font-family:"Lexend",Inter,sans-serif;font-size:clamp(24px,2.2vw,30px) !important;font-weight:600;color:#0f3318 !important}
.ofm-body .account-pane-head p{margin:0;font-size:16px !important;color:#5b6f7d !important;line-height:1.6;max-width:760px}
.ofm-body .panel-card,.ofm-body .account-panel-card{background:#fff !important;border:1px solid #e8f5eb !important;border-radius:22px !important;padding:26px 28px !important;box-shadow:0 12px 30px rgba(13,110,35,.06) !important;margin-bottom:22px}
.ofm-body .panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.ofm-body .panel-head h3{margin:0;font-family:"Lexend",Inter,sans-serif;font-size:21px !important;font-weight:600;color:#0f3318 !important}
.ofm-body .panel-head p{font-size:15.5px !important;color:#5b6f7d !important}
.ofm-body .account-loyalty-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 34px !important;border-radius:24px !important;margin-bottom:22px;color:#fff !important;background:linear-gradient(110deg,#0c471a 0%,#0a9027 60%,#06cf23 130%) !important;border:0 !important;box-shadow:0 18px 38px rgba(10,140,40,.2) !important}
.ofm-body .account-loyalty-hero h3{margin:0 0 10px;font-family:"Lexend",Inter,sans-serif;font-size:44px !important;font-weight:600;color:#fff !important}
.ofm-body .account-loyalty-hero h3 small{font-size:18px !important;font-weight:500;color:rgba(255,255,255,.85) !important}
.ofm-body .account-loyalty-hero p{margin:0 0 18px;font-size:16px !important;color:rgba(255,255,255,.88) !important;max-width:620px;line-height:1.65}
.ofm-body .account-loyalty-hero .account-kicker{color:rgba(255,255,255,.75) !important}
.ofm-body .account-loyalty-hero>div>button{display:inline-flex;align-items:center;height:46px;padding:0 22px;border-radius:12px;border:0;background:#fff;color:#0a862a;font:inherit;font-weight:500;font-size:15px;cursor:pointer}
.ofm-body .loyalty-medallion{flex:none;width:96px;height:96px;border-radius:26px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-size:42px;color:#fff;border:1px solid rgba(255,255,255,.35)}
.ofm-body .account-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}
.ofm-body .account-stat{background:#fff !important;border:1px solid #e8f5eb !important;border-radius:20px !important;padding:22px !important;box-shadow:0 12px 30px rgba(13,110,35,.06) !important}
.ofm-body .account-stat i{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#e6f9ea !important;color:var(--o-main) !important;font-style:normal;font-size:20px;margin-bottom:14px}
.ofm-body .account-stat span{display:block;font-size:15px !important;color:#5b6f7d !important}
.ofm-body .account-stat b{display:block;font-family:"Lexend",Inter,sans-serif;font-size:34px !important;font-weight:600;color:#0f3318 !important;margin:2px 0}
.ofm-body .account-stat small{font-size:14px !important;color:#7d909c !important}
.ofm-body .table-wrap{overflow-x:auto}
.ofm-body .order-table,.ofm-body .account-datatable{width:100%;border-collapse:separate;border-spacing:0}
.ofm-body .order-table th{background:#f2fbf4 !important;color:#0f3318 !important;font-size:13.5px !important;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:14px 16px !important;text-align:left;border:0 !important}
.ofm-body .order-table th:first-child{border-radius:12px 0 0 12px}.ofm-body .order-table th:last-child{border-radius:0 12px 12px 0}
.ofm-body .order-table td{padding:16px !important;font-size:15.5px !important;color:#2b5037 !important;border:0 !important;border-bottom:1px solid #edf6ef !important;vertical-align:middle}
.ofm-body .order-table td a{color:var(--o-main) !important;font-weight:500;text-decoration:none}
.ofm-body .order-click-row:hover td{background:#f8fefa !important}
.ofm-body .order-status{display:inline-block;padding:5px 12px;border-radius:99px;font-size:13px !important;font-weight:600;background:#e4f7ee;color:#157a4a}
.ofm-body .account-pane input[type=text],.ofm-body .account-pane input[type=email],.ofm-body .account-pane input[type=password],.ofm-body .account-pane input[type=tel],.ofm-body .account-pane input[type=number],.ofm-body .account-pane input[type=search],.ofm-body .account-pane select,.ofm-body .account-pane textarea{min-height:48px;border-radius:12px !important;border:1px solid #dbeee0 !important;background:#fff !important;font-size:15.5px !important;color:#0f3318 !important;box-shadow:none !important;padding:0 14px}
.ofm-body .account-pane textarea{padding:12px 14px}
.ofm-body .account-pane input:focus,.ofm-body .account-pane select:focus,.ofm-body .account-pane textarea:focus{border-color:var(--o-main) !important;outline:0;box-shadow:0 0 0 3px rgba(10,171,41,.12) !important}
.ofm-body .account-pane label{font-size:14.5px;font-weight:500;color:#2b5037}
@media(max-width:1100px){.ofm-ahero-box{grid-template-columns:1fr;padding:28px 26px}.ofm-ahero-stats{justify-content:flex-start}.ofm-body .account-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .ofm-ahero-user{flex-direction:column;align-items:flex-start;gap:14px}.ofm-ahero-avatar{width:76px;height:76px;font-size:24px}
  .ofm-ahero-stats button{flex:1 1 calc(50% - 6px);min-width:0}
  .ofm-ahero-act>*{flex:1}
  .ofm-body .account-menu{flex-wrap:nowrap !important;overflow-x:auto !important;margin-left:-12px !important;margin-right:-12px !important;padding:2px 12px 12px !important;scroll-snap-type:x proximity;scrollbar-width:none}
  .ofm-body .account-menu::-webkit-scrollbar{display:none}
  .ofm-body .account-nav-btn{flex:none;scroll-snap-align:start}
  .ofm-body .panel-card,.ofm-body .account-panel-card{padding:20px 18px !important;border-radius:18px !important}
  .ofm-body .account-loyalty-hero{padding:24px 22px !important;flex-direction:column;align-items:flex-start}.ofm-body .account-loyalty-hero h3{font-size:36px !important}
  .ofm-body .account-stats{grid-template-columns:1fr 1fr;gap:12px}.ofm-body .account-stat{padding:16px !important}.ofm-body .account-stat b{font-size:28px !important}
  .ofm-body .account-pane-head{align-items:flex-start}
}

/* ===== Revize 9: Ofisimo kategori üst alanı (cihaz görselli) ===== */
.ofm-lhead{min-height:260px;padding:34px 48px}
.ofm-lhead-art{position:relative;flex:none;width:min(52%,640px);padding:0;display:flex;justify-content:flex-end;align-items:center;align-self:stretch}
.ofm-lhead-art img{max-height:none;filter:none}
.ofm-dev{position:relative;width:470px;max-width:100%;height:230px;margin-right:130px;filter:drop-shadow(0 20px 22px rgba(13,100,36,.28))}
.ofm-dev-laptop{position:absolute;right:0;bottom:6px;width:350px;transform:perspective(1100px) rotateY(-16deg) rotateX(3deg);transform-origin:left bottom}
.ofm-dev-screen{aspect-ratio:16/10;background:#0e2017;border:6px solid #173023;border-radius:12px 12px 3px 3px;overflow:hidden}
.ofm-dev-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.ofm-dev-base{height:13px;width:110%;margin-left:-5%;border-radius:0 0 16px 16px;background:linear-gradient(#e9f1eb,#bcc6cd)}
.ofm-dev-tablet{position:absolute;left:0;bottom:12px;width:150px;aspect-ratio:4/3.1;border:6px solid #f7faf8;border-radius:12px;background:#0e2017;overflow:hidden;transform:rotate(-5deg);z-index:2;box-shadow:0 0 0 1px #dfeae2}
.ofm-dev-tablet img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.ofm-lhead-note{position:absolute;right:0;top:14px;max-width:150px;transform:rotate(-6deg);font-family:"Caveat","Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-size:25px;font-weight:700;line-height:1.1;color:#0f3318;text-align:right}
@media(max-width:1180px){.ofm-lhead-art{width:44%}.ofm-dev{margin-right:60px;width:400px;height:200px}.ofm-dev-laptop{width:290px}.ofm-dev-tablet{width:120px}}
@media(max-width:1000px){.ofm-lhead-art{display:none}}
.ofm-dev{margin-right:200px}
.ofm-lhead-note{right:18px;top:26px;max-width:170px;font-size:26px}
.ofm-body .ofm-lhead h1{font-size:clamp(30px,3vw,46px)}
.ofm-lhead-copy p{font-size:17px}
.ofm-lhead-copy{max-width:700px}
@media(max-width:1280px){.ofm-dev{margin-right:150px}}
@media(max-width:1180px){.ofm-dev{margin-right:110px}}

/* === Revize 10: kategori üst alanı — Ofisimo ölçüleri === */
.ofm-body .ofm-lhead{min-height:204px;padding:0 40px;gap:20px;border-radius:22px;background:linear-gradient(100deg,#edf9f1 0%,#f1fbf4 55%,#e6f7ec 100%);border:1px solid #e1f3e7}
.ofm-body .ofm-lhead-copy{max-width:none;flex:1 1 auto;padding:30px 0 28px}
.ofm-body .ofm-lhead .ofm-crumbs{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:13px;line-height:1.2;color:#5d6f7c;font-family:Inter,system-ui,sans-serif}
.ofm-body .ofm-lhead .ofm-crumbs a{color:#5d6f7c;font-weight:400}
.ofm-body .ofm-lhead .ofm-crumbs span{color:#0aab29;font-weight:500}
.ofm-body .ofm-lhead .ofm-crumbs i{font-style:normal;opacity:.7}
.ofm-body .ofm-lhead h1{margin:0 0 14px;font-family:"Lexend",Inter,system-ui,sans-serif;font-size:38px;line-height:1.2;font-weight:600;letter-spacing:0;color:#0f3318;white-space:normal}
.ofm-body .ofm-lhead h1 span{background:none;-webkit-text-fill-color:#0aab29;color:#0aab29}
.ofm-body .ofm-lhead-copy p{margin:0;max-width:600px;font-size:16px;line-height:1.5;font-weight:400;color:#4d5f6c}
.ofm-body .ofm-lhead-art{width:46%;max-width:620px;align-self:stretch;padding:0}
.ofm-body .ofm-dev{width:420px;height:178px;margin-right:170px;margin-top:16px}
.ofm-body .ofm-dev-laptop{width:262px;bottom:4px}
.ofm-body .ofm-dev-screen{border-width:5px}
.ofm-body .ofm-dev-base{height:10px}
.ofm-body .ofm-dev-tablet{width:112px;bottom:10px;border-width:5px}
.ofm-body .ofm-lhead-note{right:20px;top:34px;max-width:130px;font-family:"Caveat","Segoe Print","Bradley Hand",cursive;font-size:21px;font-weight:600;line-height:1.15;transform:rotate(-8deg);color:#0f3318}
@media(max-width:1280px){.ofm-body .ofm-lhead h1{font-size:34px}.ofm-body .ofm-dev{margin-right:110px}}
@media(max-width:1000px){.ofm-body .ofm-lhead{min-height:0;padding:0 24px}.ofm-body .ofm-lhead h1{font-size:30px}}

/* === Revize 11: MOBİL — Ofisimo düzeni === */
.ofm-mnav,.ofm-tabbar{display:none}
@media(max-width:1060px){
  .ofm-body .ofm-notice-in{justify-content:center;gap:12px;padding-top:9px;padding-bottom:9px}
  .ofm-body .ofm-notice-text{font-size:13px;line-height:1.35;text-align:left;font-weight:600}
  .ofm-body .ofm-notice-btn{display:inline-flex;flex:none;height:30px;padding:0 14px;font-size:12.5px;white-space:nowrap}
  .ofm-body .ofm-topbar{display:none}
  .ofm-body .ofm-mid{padding:0}
  .ofm-body .ofm-mid-in{display:grid;grid-template-columns:1fr auto;grid-template-areas:"logo act" "search search";gap:10px 12px;padding-top:12px;padding-bottom:12px;align-items:center}
  .ofm-body .ofm-logo img{height:46px;width:auto}
  .ofm-body .ofm-actions{gap:8px}
  .ofm-body .ofm-burger{display:none!important}
  .ofm-body .ofm-act-join{display:none}
  .ofm-body .ofm-act-tx{display:none}
  .ofm-body .ofm-act-fav{display:none}
  .ofm-body .ofm-search-form{height:50px}
  .ofm-body .ofm-search-form input{font-size:15px}
  .ofm-body .ofm-mnav{display:block;background:var(--o-grad);position:sticky;top:0;z-index:60}
  .ofm-mnav-in{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0}
  .ofm-body .ofm-mnav-btn{display:flex;align-items:center;justify-content:center;gap:9px;height:50px;min-height:0;padding:0 10px;border:0;border-radius:0;background:transparent;color:#fff;font:600 14.5px/1 "Lexend",Inter,sans-serif;letter-spacing:.02em;cursor:pointer;box-shadow:none}
  .ofm-body .ofm-mnav-btn+.ofm-mnav-btn{border-left:1px solid rgba(255,255,255,.28)}
  .ofm-body .ofm-mnav-btn .icon{width:20px;height:20px}
  .ofm-body .ofm-mnav-btn.is-open{background:rgba(0,0,0,.14)}
  .ofm-mcatlist{position:absolute;left:0;right:0;top:100%;z-index:70;background:#fff;border-radius:0 0 18px 18px;box-shadow:0 22px 40px rgba(10,90,34,.22);padding:8px 8px 12px;max-height:70vh;overflow:auto}
  .ofm-mcatlist[hidden]{display:none}
  .ofm-mcatlist a{display:flex;align-items:center;gap:12px;padding:12px 12px;border-radius:12px;color:#0f3318;font-size:15.5px;font-weight:500;text-decoration:none}
  .ofm-mcatlist a:active{background:#eefaf1}
  .ofm-mcatlist .ofm-catico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#e8f8ec;color:var(--o-main)}
  .ofm-mcatlist .ofm-mcat-all{color:var(--o-main);font-weight:700;justify-content:center;margin-top:4px}
}
@media(max-width:760px){
  html,body.ofm-body{overflow-x:hidden}
  body.ofm-body{padding-bottom:78px}
  .ofm-body .scroll-top{bottom:92px!important;right:14px!important}
  .ofm-body .gift-wheel-launcher{bottom:92px!important}
  .ofm-body .ofm-wrap{padding:0 12px}

  /* alt sekme çubuğu */
  .ofm-body .ofm-tabbar{display:grid;grid-template-columns:1fr 1fr 74px 1fr 1fr;align-items:end;position:fixed;left:0;right:0;bottom:0;z-index:120;height:64px;padding:0 4px env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e3f2e7;box-shadow:0 -8px 24px rgba(13,100,36,.10)}
  .ofm-tabbar a,.ofm-tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:64px;min-height:0;padding:0;border:0;background:none;box-shadow:none;color:#4f6270;font:500 11.5px/1.1 "Lexend",Inter,sans-serif;text-decoration:none;cursor:pointer;border-radius:0}
  .ofm-tabbar .icon{width:23px;height:23px}
  .ofm-tabbar a:active,.ofm-tabbar button:active{color:var(--o-main)}
  .ofm-body .ofm-tabbar .ofm-tab-cart{position:relative;align-self:start;width:62px;height:62px;margin:-24px auto 0;border-radius:50%;background:var(--o-grad);color:#fff;box-shadow:0 10px 22px rgba(10,171,43,.38);border:4px solid #fff}
  .ofm-tab-cart .icon{width:26px;height:26px}
  .ofm-tab-cart .ofm-badge{position:absolute;right:-4px;top:-4px;min-width:22px;height:22px;display:grid;place-items:center;border-radius:99px;background:var(--o-orange);color:#fff;font:700 12px/1 Inter,sans-serif;font-style:normal;border:2px solid #fff}

  /* slider — Ofisimo mobil */
  .ofm-hero{padding:0}
  .ofm-hero>.ofm-wrap{padding:0}
  .ofm-body .ofm-slider{border-radius:0;border:0;box-shadow:none;background:linear-gradient(180deg,#e9faee 0%,#f6fdf8 60%,#fff 100%)}
  .ofm-body .ofm-slide{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;padding:34px 18px 54px;background:none!important}
  .ofm-slide-copy{display:flex;flex-direction:column;align-items:center;width:100%}
  .ofm-body .ofm-slide-eyebrow{padding:0;border:0;background:none;box-shadow:none;border-radius:0;color:#0aab29;font-size:13px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;margin:0 0 14px}
  .ofm-body .ofm-slide h1{font-family:"Lexend",Inter,sans-serif;font-size:36px;line-height:1.18;font-weight:700;letter-spacing:-.01em;margin:0 0 16px;color:#0f3318}
  .ofm-body .ofm-slide h1 em{background:none;-webkit-text-fill-color:#0aab29;color:#0aab29}
  .ofm-body .ofm-slide-copy p{font-size:17px;line-height:1.65;max-width:none;margin:0 0 24px;color:#4d5f6c}
  .ofm-slide-act{justify-content:center;margin:0 0 6px}
  .ofm-body .ofm-slide-act .ofm-btn-primary{height:56px;padding:0 34px;border-radius:99px;background:#0f3318!important;color:#fff!important;box-shadow:0 14px 26px rgba(15,51,24,.28)!important;font-family:"Lexend",Inter,sans-serif;font-size:16px;font-weight:600}
  .ofm-body .ofm-slide-act .ofm-btn-line{display:none}
  .ofm-slide-stats{display:none}
  .ofm-body .ofm-slide-art{display:flex;width:calc(100% + 36px);margin:10px -18px 0}
  .ofm-body .ofm-slide-art>img{width:100%;max-height:none;height:auto}
  .ofm-slide-dots{bottom:14px}

  /* kategori / ürünler */
  .ofm-body .ofm-lhead{display:block;min-height:0;padding:0 18px;border-radius:18px}
  .ofm-body .ofm-lhead-copy{padding:20px 0 20px}
  .ofm-body .ofm-lhead-copy p,.ofm-body .ofm-lhead-art{display:none}
  .ofm-body .ofm-lhead .ofm-crumbs{margin:0 0 10px;font-size:12.5px;flex-wrap:wrap}
  .ofm-body .ofm-lhead h1{font-size:26px;margin:0}
  .ofm-body .ofm-catalog-sec{padding-top:18px}
  .ofm-body .ofm-catalog{display:block}
  .ofm-body .ofm-side{position:static!important;transform:none!important;width:auto;padding:0;box-shadow:none;background:none;overflow:visible;margin-top:26px;inset:auto}
  .ofm-body .ofm-side .ofm-filter{display:none}
  .ofm-body .ofm-toolbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap}
  .ofm-body .ofm-toolbar .ofm-count{font-size:15px;width:100%;gap:6px}
  .ofm-body .ofm-count-tag{font-size:13px;padding:4px 11px}
  .ofm-body .ofm-sort{width:100%;justify-content:space-between}
  .ofm-body .ofm-sort select{height:42px;flex:1;min-width:0;font-size:14px}
  .ofm-body .ofm-lgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ofm-body .ofm-lcard{padding:7px;border-radius:16px}
  .ofm-body .ofm-lcard-img{border-radius:11px}
  .ofm-body .ofm-lcard-badge{left:6px;top:6px;padding:3px 8px;font-size:10.5px;border-radius:7px;max-width:calc(100% - 12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ofm-body .ofm-lcard-off{right:6px;bottom:6px;padding:3px 7px;font-size:11px}
  .ofm-body .ofm-lcard-fav{right:12px;top:12px;width:30px;height:30px}
  .ofm-body .ofm-lcard-fav .icon{width:15px;height:15px}
  .ofm-body .ofm-lcard-body{padding:10px 4px 4px}
  .ofm-body .ofm-lcard h3{font-size:14px;min-height:0;margin:0 0 6px;line-height:1.3}
  .ofm-body .ofm-lcard h3 a{-webkit-line-clamp:1}
  .ofm-body .ofm-lcard-body>p,.ofm-body .ofm-lcard-tags{display:none}
  .ofm-body .ofm-lcard-price{gap:6px;margin-bottom:10px}
  .ofm-body .ofm-lcard-price strong{font-size:17px}
  .ofm-body .ofm-lcard-price s{font-size:12px}
  .ofm-body .ofm-lcard-price small{font-size:10.5px}
  .ofm-body .ofm-lcard-act{grid-template-columns:1fr;gap:6px}
  .ofm-body .ofm-lcard-act .ofm-lbtn{height:36px!important;padding:0 8px!important;font-size:12.5px!important;min-width:0;border-radius:10px;width:100%}
  .ofm-body .ofm-lcard-act .ofm-lbtn .icon{width:15px;height:15px}
  .ofm-body .ofm-pager-row{flex-direction:column;gap:8px}
  .ofm-body .ofm-seo{padding:22px 18px;margin-top:28px}

  /* ürün detay + panel taşmaları */
  .ofm-body .ofm-product-page .gallery-thumbs,.ofm-body .ofm-product-page .detail-gallery-thumbs,.ofm-body .ofm-product-page [data-gallery-thumbs]{display:flex;overflow-x:auto;max-width:100%}
  .ofm-body .ofm-product-page .detail-layout,.ofm-body .ofm-product-page .detail-layout>*{min-width:0;max-width:100%}
  .ofm-body .account-menu{display:flex;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
  .ofm-body .account-console,.ofm-body .account-stage{min-width:0;max-width:100%}
  .ofm-body .ofm-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  html[data-theme] body.ofm-body .ofm-tabbar a,html[data-theme] body.ofm-body .ofm-tabbar button:not(.ofm-tab-cart){font-size:11.5px!important;font-weight:500!important;font-family:"Lexend",Inter,sans-serif!important;color:#4f6270!important;background:none!important;box-shadow:none!important;border:0!important;height:64px!important}
  html[data-theme] body.ofm-body .ofm-tabbar button.ofm-tab-cart{color:#fff!important;background:var(--o-grad)!important;height:62px!important;width:62px!important}
  .ofm-body .ofm-catalog{display:flex;flex-direction:column}
  .ofm-body .ofm-catalog-main{order:1}
  .ofm-body .ofm-side{order:2}
  .ofm-body .ofm-notice-text{font-size:12.5px}
}
@media(max-width:760px){
  .ofm-body .ofm-lcard-act{grid-template-columns:1fr 1fr!important;gap:6px}
  .ofm-body .ofm-lcard-act .ofm-lbtn .icon{display:none}
  .ofm-body .ofm-lcard-act .ofm-lbtn{padding:0 4px!important;font-size:12.5px!important}
}
@media(max-width:760px){
  html[data-theme] body.ofm-body.ofm-body.ofm-body.ofm-body .ofm-lcard-act .ofm-lbtn,html[data-theme] body.ofm-body.ofm-body.ofm-body.ofm-body .ofm-lcard-act button.ofm-lbtn-buy,html[data-theme] body.ofm-body.ofm-body.ofm-body.ofm-body .ofm-lcard-act button.ofm-lbtn-line{height:38px!important;min-height:0!important;padding:0 4px!important;font-size:12.5px!important;line-height:1!important;box-shadow:none!important}
}

/* === Revize 12: mobil — Ofisimo ile birebir ayrıntılar === */
.ofm-slider{touch-action:pan-y}
@media(max-width:1060px){
  .ofm-body .ofm-notice-in{flex-direction:column;gap:9px;padding-top:11px;padding-bottom:12px;text-align:center}
  .ofm-body .ofm-notice-text{text-align:center;font-size:14.5px;font-weight:700;display:block}
  .ofm-body .ofm-notice-text .icon{display:none}
  .ofm-body .ofm-notice-btn{height:40px;padding:0 22px;border-radius:99px;font-size:14.5px;font-weight:700;background:#fff;color:#0a862a}
  .ofm-body .ofm-mid{background:#fff}
  .ofm-body .ofm-mid-in{padding-top:14px;padding-bottom:14px;row-gap:14px}
  .ofm-body .ofm-logo img{height:54px}
  .ofm-body .ofm-actions{gap:6px}
  .ofm-body .ofm-act-join{display:inline-flex}
  .ofm-body .ofm-act,.ofm-body .ofm-act-ic{background:none!important;box-shadow:none!important;border:0!important}
  .ofm-body .ofm-act{padding:0 4px;min-width:0;height:44px}
  .ofm-body .ofm-act-ic{width:40px;height:40px;color:#0f3318}
  .ofm-body .ofm-act-ic .icon{width:30px;height:30px;stroke-width:1.5}
  .ofm-body .ofm-badge{background:var(--o-orange)!important;color:#fff}
  .ofm-body .ofm-search-form{height:56px;background:#fff;border:1px solid #e3f2e7;box-shadow:0 6px 18px rgba(13,110,35,.08);padding-left:46px;position:relative}
  .ofm-body .ofm-search-form::before{content:"";position:absolute;left:18px;top:50%;width:18px;height:18px;margin-top:-9px;border:2px solid #0f3318;border-radius:50%;box-sizing:border-box}
  .ofm-body .ofm-search-form input{font-size:15px;text-transform:none}
  .ofm-body .ofm-mnav{background:#0a962b;position:static}
  .ofm-body .ofm-mnav-in{display:flex;justify-content:space-between}
  .ofm-body .ofm-mnav-btn{height:64px;justify-content:flex-start;padding:0 8px;font-size:16.5px;font-weight:600;border:0!important;flex:none}
  .ofm-body .ofm-mnav-btn .icon{width:24px;height:24px}
  .ofm-mcatlist{top:100%}
}
@media(max-width:760px){
  .ofm-body .ofm-wrap{padding:0 16px}
  .ofm-hero>.ofm-wrap{padding:0}
  .ofm-body .ofm-slider{background:linear-gradient(180deg,#eaf9ef 0%,#f4fcf6 55%,#fff 100%)}
  .ofm-body .ofm-slide h1{font-size:40px;line-height:1.15}
  /* yüzen alt çubuk */
  .ofm-body .ofm-tabbar{left:14px;right:14px;bottom:12px;height:68px;border:0;border-radius:26px;padding:0 6px;box-shadow:0 10px 34px rgba(13,90,37,.22);grid-template-columns:1fr 1fr 78px 1fr 1fr}
  html[data-theme] body.ofm-body .ofm-tabbar a,html[data-theme] body.ofm-body .ofm-tabbar button:not(.ofm-tab-cart){height:68px!important;font-size:12px!important;font-weight:600!important;color:#7d8e99!important;position:relative}
  html[data-theme] body.ofm-body .ofm-tabbar a.is-on{color:#0aab29!important}
  .ofm-tabbar a.is-on::before{content:"";position:absolute;top:0;left:50%;width:26px;height:3px;margin-left:-13px;border-radius:0 0 4px 4px;background:#0aab29}
  .ofm-tabbar a.is-on .icon{fill:currentColor;fill-opacity:.18}
  html[data-theme] body.ofm-body .ofm-tabbar button.ofm-tab-cart{background:#fff!important;color:#0aab29!important;width:66px!important;height:66px!important;margin:-26px auto 0;border:0!important;box-shadow:0 8px 24px rgba(13,90,37,.22)!important}
  body.ofm-body{padding-bottom:96px}
  .ofm-body .scroll-top{bottom:108px!important}
}

/* === Revize 13: mobil header ince ayar === */
@media(max-width:1060px){
  .ofm-body .ofm-search-form::before{width:22px;height:22px;margin-top:-11px;border:0;border-radius:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f3318' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.800-3.800'/%3E%3C/svg%3E") center/contain no-repeat}
  .ofm-body .ofm-mid-in{padding-top:18px;padding-bottom:18px;row-gap:18px}
  .ofm-body .ofm-logo img{height:62px}
  .ofm-body .ofm-act-ic .icon{width:32px;height:32px}
  .ofm-body .ofm-act-cart .ofm-badge{top:-6px;right:-8px}
  .ofm-body .ofm-search-form{height:60px;padding-left:52px}
  .ofm-body .ofm-search-form::before{left:20px}
  .ofm-body .ofm-search-form button{width:48px;height:48px}
  .ofm-body .ofm-mnav-btn{font-size:17px;gap:12px}
  .ofm-body .ofm-mnav-in{padding-left:10px;padding-right:10px}
}
@media(max-width:1060px){.ofm-body .ofm-search-form button .icon{width:22px;height:22px}}

/* === Revize 14: mobil duyuru bandı + ikon hizası === */
@media(max-width:1060px){
  html[data-theme] body.ofm-body .ofm-notice{padding:0}
  html[data-theme] body.ofm-body .ofm-notice .ofm-notice-in{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 16px 18px;min-height:0}
  html[data-theme] body.ofm-body .ofm-notice .ofm-notice-text{margin:0;line-height:1.4}
  html[data-theme] body.ofm-body .ofm-notice .ofm-notice-btn{margin:0;height:42px;min-height:0;line-height:1;display:inline-flex;align-items:center}
  html[data-theme] body.ofm-body .ofm-actions{display:flex;align-items:center;gap:14px}
  html[data-theme] body.ofm-body .ofm-actions .ofm-act{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin:0;gap:0}
  html[data-theme] body.ofm-body .ofm-actions .ofm-act-ic{display:grid;place-items:center;width:44px;height:44px;position:relative;margin:0}
  html[data-theme] body.ofm-body .ofm-actions .ofm-act-ic .icon{display:block;width:30px;height:30px;margin:0}
  html[data-theme] body.ofm-body .ofm-actions .ofm-badge{position:absolute;top:0;right:-2px;min-width:22px;height:22px;display:grid;place-items:center;border-radius:99px;font-size:12px;font-weight:700;line-height:1;border:2px solid #fff}
}

/* === Revize 15: header ikonları — Ofisimo === */
html[data-theme] body.ofm-body .ofm-actions .ofm-act-ic .icon{width:30px;height:30px}
html[data-theme] body.ofm-body .ofm-actions .ofm-act-cart .ofm-badge{top:-6px;right:-6px;min-width:24px;height:24px;background:#f26522;color:#fff;border:0;font-size:13px;box-shadow:0 3px 8px rgba(242,101,34,.35)}
@media(max-width:1060px){html[data-theme] body.ofm-body .ofm-actions{gap:10px}}

/* === Revize 16: alt sekme çubuğu — Ofisimo boyut/koyuluk === */
@media(max-width:760px){
  .ofm-body .ofm-tabbar{height:72px;grid-template-columns:1fr 1fr 96px 1fr 1fr;border-radius:28px;box-shadow:0 12px 36px rgba(13,90,37,.24)}
  html[data-theme] body.ofm-body .ofm-tabbar a,html[data-theme] body.ofm-body .ofm-tabbar button:not(.ofm-tab-cart){height:72px!important;gap:6px;font-size:13.5px!important;font-weight:700!important;color:#7b8794!important;letter-spacing:0;padding-top:6px!important}
  html[data-theme] body.ofm-body .ofm-tabbar a.is-on{color:#0a862a!important}
  .ofm-body .ofm-tabbar .icon{width:27px;height:27px}
  .ofm-tabbar a.is-on::before{top:9px;width:38px;height:4px;margin-left:-19px;border-radius:4px;background:#0aab29}
  .ofm-tabbar a.is-on .icon{fill:currentColor;fill-opacity:1}
  .ofm-body .ofm-tabbar a.is-on{padding-top:16px!important}
  html[data-theme] body.ofm-body .ofm-tabbar button.ofm-tab-cart{width:80px!important;height:80px!important;margin:-38px auto 0;color:#0a862a!important;box-shadow:0 14px 30px rgba(10,171,43,.28)!important}
  .ofm-body .ofm-tabbar .ofm-tab-cart .icon{width:34px;height:34px}
  .ofm-tab-cart .ofm-badge{right:2px;top:2px;min-width:26px;height:26px;font-size:13px;border:0;box-shadow:0 3px 8px rgba(242,101,34,.4)}
  body.ofm-body{padding-bottom:104px}
  .ofm-body .scroll-top{bottom:116px!important}
}
@media(max-width:760px){
  .ofm-body .ofm-tabbar a.is-on{padding-top:6px!important}
  html[data-theme] body.ofm-body .ofm-tabbar a,html[data-theme] body.ofm-body .ofm-tabbar button:not(.ofm-tab-cart){font-size:13px!important;white-space:nowrap}
  .ofm-tabbar a.is-on::before{top:7px}
}

/* === Revize 17: alt çubuk oranları (daha yüksek çubuk, daha küçük sepet dairesi) === */
@media(max-width:760px){
  .ofm-body .ofm-tabbar{height:84px;grid-template-columns:1fr 1fr 84px 1fr 1fr;border-radius:30px;bottom:10px;left:12px;right:12px}
  html[data-theme] body.ofm-body .ofm-tabbar a,html[data-theme] body.ofm-body .ofm-tabbar button:not(.ofm-tab-cart){height:84px!important;gap:8px;padding-top:12px!important;justify-content:center}
  html[data-theme] body.ofm-body .ofm-tabbar a.is-on{padding-top:12px!important}
  .ofm-tabbar a.is-on::before{top:0;width:40px;height:4px;margin-left:-20px;border-radius:0 0 5px 5px}
  html[data-theme] body.ofm-body .ofm-tabbar button.ofm-tab-cart{width:68px!important;height:68px!important;margin:-26px auto 0;padding:0!important;gap:0;justify-content:center}
  .ofm-body .ofm-tabbar .ofm-tab-cart .icon{width:30px;height:30px}
  .ofm-tab-cart .ofm-badge{right:-2px;top:-2px;min-width:24px;height:24px;font-size:12.5px}
  body.ofm-body{padding-bottom:108px}
  .ofm-body .scroll-top{bottom:118px!important}
}
@media(max-width:760px){.ofm-tabbar a.is-on::before{top:10px;border-radius:4px}html[data-theme] body.ofm-body .ofm-tabbar a{padding-top:20px!important}html[data-theme] body.ofm-body .ofm-tabbar a.is-on{padding-top:20px!important}}

/* === Revize 18: alt çubuk — Ofisimo'nun canlı CSS değerleri birebir (#footer-bar, ≤640px) === */
@media(max-width:760px){
  html[data-theme] body.ofm-body.ofm-body nav.ofm-tabbar{display:grid!important;grid-template-columns:1fr 1fr 72px 1fr 1fr;align-items:center;gap:2px;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto;height:auto;min-height:0;padding:8px;border-radius:26px;background:rgba(255,255,255,.95);border:1px solid #e6efec;box-shadow:0 16px 42px rgba(15,32,30,.18),0 4px 12px rgba(15,32,30,.06);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);z-index:98}
  html[data-theme] body.ofm-body.ofm-body nav.ofm-tabbar>a,html[data-theme] body.ofm-body.ofm-body nav.ofm-tabbar>button:not(.ofm-tab-cart){position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px!important;height:auto!important;min-height:0!important;width:auto!important;margin:0!important;padding:7px 2px!important;border:0!important;border-radius:16px!important;background:transparent!important;box-shadow:none!important;color:#8a90a2!important;font:600 10px/1.1 Roboto,Inter,system-ui,sans-serif!important;white-space:nowrap;text-decoration:none;min-width:0;transition:color .22s,transform .15s;-webkit-tap-highlight-color:transparent}
  html[data-theme] body.ofm-body.ofm-body nav.ofm-tabbar>a.is-on{color:#009324!important}
  html[data-theme] body.ofm-body.ofm-body nav.ofm-tabbar .icon{width:20px;height:22px;fill:currentColor;fill-opacity:1;color:inherit;flex:none}
  html[data-theme] body.ofm-body.ofm-body nav.ofm-tabbar span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;font:600 10px/1.1 Roboto,Inter,system-ui,sans-serif!important;color:inherit!important;margin:0!important;opacity:1}
  html[data-theme] body.ofm-body.ofm-body nav.ofm-tabbar>a:active,html[data-theme] body.ofm-body.ofm-body nav.ofm-tabbar>button:active{transform:scale(.9)}
  html[data-theme] body.ofm-body.ofm-body nav.ofm-tabbar>a.is-on::before{content:"";position:absolute;top:-1px;left:50%;right:auto;bottom:auto;transform:translateX(-50%);width:20px;height:3px;margin:0;border-radius:999px;background:linear-gradient(90deg,#009324,#00dc2a)}
  html[data-theme] body.ofm-body.ofm-body nav.ofm-tabbar>button.ofm-tab-cart{position:relative;place-self:start center;display:flex!important;align-items:center;justify-content:center;width:62px!important;height:62px!important;min-height:0!important;margin:-30px 0 0!important;padding:0!important;gap:0;border-radius:50%!important;border:4px solid #fff!important;background:#fff!important;color:#009324!important;box-shadow:0 12px 26px rgba(0,147,36,.42)!important}
  html[data-theme] body.ofm-body.ofm-body nav.ofm-tabbar>button.ofm-tab-cart .icon{width:24px;height:22px}
  html[data-theme] body.ofm-body.ofm-body nav.ofm-tabbar .ofm-tab-cart .ofm-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#e53935;color:#fff;font:800 11px/20px Inter,sans-serif;font-style:normal;text-align:center;display:block;border:0;box-shadow:0 0 0 2px #fff}
  body.ofm-body{padding-bottom:96px}
  .ofm-body .scroll-top{bottom:104px!important}
}
@media(max-width:760px){html[data-theme] body.ofm-body.ofm-body nav.ofm-tabbar .ofm-tab-cart .ofm-badge{background:#e53935!important;color:#fff!important;border:0!important}}

/* === Revize 19: yan menüler (Kategoriler + Site menü) — Ofisimo mm-menu değerleri === */
.ofm-dr-ov{display:none}
html.ofm-dr-lock{overflow:hidden}
html[data-theme] body.ofm-body .ofm-dr-title,html[data-theme] body.ofm-body #mobileNav .ofm-dr-title{font:600 17px/20px "Lexend",Inter,system-ui,sans-serif;color:#fff;margin:0}
/* Kategoriler — soldan */
html[data-theme] body.ofm-body .ofm-mnav .ofm-mcatlist{position:fixed!important;left:0;top:0;bottom:0;right:auto;width:80vw;max-width:380px;height:auto;max-height:none;margin:0;padding:0;border-radius:0;background:#fff;box-shadow:none;overflow:hidden;z-index:1400;display:block!important;transform:translateX(-105%);transition:transform .3s ease;visibility:hidden}
html[data-theme] body.ofm-body .ofm-mnav .ofm-mcatlist.is-open{transform:none;visibility:visible;box-shadow:0 0 40px rgba(0,0,0,.25)}
html[data-theme] body.ofm-body .ofm-mcatlist .ofm-dr-head{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 12px 0 18px;background:linear-gradient(90deg,#0a862a 0%,#0aab2b 50%,#06cf23 100%)}
html[data-theme] body.ofm-body .ofm-dr-close,html[data-theme] body.ofm-body #mobileNav .close{display:grid!important;place-items:center;width:36px!important;height:36px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:none!important;cursor:pointer}
html[data-theme] body.ofm-body .ofm-dr-close svg,html[data-theme] body.ofm-body #mobileNav .close svg{width:18px;height:18px}
html[data-theme] body.ofm-body .ofm-mcatlist .ofm-dr-body{display:flex;flex-direction:column;gap:4px;padding:12px 12px 110px;height:calc(100% - 64px);overflow-y:auto;-webkit-overflow-scrolling:touch}
html[data-theme] body.ofm-body .ofm-mcatlist .ofm-dr-body a{position:relative;display:flex;align-items:center;min-height:40px;padding:9px 40px 9px 12px;border-radius:12px;background:#f7fcf9;color:#0f3318;font:500 14.5px/1.3 "Lexend",Inter,system-ui,sans-serif;text-decoration:none;gap:0;justify-content:flex-start;margin:0}
html[data-theme] body.ofm-body .ofm-mcatlist .ofm-dr-body a::after{content:"";position:absolute;right:18px;top:50%;width:7px;height:7px;margin-top:-4px;border-right:1.6px solid #9fbfa8;border-bottom:1.6px solid #9fbfa8;transform:rotate(-45deg)}
html[data-theme] body.ofm-body .ofm-mcatlist .ofm-dr-body a:active,html[data-theme] body.ofm-body .ofm-mcatlist .ofm-dr-body a:hover{background:#f1faf3;color:#0aab29}
html[data-theme] body.ofm-body .ofm-mcatlist .ofm-dr-body .ofm-mcat-all{color:#0aab29;font-weight:600;margin-top:0}
html[data-theme] body.ofm-body .ofm-dr-ov{position:fixed;inset:0;z-index:1390;background:rgba(0,0,0,.2);opacity:0;visibility:hidden;transition:opacity .3s;display:block}
html[data-theme] body.ofm-body .ofm-dr-ov.show{opacity:1;visibility:visible}
/* Site menü — sağdan */
html[data-theme] body.ofm-body #mobileNav.mobile-nav{inset:0 0 0 auto!important;left:auto!important;right:0!important;width:80vw!important;max-width:380px;padding:0!important;gap:0;background:#fff!important;border:0!important;box-shadow:none!important;transform:translateX(105%)!important;transition:transform .3s ease;overflow:hidden;display:block!important;visibility:hidden;z-index:1400!important}
html[data-theme] body.ofm-body #mobileNav.mobile-nav.show{transform:none!important;visibility:visible;box-shadow:0 0 40px rgba(0,0,0,.25)!important}
html[data-theme] body.ofm-body #mobileNav .mobile-nav-head{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 12px 0 18px;border:0;background:linear-gradient(90deg,#0a862a 0%,#0aab2b 50%,#06cf23 100%)}
html[data-theme] body.ofm-body #mobileNav .mobile-search,html[data-theme] body.ofm-body #mobileNav .mobile-nav-foot{display:none!important}
html[data-theme] body.ofm-body #mobileNav .mobile-nav-links{display:flex;flex-direction:column;gap:4px;padding:12px 12px 110px;height:calc(100% - 64px);overflow-y:auto}
html[data-theme] body.ofm-body #mobileNav .mobile-nav-links>a,html[data-theme] body.ofm-body #mobileNav .mobile-nav-links summary{position:relative;display:flex;align-items:center;gap:12px;height:46px;min-height:0;padding:6px 40px 6px 12px;border:0;border-radius:12px;background:transparent;color:#0f3318;font:500 14.5px/1.3 "Lexend",Inter,system-ui,sans-serif!important;text-decoration:none;cursor:pointer;list-style:none;margin:0}
html[data-theme] body.ofm-body #mobileNav .mobile-nav-links details{border:0;margin:0}
html[data-theme] body.ofm-body #mobileNav .mobile-nav-links>a:active,html[data-theme] body.ofm-body #mobileNav .mobile-nav-links summary:active{background:#f1faf3;color:#0aab29}
html[data-theme] body.ofm-body #mobileNav .ofm-mi-ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e5f8e9;color:#0aab29}
html[data-theme] body.ofm-body #mobileNav .ofm-mi-ic svg{width:18px;height:18px}
html[data-theme] body.ofm-body #mobileNav .ofm-mi-tx{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-theme] body.ofm-body #mobileNav .ofm-mi-chev{position:absolute;right:18px;top:50%;width:8px;height:8px;margin-top:-5px;border-right:1.6px solid #9fbfa8;border-bottom:1.6px solid #9fbfa8;transform:rotate(-45deg);transition:transform .2s}
html[data-theme] body.ofm-body #mobileNav details[open] .ofm-mi-chev{transform:rotate(45deg);margin-top:-7px}
html[data-theme] body.ofm-body #mobileNav .mobile-sub{display:flex;flex-direction:column;gap:4px;padding:4px 0 6px}
html[data-theme] body.ofm-body #mobileNav .mobile-sub a{display:flex;align-items:center;min-height:40px;padding:6px 12px 6px 46px;border-radius:12px;background:#f7fcf9;color:#0f3318;font:500 14px/1.3 "Lexend",Inter,system-ui,sans-serif!important;text-decoration:none;margin:0;gap:12px}
html[data-theme] body.ofm-body #mobileNav .mobile-sub a:active{background:#f1faf3;color:#0aab29}
html[data-theme] body.ofm-body #mobileNav .mobile-nav-links>a,html[data-theme] body.ofm-body #mobileNav .mobile-nav-links summary,html[data-theme] body.ofm-body #mobileNav .mobile-nav-links .ofm-mi-tx,html[data-theme] body.ofm-body #mobileNav .mobile-sub a{color:#0f3318!important;opacity:1!important;-webkit-text-fill-color:#0f3318!important;text-shadow:none!important}
html[data-theme] body.ofm-body #mobileNav .mobile-nav-links>a:active .ofm-mi-tx,html[data-theme] body.ofm-body #mobileNav .mobile-nav-links summary:active .ofm-mi-tx{color:#0aab29!important;-webkit-text-fill-color:#0aab29!important}
html[data-theme] body.ofm-body #mobileNav .ofm-mi-ic{color:#0aab29!important}

/* === Revize 20: mobil anasayfa — slider altında doğrudan ürünler === */
@media(max-width:760px){
  .ofm-body .ofm-banners{display:none}
  .ofm-body .ofm-hero{margin-bottom:0}
  .ofm-body section[data-home-module="categories"]{order:35!important}
  .ofm-body section[data-home-module="featured"]{padding-top:28px}
}
@media(max-width:760px){
  .ofm-body .ofm-sec{padding:34px 0}
  .ofm-body .ofm-head{flex-direction:column;align-items:center;text-align:center;gap:6px;margin-bottom:20px}
  .ofm-body .ofm-head h2{font:600 26px/1.2 "Lexend",Inter,sans-serif;color:#0f3318;margin:4px 0}
  .ofm-body .ofm-head p{font-size:15.5px;line-height:1.5;color:#6b7f8d}
  .ofm-body .ofm-kicker{letter-spacing:.28em;font-size:12.5px;font-weight:600}
  .ofm-body .ofm-head>a,.ofm-body .ofm-head .ofm-link{margin-top:6px;font:600 15.5px "Lexend",Inter,sans-serif;color:#0f3318}
  .ofm-body .ofm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ofm-body .ofm-card{padding:0 0 12px;border-radius:18px;box-shadow:0 8px 22px rgba(13,110,35,.08)}
  .ofm-body .ofm-card:hover{transform:none}
  .ofm-body .ofm-card-shot{border-radius:0;aspect-ratio:16/11}
  .ofm-body .ofm-frame{display:none}
  .ofm-body .ofm-card-shot img{top:0;height:100%}
  .ofm-body .ofm-chip{left:6px;top:6px;padding:3px 8px;font-size:10.5px;border-radius:7px;max-width:calc(100% - 12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ofm-body .ofm-off{right:6px;bottom:6px;padding:3px 7px;font-size:11px}
  .ofm-body .ofm-fav{right:6px;top:6px;width:28px;height:28px}
  .ofm-body .ofm-card-body{padding:12px 12px 0}
  .ofm-body .ofm-card-body h3{margin:0 0 6px;font:600 14px/1.3 "Lexend",Inter,sans-serif;gap:6px;align-items:baseline;min-width:0}
  .ofm-body .ofm-card-body h3 a{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f3318}
  .ofm-body .ofm-card-no{font-size:12.5px;font-weight:600}
  .ofm-body .ofm-card-desc,.ofm-body .ofm-card-tags{display:none}
  .ofm-body .ofm-card-price{gap:2px 6px;margin-bottom:10px;align-items:baseline}
  .ofm-body .ofm-card-price strong{font:700 17px/1.1 "Lexend",Inter,sans-serif}
  .ofm-body .ofm-card-price s{font-size:12px}
  .ofm-body .ofm-card-price em{font-size:10.5px}
  .ofm-body .ofm-card-act{grid-template-columns:1fr 1fr;gap:6px}
  html[data-theme] body.ofm-body.ofm-body.ofm-body.ofm-body .ofm-card-act a,html[data-theme] body.ofm-body.ofm-body.ofm-body.ofm-body .ofm-card-act button{height:38px!important;min-height:0!important;padding:0 4px!important;font:600 12.5px/1 "Lexend",Inter,sans-serif!important;border-radius:10px!important;box-shadow:none!important;gap:0}
  .ofm-body .ofm-card-act .icon{display:none}
}

/* === Revize 21: yan menü açılış efekti — Ofisimo "slide-menu + pageshadow" === */
@media(max-width:1060px){
  html[data-theme] body.ofm-body>.ofm-notice,html[data-theme] body.ofm-body>.ofm-header,html[data-theme] body.ofm-body>.ofm-navwrap,html[data-theme] body.ofm-body>.ofm-mnav,html[data-theme] body.ofm-body>.ofm-page,html[data-theme] body.ofm-body>.ofm-supportband,html[data-theme] body.ofm-body>.ofm-footer{transition:transform .4s ease;will-change:auto}
  html.ofm-push-r body.ofm-body>.ofm-notice,html.ofm-push-r body.ofm-body>.ofm-header,html.ofm-push-r body.ofm-body>.ofm-navwrap,html.ofm-push-r body.ofm-body>.ofm-mnav,html.ofm-push-r body.ofm-body>.ofm-page,html.ofm-push-r body.ofm-body>.ofm-supportband,html.ofm-push-r body.ofm-body>.ofm-footer{transform:translateX(calc(-1 * min(80vw,380px)))}
  html.ofm-push-l body.ofm-body>.ofm-notice,html.ofm-push-l body.ofm-body>.ofm-header,html.ofm-push-l body.ofm-body>.ofm-navwrap,html.ofm-push-l body.ofm-body>.ofm-mnav,html.ofm-push-l body.ofm-body>.ofm-page,html.ofm-push-l body.ofm-body>.ofm-supportband,html.ofm-push-l body.ofm-body>.ofm-footer{transform:translateX(min(80vw,380px))}
  /* menünün kendisi yarı mesafeden süzülerek gelir */
  html[data-theme] body.ofm-body #mobileNav.mobile-nav{transform:translateX(50%)!important;opacity:0;transition:transform .4s ease,opacity .4s ease,visibility 0s linear .4s!important;box-shadow:none!important}
  html[data-theme] body.ofm-body #mobileNav.mobile-nav.show{transform:none!important;opacity:1;transition:transform .4s ease,opacity .4s ease,visibility 0s!important}
  html[data-theme] body.ofm-body .ofm-mnav .ofm-mcatlist,html[data-theme] body.ofm-body>.ofm-mcatlist{transform:translateX(-50%);opacity:0;transition:transform .4s ease,opacity .4s ease,visibility 0s linear .4s;box-shadow:none}
  html[data-theme] body.ofm-body>.ofm-mcatlist{position:fixed;left:0;top:0;bottom:0;width:80vw;max-width:380px;padding:0;background:#fff;z-index:1400;visibility:hidden;overflow:hidden;display:block}
  html[data-theme] body.ofm-body>.ofm-mcatlist.is-open{transform:none;opacity:1;visibility:visible;transition:transform .4s ease,opacity .4s ease,visibility 0s}
  html[data-theme] body.ofm-body .overlay{background:rgba(0,0,0,.2)!important;transition:opacity .4s ease!important}
}
html[data-theme] body.ofm-body>.ofm-mcatlist{max-height:none!important;height:auto}
html[data-theme] body.ofm-body #mobileNav .mobile-nav-links>a:hover,html[data-theme] body.ofm-body #mobileNav .mobile-nav-links summary:hover,html[data-theme] body.ofm-body #mobileNav .mobile-nav-links>a:focus,html[data-theme] body.ofm-body #mobileNav .mobile-nav-links summary:focus{background:#f1faf3!important;color:#0f3318!important;box-shadow:none!important;outline:0}
html[data-theme] body.ofm-body #mobileNav .mobile-nav-links>a:hover .ofm-mi-tx,html[data-theme] body.ofm-body #mobileNav .mobile-nav-links summary:hover .ofm-mi-tx{color:#0aab29!important;-webkit-text-fill-color:#0aab29!important}
html[data-theme] body.ofm-body #mobileNav .mobile-sub a:hover{background:#f1faf3!important;color:#0aab29!important}
html[data-theme] body.ofm-body>.ofm-mcatlist{border-radius:0!important}
html[data-theme] body.ofm-body .overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* === Revize 22: Site menü alt menüsü — Ofisimo gibi yana kayan panel === */
html[data-theme] body.ofm-body #mobileNav .mobile-nav-links .ofm-mi-row{position:relative;display:flex;align-items:center;gap:12px;width:100%;height:46px;min-height:0;padding:6px 40px 6px 12px;border:0;border-radius:12px;background:transparent;color:#0f3318;font:500 14.5px/1.3 "Lexend",Inter,system-ui,sans-serif!important;text-align:left;cursor:pointer;box-shadow:none;margin:0}
html[data-theme] body.ofm-body #mobileNav .mobile-nav-links .ofm-mi-row:hover,html[data-theme] body.ofm-body #mobileNav .mobile-nav-links .ofm-mi-row:active{background:#f1faf3!important}
html[data-theme] body.ofm-body #mobileNav .ofm-mi-row .ofm-mi-chev{transform:rotate(-45deg);margin-top:-5px}
html[data-theme] body.ofm-body #mobileNav .ofm-mpanel{position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;z-index:3;transform:translateX(100%);visibility:hidden;transition:transform .35s ease,visibility 0s linear .35s}
html[data-theme] body.ofm-body #mobileNav .ofm-mpanel.on{transform:none;visibility:visible;transition:transform .35s ease,visibility 0s}
html[data-theme] body.ofm-body #mobileNav .mobile-nav-links{transition:transform .35s ease}
html[data-theme] body.ofm-body #mobileNav.is-sub .mobile-nav-links{transform:translateX(-30%)}
html[data-theme] body.ofm-body #mobileNav .ofm-sub-head{display:flex;align-items:center;gap:10px;height:64px;padding:0 12px 0 10px;background:linear-gradient(90deg,#0a862a 0%,#0aab2b 50%,#06cf23 100%)}
html[data-theme] body.ofm-body #mobileNav .ofm-sub-head .ofm-dr-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-theme] body.ofm-body #mobileNav .ofm-sub-back{display:grid;place-items:center;width:36px;height:36px;min-height:0;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;box-shadow:none;cursor:pointer}
html[data-theme] body.ofm-body #mobileNav .ofm-sub-back svg{width:22px;height:22px}
html[data-theme] body.ofm-body #mobileNav .ofm-sub-body{display:flex;flex-direction:column;gap:4px;padding:12px 12px 110px;height:calc(100% - 64px);overflow-y:auto}
html[data-theme] body.ofm-body #mobileNav .ofm-sub-body a{display:flex;align-items:center;gap:12px;min-height:46px;padding:6px 40px 6px 12px;border-radius:12px;background:#f7fcf9;color:#0f3318!important;font:500 14.5px/1.3 "Lexend",Inter,system-ui,sans-serif!important;text-decoration:none;margin:0}
html[data-theme] body.ofm-body #mobileNav .ofm-sub-body a:hover,html[data-theme] body.ofm-body #mobileNav .ofm-sub-body a:active{background:#f1faf3!important}
html[data-theme] body.ofm-body #mobileNav .ofm-sub-body .ofm-mi-tx{color:inherit!important;-webkit-text-fill-color:currentColor!important}
html[data-theme] body.ofm-body #mobileNav .ofm-sub-body>a{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;gap:12px!important;height:auto;min-height:46px}
html[data-theme] body.ofm-body #mobileNav .ofm-sub-body>a .ofm-mi-ic{flex:none}
html[data-theme] body.ofm-body #mobileNav .ofm-sub-body>a .ofm-mi-tx{flex:1;text-align:left;white-space:normal}

/* === Revize 24: anasayfa kategori kartları — renkli 3D ikonlar (Ofisimo) === */
.ofm-body .ofm-head h2{font-family:"Lexend",Inter,system-ui,sans-serif;font-size:40px;font-weight:600;letter-spacing:0;line-height:1.15;color:#0f3318}
.ofm-body .ofm-kicker{font-family:"Lexend",Inter,sans-serif;font-size:14px;font-weight:600;letter-spacing:.3em}
.ofm-body .ofm-head-link{font-family:"Lexend",Inter,sans-serif;font-size:17px;font-weight:500;color:#0f3318}
.ofm-body .ofm-head-link .icon{color:#0aab29}
.ofm-body .ofm-cats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}
.ofm-body .ofm-cat{gap:10px;padding:26px 10px 22px;min-height:168px;justify-content:center;border:0;border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(13,110,35,.07)}
.ofm-body .ofm-cat:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(13,110,35,.14)}
.ofm-body .ofm-cat-ico.ofm-cat-3d,.ofm-body .ofm-cat:hover .ofm-cat-ico.ofm-cat-3d{width:72px;height:72px;border-radius:0;background:none;display:grid;place-items:center}
.ofm-cat-3d img{display:block;width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(13,110,35,.18));transition:transform .25s ease}
.ofm-cat:hover .ofm-cat-3d img{transform:translateY(-3px) scale(1.06)}
.ofm-body .ofm-cat b{font-family:"Lexend",Inter,sans-serif;font-size:16px;font-weight:500;color:#0f3318}
@media(max-width:760px){
  .ofm-body .ofm-head h2{font-size:26px}
  .ofm-body .ofm-cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .ofm-body .ofm-cat{min-height:112px;padding:14px 4px 12px;gap:6px;border-radius:16px}
  .ofm-body .ofm-cat-ico.ofm-cat-3d,.ofm-cat-3d img{width:48px;height:48px}
  .ofm-body .ofm-cat b{font-size:12.5px}
}
.ofm-body .ofm-cat-ico.ofm-cat-3d,.ofm-body .ofm-cat:hover .ofm-cat-ico.ofm-cat-3d{width:80px;height:80px}
.ofm-cat-3d img{width:96px;height:96px;max-width:none}
@media(max-width:760px){.ofm-body .ofm-cat-ico.ofm-cat-3d{width:52px;height:52px}.ofm-cat-3d img{width:64px;height:64px}}

/* === Revize 25: bölüm başlığı ve kategori kartları — Ofisimo canlı ölçüleri === */
.ofm-body .ofm-head{align-items:flex-end;gap:24px;margin-bottom:30px}
.ofm-body .ofm-head h2{font-size:34px;font-weight:600;letter-spacing:-.01em;line-height:1.15;margin:0}
.ofm-body .ofm-kicker{display:block;font-size:12px;font-weight:600;letter-spacing:.32em;line-height:25px;margin:0 0 10px;color:#0aab29}
.ofm-body .ofm-head-link{font-size:15px;font-weight:500;padding-bottom:6px}
.ofm-body .ofm-head-link .icon{width:18px;height:18px}
@media(min-width:761px){
  .ofm-body .ofm-cats{grid-template-columns:repeat(auto-fill,129px);justify-content:start;gap:16px}
  .ofm-body .ofm-cat{height:136px;min-height:0;padding:14px 8px;gap:12px;border:1px solid #edf6ef;border-radius:18px;box-shadow:0 10px 26px rgba(13,110,35,.06);justify-content:center}
  .ofm-body .ofm-cat-ico.ofm-cat-3d,.ofm-body .ofm-cat:hover .ofm-cat-ico.ofm-cat-3d{width:58px;height:58px}
  .ofm-cat-3d img{width:74px;height:74px}
  .ofm-body .ofm-cat b{font-family:Inter,system-ui,sans-serif;font-size:13.5px;font-weight:500;line-height:1.25}
}
@media(max-width:760px){.ofm-body .ofm-head h2{font-size:26px}}
@media(min-width:761px){
  .ofm-body .ofm-cats{grid-template-columns:repeat(auto-fit,minmax(129px,1fr));justify-content:stretch}
  .ofm-body .ofm-cat{width:auto}
  .ofm-body .ofm-cat-ico.ofm-cat-3d,.ofm-body .ofm-cat:hover .ofm-cat-ico.ofm-cat-3d{width:64px;height:64px}
  .ofm-cat-3d img{width:82px;height:82px}
  .ofm-body .ofm-cat b{font-size:14px}
}
@media(min-width:761px){
  .ofm-body .ofm-cat{height:140px;gap:14px;padding-top:12px}
  .ofm-body .ofm-cat-ico.ofm-cat-3d,.ofm-body .ofm-cat:hover .ofm-cat-ico.ofm-cat-3d{width:62px;height:62px}
  .ofm-cat-3d img{width:74px;height:74px}
}

/* === Revize 28: üye paneli — renkli menü ikonları + yeni destek talebi modalı === */
.ofm-body .account-nav-btn i.ai{width:40px;height:40px;border-radius:12px;color:#fff !important;display:grid;place-items:center;box-shadow:0 6px 14px var(--ai-sh,rgba(10,171,41,.28));background:linear-gradient(135deg,var(--ai-a,#38f864),var(--ai-b,#0aab29)) !important}
.ofm-body .account-nav-btn i.ai svg{width:21px;height:21px;display:block}
.ofm-body .account-nav-btn i.ai-blue{--ai-a:#60faa9;--ai-b:#25eb9d;--ai-sh:rgba(37,235,157,.32)}
.ofm-body .account-nav-btn i.ai-indigo{--ai-a:#81f8e3;--ai-b:#4f46e5;--ai-sh:rgba(79,70,229,.32)}
.ofm-body .account-nav-btn i.ai-teal{--ai-a:#4fd42d;--ai-b:#24940d;--ai-sh:rgba(36,148,13,.32)}
.ofm-body .account-nav-btn i.ai-slate{--ai-a:#94b8a6;--ai-b:#476958;--ai-sh:rgba(71,105,88,.30)}
.ofm-body .account-nav-btn i.ai-green{--ai-a:#4ade80;--ai-b:#16a34a;--ai-sh:rgba(22,163,74,.32)}
.ofm-body .account-nav-btn i.ai-pink{--ai-a:#fb7185;--ai-b:#e11d48;--ai-sh:rgba(225,29,72,.32)}
.ofm-body .account-nav-btn i.ai-amber{--ai-a:#fcd34d;--ai-b:#f59e0b;--ai-sh:rgba(245,158,11,.36)}
.ofm-body .account-nav-btn i.ai-orange{--ai-a:#fdba74;--ai-b:#f26522;--ai-sh:rgba(242,101,34,.34)}
.ofm-body .account-nav-btn i.ai-violet{--ai-a:#c4b5fd;--ai-b:#7c3aed;--ai-sh:rgba(124,58,237,.32)}
.ofm-body .account-nav-btn i.ai-fuchsia{--ai-a:#f0abfc;--ai-b:#c026d3;--ai-sh:rgba(192,38,211,.30)}
.ofm-body .account-nav-btn i.ai-emerald{--ai-a:#6ee7b7;--ai-b:#059669;--ai-sh:rgba(5,150,105,.32)}
.ofm-body .account-nav-btn i.ai-sky{--ai-a:#7dfc9c;--ai-b:#02c735;--ai-sh:rgba(2,199,53,.32)}
.ofm-body .account-nav-btn i.ai-purple{--ai-a:#a5fce6;--ai-b:#63f1e3;--ai-sh:rgba(99,241,227,.32)}
.ofm-body .account-nav-btn i.ai-cyan{--ai-a:#67f96c;--ai-b:#08b21b;--ai-sh:rgba(8,178,27,.32)}
.ofm-body .account-nav-btn{padding:8px 16px 8px 8px !important;gap:12px}
.ofm-body .account-nav-btn.active i.ai{background:linear-gradient(135deg,var(--ai-a),var(--ai-b)) !important;box-shadow:0 0 0 2px rgba(255,255,255,.85),0 6px 14px rgba(0,0,0,.18)}
.ofm-body .support-head-actions{display:flex;align-items:center;margin-left:auto;margin-right:16px}
.ofm-body .support-pane-head{align-items:center;gap:12px}
.ofm-body .support-new-btn{height:48px;padding:0 22px;border-radius:14px;gap:8px;white-space:nowrap}
.ofm-body .ticket-new-panel[hidden]{display:none !important}
.ofm-body .ticket-new-panel:not([hidden]){position:fixed !important;left:50%;top:4vh;transform:translateX(-50%);width:min(780px,94vw);max-height:92vh;overflow:auto;margin:0 !important;z-index:1510;background:#fff !important;border-radius:22px !important;box-shadow:0 30px 80px rgba(8,50,25,.35) !important;padding:28px !important}
.ofm-body .ticket-new-close{position:absolute;right:16px;top:16px;width:38px;height:38px;min-height:0;padding:0;border:0;border-radius:50%;background:#eef6f0;color:#0f3318;font-size:15px;cursor:pointer;z-index:2}
.ticket-new-ov{position:fixed;inset:0;z-index:1500;background:rgba(0,0,0,.35);opacity:0;visibility:hidden;transition:opacity .25s}
.ticket-new-ov.show{opacity:1;visibility:visible}
@media(max-width:760px){
  .ofm-body .support-pane-head{flex-wrap:wrap}
  .ofm-body .support-head-actions{margin:6px 0 0;width:100%}
  .ofm-body .support-new-btn{width:100%;justify-content:center}
  .ofm-body .ticket-new-panel:not([hidden]){padding:20px !important;top:2vh;max-height:96vh}
}

/* === Revize 29: üye paneli mobil — çekmece menü, 2'li kartlar, tablo→kart+popup === */
.ofm-amenu-btn,.ofm-amenu-head,.ofm-amenu-ov{display:none}
.ofm-rowpop[hidden]{display:none !important}
.ofm-rowpop{position:fixed;inset:0;z-index:1600;background:rgba(0,0,0,.38);display:flex;align-items:flex-end;justify-content:center}
.ofm-rowpop-box{position:relative;width:100%;max-width:520px;max-height:86vh;overflow:auto;background:#fff;border-radius:22px 22px 0 0;padding:22px 20px 24px;box-shadow:0 -20px 60px rgba(8,50,25,.3)}
.ofm-rowpop-box h3{margin:0 44px 14px 0;font:600 18px/1.3 Lexend,Inter,sans-serif;color:#0f3318;word-break:break-word}
.ofm-rowpop-x{position:absolute;right:14px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:#eef6f0;color:#0f3318;font-size:15px}
.ofm-rowpop dl{margin:0;display:grid;gap:0}
.ofm-rowpop dt{margin:12px 0 3px;font:600 11.5px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#6b8594}
.ofm-rowpop dd{margin:0;font:500 15px/1.5 Inter,sans-serif;color:#0f3318;padding-bottom:12px;border-bottom:1px solid #edf6ef;word-break:break-word}
.ofm-rowpop .account-product-links{display:grid;gap:4px}
.ofm-rowpop-go{margin-top:16px;width:100%;justify-content:center;height:50px;display:flex;align-items:center}
@media(max-width:760px){
  .ofm-body .ofm-ahero-box{position:relative}
  .ofm-body .ofm-amenu-btn{display:grid;place-items:center;position:absolute;right:18px;top:18px;width:46px;height:46px;border-radius:15px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.18);color:#fff;z-index:3;backdrop-filter:blur(6px)}
  .ofm-body .ofm-amenu-btn svg{width:24px;height:24px}
  .ofm-body .ofm-amenu-ov{display:block;position:fixed;inset:0;z-index:2990;background:rgba(0,0,0,.25);opacity:0;visibility:hidden;transition:opacity .3s}
  .ofm-body .ofm-amenu-ov.show{opacity:1;visibility:visible}
  html[data-theme] body.ofm-body.ofm-body .account-menu{position:fixed !important;top:0;right:0;bottom:0;left:auto;width:min(86vw,360px);z-index:3000;margin:0 !important;padding:0 14px 24px !important;background:#fff !important;display:flex !important;flex-direction:column;flex-wrap:nowrap !important;overflow-y:auto !important;overflow-x:hidden !important;gap:8px;border-radius:0 !important;box-shadow:-20px 0 50px rgba(8,50,25,.25) !important;transform:translateX(105%);transition:transform .35s cubic-bezier(.2,.8,.2,1);scroll-snap-type:none}
  html[data-theme] body.ofm-body.ofm-body .account-menu.is-open{transform:none}
  .ofm-body .ofm-amenu-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2;margin:0 -14px 6px;padding:0 14px 0 18px;height:64px;min-height:64px;background:linear-gradient(90deg,#0a862a,#0aab2b 50%,#06cf23);color:#fff}
  .ofm-body .ofm-amenu-head b{font:600 17px Lexend,Inter,sans-serif}
  .ofm-body .ofm-amenu-head button{width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font-size:15px}
  html[data-theme] body.ofm-body.ofm-body .account-menu .account-nav-btn{width:100% !important;min-width:0 !important;flex:none !important;background:#f7fcf9 !important;border:0 !important;border-radius:14px !important;padding:8px 14px 8px 8px !important;box-shadow:none !important}
  html[data-theme] body.ofm-body.ofm-body .account-menu .account-nav-btn.active{background:#e5f8e9 !important;color:#0a862a !important}
  html[data-theme] body.ofm-body.ofm-body .account-menu .account-nav-btn b,.ofm-body .account-menu .account-nav-btn small{color:#0f3318 !important}
  .ofm-body .account-menu .account-nav-btn small{color:#6b8594 !important}
  /* kartlar 2'li */
  .ofm-body .account-stats,.ofm-body .domain-account-stats,.ofm-body .hosting-account-stats{display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important}
  .ofm-body .account-stat,.ofm-body .domain-account-stats article,.ofm-body .hosting-account-stats article{padding:14px !important;min-width:0}
  .ofm-body .account-stat b{font-size:24px !important}
  .ofm-body .account-stat span{font-size:13px !important}
  .ofm-body .account-stat small{font-size:11.5px !important}
  /* tablo -> kart listesi */
  .ofm-body .table-wrap{overflow:visible !important;max-width:100%}
  .ofm-body .table-wrap table{display:block !important;width:100% !important;min-width:0 !important;border:0 !important}
  .ofm-body .table-wrap thead{display:none !important}
  .ofm-body .table-wrap tbody{display:grid !important;gap:10px}
  .ofm-body .table-wrap tbody tr{display:grid !important;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:14px 38px 14px 16px !important;position:relative;background:#fff !important;border:1px solid #e3f3e7 !important;border-radius:16px;box-shadow:0 6px 16px rgba(13,110,35,.05);cursor:pointer}
  .ofm-body .table-wrap tbody tr[hidden]{display:none !important}
  .ofm-body .table-wrap tbody tr::after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;border-top:2px solid #9fbfa8;border-right:2px solid #9fbfa8;transform:translateY(-50%) rotate(45deg)}
  .ofm-body .table-wrap tbody td{display:none !important;padding:0 !important;border:0 !important;background:none !important;width:auto !important;font-size:14px !important}
  .ofm-body .table-wrap tbody td:first-child{display:block !important;grid-column:1/-1;font-weight:700;color:#0aab29;word-break:break-word}
  .ofm-body .table-wrap tbody td:nth-child(2){display:block !important;grid-column:1;color:#5a8466;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .ofm-body .table-wrap tbody td:last-child:not(:first-child){display:block !important;grid-column:2;grid-row:2;justify-self:end}
  .ofm-body .table-wrap tbody td:nth-child(2) .account-product-links{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ofm-body .table-wrap tbody td[colspan]{display:block !important;grid-column:1/-1}
  .ofm-body .table-wrap tbody tr:has(td[colspan])::after{display:none}
  .ofm-body .table-wrap tbody tr:has(td[colspan]){cursor:default;padding-right:16px !important}
  /* dt araç çubuğu */
  .ofm-body .scripta-dt-toolbar{display:flex !important;flex-wrap:wrap;gap:10px;align-items:center}
  .ofm-body .scripta-dt-toolbar>*{min-width:0;max-width:100%}
  html[data-theme] body.ofm-body .scripta-dt-search{width:100% !important;order:-1;height:48px !important;padding:0 14px !important;border-radius:14px !important}
  html[data-theme] body.ofm-body .scripta-dt-search input{width:100% !important;font-size:15px !important;height:46px !important}
  .ofm-body .scripta-dt-length{margin:0 auto}
  .ofm-body .scripta-dt-footer{flex-wrap:wrap;gap:10px}
  .ofm-body .account-panel-card{overflow:hidden}
}
.ofm-rowpop .ofm-rowpop-go[hidden]{display:none !important}
@media(max-width:760px){
  html[data-theme] body.ofm-body.ofm-body .scripta-dt-search input{border:0 !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important;min-height:0 !important;padding:0 !important;outline:0 !important}
  html[data-theme] body.ofm-body.ofm-body .scripta-dt-search{gap:10px !important}
}

/* === Revize 30: üye paneli açık renk alanlar → beyaz === */
html[data-theme] body.ofm-body.ofm-body .ticket-summary-card,
html[data-theme] body.ofm-body.ofm-body .ticket-summary-card.open,
html[data-theme] body.ofm-body.ofm-body .ticket-summary-card.solved,
html[data-theme] body.ofm-body.ofm-body .ticket-summary-card.all,
html[data-theme] body.ofm-body.ofm-body .member-points-hero,
html[data-theme] body.ofm-body.ofm-body .wallet-hero-card,
html[data-theme] body.ofm-body.ofm-body .points-conversion-card,
html[data-theme] body.ofm-body.ofm-body .domain-account-stats article,
html[data-theme] body.ofm-body.ofm-body .hosting-account-stats article,
html[data-theme] body.ofm-body.ofm-body .account-stat{background:#fff !important;background-image:none !important;border:1px solid #e3f3e7 !important;box-shadow:0 8px 22px rgba(13,110,35,.06) !important}
html[data-theme] body.ofm-body .ticket-summary-card::before,html[data-theme] body.ofm-body .ticket-summary-card::after,html[data-theme] body.ofm-body .member-points-hero::before,html[data-theme] body.ofm-body .member-points-hero::after,html[data-theme] body.ofm-body .wallet-hero-card::before,html[data-theme] body.ofm-body .wallet-hero-card::after{background:none !important;display:none !important}
html[data-theme] body.ofm-body.ofm-body .scripta-dt-search input{border:0 !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important;min-height:0 !important;padding:0 !important;outline:0 !important}

/* === Revize 33: indirme butonları === */
html[data-theme] body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body .account-download-actions{display:grid;gap:10px;align-content:center}
html[data-theme] body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body .secure-download-button,
html[data-theme] body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body .download-detail-btn{display:flex !important;align-items:center;justify-content:center;min-height:50px;width:100%;padding:0 22px;border-radius:14px;font:600 15px Inter,sans-serif;cursor:pointer;text-decoration:none;white-space:nowrap}
html[data-theme] body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body .secure-download-button{border:0 !important;color:#fff !important;-webkit-text-fill-color:#fff;background:linear-gradient(90deg,#0a862a,#06cf23) !important;box-shadow:0 10px 24px rgba(0,147,36,.28) !important;opacity:1 !important;text-indent:0;font-size:15px !important;visibility:visible}
html[data-theme] body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body .secure-download-button:hover{filter:brightness(1.06)}
html[data-theme] body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body .secure-download-button[disabled]{background:#e9f3ec !important;color:#6b8594 !important;-webkit-text-fill-color:#6b8594;box-shadow:none !important;cursor:not-allowed}
html[data-theme] body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body .secure-download-button:disabled{background:#e9f3ec !important;color:#5f7886 !important;-webkit-text-fill-color:#5f7886 !important;box-shadow:none !important;cursor:not-allowed;filter:none}
html[data-theme] body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body.ofm-body .secure-download-button{white-space:nowrap !important;flex-direction:row !important;flex-wrap:nowrap;gap:8px;padding:0 14px !important;letter-spacing:0 !important;line-height:1 !important;height:50px}

/* === Revize 35: üye paneli masaüstü — sol kenar menü (sticky değil) === */
@media(min-width:1061px){
  html[data-theme] body.ofm-body.ofm-body .account-console{display:grid !important;grid-template-columns:300px minmax(0,1fr) !important;gap:28px;align-items:start}
  html[data-theme] body.ofm-body.ofm-body .account-menu{display:flex !important;flex-direction:column;flex-wrap:nowrap !important;gap:6px;position:static !important;margin:0 !important;padding:14px !important;background:#fff !important;border:1px solid #e3f3e7 !important;border-radius:20px !important;box-shadow:0 10px 28px rgba(13,110,35,.06) !important;overflow:visible !important}
  html[data-theme] body.ofm-body.ofm-body .account-menu .account-nav-btn{display:grid !important;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;width:100% !important;gap:12px;padding:8px 12px 8px 8px !important;border:0 !important;border-radius:14px !important;background:transparent !important;box-shadow:none !important;text-align:left;transform:none !important}
  html[data-theme] body.ofm-body.ofm-body .account-menu .account-nav-btn:hover{background:#f3fbf5 !important}
  html[data-theme] body.ofm-body.ofm-body .account-menu .account-nav-btn.active{background:linear-gradient(90deg,#0a862a,#06cf23) !important;box-shadow:0 8px 20px rgba(0,147,36,.25) !important}
  html[data-theme] body.ofm-body.ofm-body .account-menu .account-nav-btn span b{display:block;font-size:14.5px !important}
  html[data-theme] body.ofm-body.ofm-body .account-menu .account-nav-btn span small{display:block;font-size:11.5px !important;margin-top:2px}
  html[data-theme] body.ofm-body.ofm-body .account-menu .account-nav-btn.active span b,html[data-theme] body.ofm-body.ofm-body .account-menu .account-nav-btn.active span small,html[data-theme] body.ofm-body.ofm-body .account-menu .account-nav-btn.active em{color:#fff !important}
  .ofm-body .account-stage{min-width:0}
}

/* === Revize 36: hero hızlı erişim (alt satır, sağda kompakt çipler) === */
.ofm-ahero-act{align-items:center}
.ofm-ahero-quick{margin-left:auto;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.ofm-body .ofm-ahero-quick button{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 8px 0 8px;border-radius:14px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff;cursor:pointer;font:inherit;box-shadow:none;transition:background .2s}
.ofm-body .ofm-ahero-quick button:hover{background:rgba(255,255,255,.26)}
.ofm-ahero-quick i{flex:none;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.2);display:grid;place-items:center}
.ofm-ahero-quick svg{width:18px;height:18px}
.ofm-ahero-quick span{font:500 15px Lexend,Inter,sans-serif;white-space:nowrap}
.ofm-ahero-quick em{font:700 13px Inter,sans-serif;font-style:normal;min-width:26px;height:26px;padding:0 8px;border-radius:99px;background:#fff;color:#0a862a;display:grid;place-items:center;margin-right:2px}
@media(max-width:1100px){.ofm-ahero-quick{margin-left:0;width:100%;justify-content:flex-start}}
@media(max-width:760px){.ofm-ahero-quick{display:none}}

/* === Revize 37: hediye çarkı alanı beyaz === */
html[data-theme] body.ofm-body.ofm-body.ofm-body .account-wheel-hero,
html[data-theme] body.ofm-body.ofm-body.ofm-body .account-wheel-launch,
html[data-theme] body.ofm-body.ofm-body.ofm-body .wheel-profile-last,
html[data-theme] body.ofm-body.ofm-body.ofm-body .wheel-history-item,
html[data-theme] body.ofm-body.ofm-body.ofm-body .account-coupon-card,
html[data-theme] body.ofm-body.ofm-body.ofm-body .referral-hero,
html[data-theme] body.ofm-body.ofm-body.ofm-body .referral-link-card,
html[data-theme] body.ofm-body.ofm-body.ofm-body .account-empty-card{background:#fff !important;background-image:none !important;border:1px solid #e3f3e7 !important;box-shadow:0 8px 22px rgba(13,110,35,.06) !important}
html[data-theme] body.ofm-body.ofm-body.ofm-body .account-wheel-hero::before,html[data-theme] body.ofm-body.ofm-body.ofm-body .account-wheel-hero::after{display:none !important}
html[data-theme] body.ofm-body.ofm-body.ofm-body .account-wheel-badges span{background:#f3fbf5 !important}
html[data-theme] body.ofm-body.ofm-body.ofm-body .referral-profile-hero,
html[data-theme] body.ofm-body.ofm-body.ofm-body .referral-profile-reward,
html[data-theme] body.ofm-body.ofm-body.ofm-body .referral-profile-stats>*,
html[data-theme] body.ofm-body.ofm-body.ofm-body .referral-profile-note{background:#fff !important;background-image:none !important;border:1px solid #e3f3e7 !important;box-shadow:0 8px 22px rgba(13,110,35,.06) !important}
html[data-theme] body.ofm-body.ofm-body.ofm-body .referral-profile-hero::before,html[data-theme] body.ofm-body.ofm-body.ofm-body .referral-profile-hero::after{display:none !important}

/* === Revize 40: ikonlu üst menü + ikon karolu açılır menü (Ofisimo) === */
@media(min-width:1061px){
  .ofm-navitem .ofm-nico{display:inline-grid;place-items:center;width:26px;height:26px;color:#fff;opacity:.95}
  .ofm-navitem .ofm-nico svg{width:26px;height:26px}
  .ofm-navlink{gap:10px !important;padding:0 26px !important}
  .ofm-navitem+.ofm-navitem:not(.ofm-allcats)::before{content:"";position:absolute;left:0;top:50%;height:26px;margin-top:-13px;width:1px;background:rgba(255,255,255,.22)}
  .ofm-subpanel{padding:14px 10px 12px !important;border-top:3px solid var(--o-sky) !important;border-radius:0 0 16px 16px !important;min-width:320px}
  html[data-theme] body.ofm-body .ofm-subpanel a{flex-direction:row !important;align-items:center;gap:14px !important;padding:9px 12px !important}
  .ofm-sico{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e5f8e9;color:#0aab29}
  .ofm-sico svg{width:20px;height:20px}
  .ofm-stx{display:flex;flex-direction:column;gap:2px;min-width:0}
  html[data-theme] body.ofm-body .ofm-subpanel .ofm-stx b{font-size:16px;font-weight:500}
}
@media(max-width:1060px){.ofm-nico,.ofm-sico{display:none}}

/* === Revize 41: mobil kategori çekmecesi masaüstünde görünmesin === */
@media(min-width:1061px){
  html[data-theme] body.ofm-body>.ofm-mcatlist,html[data-theme] body.ofm-body>.ofm-dr-ov,body.ofm-body>#ofmMCatList,body.ofm-body>#ofmMCatOv{display:none !important}
}

/* === Revize 42: ana sayfa ürün ızgarası 6'lı (geniş ekran) + demo görsel === */
.ofm-card-shot .ofm-frame{display:none}
.ofm-card-shot{aspect-ratio:16/10}
html[data-theme] body.ofm-body .ofm-card-shot img{top:0 !important;height:100% !important;object-position:center !important}
@media(min-width:1280px){
  html[data-theme] body.ofm-body .ofm-grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:16px !important}
  .ofm-grid .ofm-card-body{padding:14px 14px 16px}
  .ofm-grid .ofm-card-body h3{font-size:16px}
  .ofm-grid .ofm-card-desc{font-size:14px;min-height:0}
  .ofm-grid .ofm-card-price strong{font-size:20px}
  .ofm-grid .ofm-card-price s{font-size:13px}
  .ofm-grid .ofm-card-price em{display:block;width:100%;font-size:13px}
  .ofm-grid .ofm-card-price{flex-wrap:wrap;gap:2px 8px}
  .ofm-grid .ofm-card-act{gap:8px}
  .ofm-grid .ofm-card-act a{padding:0 8px;font-size:14px;min-height:44px}
}

/* === Revize 44: mobil bölüm başlıkları tam ortalı === */
@media(max-width:760px){
  html[data-theme] body.ofm-body.ofm-body .ofm-head{flex-direction:column !important;align-items:center !important;text-align:center !important;justify-content:center !important}
  html[data-theme] body.ofm-body.ofm-body .ofm-head>div{width:100%;text-align:center}
  html[data-theme] body.ofm-body.ofm-body .ofm-head .ofm-kicker{display:block;text-align:center;padding-left:.32em}
  html[data-theme] body.ofm-body.ofm-body .ofm-head h2,html[data-theme] body.ofm-body.ofm-body .ofm-head p{text-align:center;margin-left:auto;margin-right:auto}
  html[data-theme] body.ofm-body.ofm-body .ofm-head>a,html[data-theme] body.ofm-body.ofm-body .ofm-head-link{align-self:center !important;margin:6px auto 0 !important;justify-content:center}
}

/* === Revize 45: Ofisimo tarzı footer === */
.ofm-supportband{display:none !important}
html[data-theme] body.ofm-body .ofm-footer{background:#071d0d !important;margin-top:70px;background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:14px 14px}
.ofm-footer-cta{padding-top:26px}
.ofm-cta-box{position:relative;overflow:hidden;display:flex;align-items:center;gap:26px;padding:24px 40px;border-radius:18px;background:linear-gradient(100deg,#0a7326 0%,#0aab2b 100%);color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.28)}
.ofm-cta-ico{flex:none;width:56px;height:56px;border-radius:50%;background:#e8faed;color:#0aab2b;display:grid;place-items:center}
.ofm-cta-ico svg{width:28px;height:28px}
.ofm-cta-tx{flex:1;min-width:0}
.ofm-cta-tx h2{margin:0 0 4px;font:600 26px/1.25 Lexend,Inter,sans-serif;color:#fff}
.ofm-cta-tx p{margin:0;font-size:16px;color:rgba(255,255,255,.88)}
.ofm-cta-btn{position:relative;z-index:2;flex:none;display:inline-flex;align-items:center;gap:12px;padding:0 26px;height:52px;border-radius:12px;background:#fff;color:#0a862a;font:700 15px Inter,sans-serif;letter-spacing:.05em;text-decoration:none;white-space:nowrap}
.ofm-cta-btn .icon{width:18px;height:18px}
.ofm-cta-bars{position:absolute;right:26px;bottom:0;display:flex;align-items:flex-end;gap:10px;height:80px;opacity:.55}
.ofm-cta-bars i{display:block;width:16px;border-radius:4px 4px 0 0;background:rgba(255,255,255,.28)}
.ofm-cta-bars i:nth-child(1){height:28px}.ofm-cta-bars i:nth-child(2){height:46px}.ofm-cta-bars i:nth-child(3){height:62px}.ofm-cta-bars i:nth-child(4){height:80px}
html[data-theme] body.ofm-body .ofm-footer-main{padding:56px 0 46px}
html[data-theme] body.ofm-body .ofm-footer-grid{grid-template-columns:1.35fr 1fr 1fr 1fr 1.5fr;gap:44px}
html[data-theme] body.ofm-body .ofm-footer-col h3{font:600 20px/1.2 Lexend,Inter,sans-serif;margin-bottom:26px;padding-bottom:14px}
html[data-theme] body.ofm-body .ofm-footer-col h3::after{width:32px;height:3px;background:#19dc3d}
html[data-theme] body.ofm-body .ofm-footer-col ul{gap:15px}
html[data-theme] body.ofm-body .ofm-footer-col:not(.ofm-footer-contact) li a{position:relative;padding-left:20px;font-size:16px;color:#dbece0}
html[data-theme] body.ofm-body .ofm-footer-col:not(.ofm-footer-contact) li a::before{content:"";position:absolute;left:2px;top:50%;width:6px;height:6px;border-top:1.6px solid #19dc3d;border-right:1.6px solid #19dc3d;transform:translateY(-50%) rotate(45deg)}
html[data-theme] body.ofm-body .ofm-footer-col:not(.ofm-footer-contact) li a:hover{color:#fff;padding-left:24px}
html[data-theme] body.ofm-body .ofm-footer-about p{font-size:16px;color:#e3f2e7;line-height:1.65}
html[data-theme] body.ofm-body .ofm-socials{gap:12px;margin-bottom:24px}
html[data-theme] body.ofm-body .ofm-socials a{width:42px;height:42px;border-radius:50%;background:#0d2b17;border:1px solid rgba(255,255,255,.16)}
html[data-theme] body.ofm-body .ofm-secure{display:flex;border:0;border-top:1px solid rgba(255,255,255,.12);border-radius:0;padding:20px 0 0;gap:14px;background:none}
.ofm-secure svg{flex:none;width:34px;height:34px;color:#19ea3c}
html[data-theme] body.ofm-body .ofm-secure b{font-size:16px}
html[data-theme] body.ofm-body .ofm-secure small{font-size:14px;color:#9fc4aa}
html[data-theme] body.ofm-body .ofm-footer-contact{position:relative;padding-left:44px;border-left:1px solid rgba(255,255,255,.1)}
html[data-theme] body.ofm-body .ofm-footer-contact li{align-items:flex-start;gap:14px}
.ofm-footer-contact li>svg{flex:none;width:26px;height:26px;margin-top:2px;color:#19ea3c}
.ofm-footer-contact li b{display:block;font-size:17px;color:#fff;font-weight:600}
.ofm-footer-contact li small{display:block;font-size:14px;color:#9fc4aa;margin-top:2px}
.ofm-footer-contact li a{color:#fff !important}
.ofm-helpbox{display:flex;align-items:center;gap:14px;margin-top:22px;padding:16px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(10,171,43,.18);color:#fff;text-decoration:none;transition:background .2s}
.ofm-helpbox:hover{background:rgba(10,171,43,.34)}
.ofm-helpbox>svg:first-child{flex:none;width:34px;height:34px;color:#19ea3c}
.ofm-helpbox span{flex:1;min-width:0}
.ofm-helpbox b{display:block;font-size:17px;font-weight:600}
.ofm-helpbox small{display:block;font-size:14px;color:#b6d6bf;margin-top:2px}
.ofm-help-arr{flex:none;width:22px;height:22px;color:#19ea3c}
html[data-theme] body.ofm-body .ofm-footer-bottom{background:#041409;border-top:1px solid rgba(255,255,255,.08)}
html[data-theme] body.ofm-body .ofm-footer-bottom-in{padding-top:22px;padding-bottom:22px}
html[data-theme] body.ofm-body .ofm-pay i{font-size:14px;padding:7px 14px}
html[data-theme] body.ofm-body .ofm-copy,html[data-theme] body.ofm-body .ofm-legal a{font-size:15px}
@media(max-width:1280px){
  html[data-theme] body.ofm-body .ofm-footer-grid{grid-template-columns:repeat(3,1fr)}
  html[data-theme] body.ofm-body .ofm-footer-about{grid-column:1/-1}
  html[data-theme] body.ofm-body .ofm-footer-contact{grid-column:1/-1;padding-left:0;border-left:0}
}
@media(max-width:900px){.ofm-cta-box{flex-wrap:wrap;padding:22px}.ofm-cta-bars{display:none}.ofm-cta-btn{width:100%;justify-content:center}.ofm-cta-tx h2{font-size:22px}}
@media(max-width:760px){
  html[data-theme] body.ofm-body .ofm-footer-grid{grid-template-columns:1fr 1fr}
  .ofm-cta-ico{display:none}
  .ofm-cta-tx{flex-basis:100%;text-align:center}
}
/* e-bülten tercihi kartı (üye paneli) */
html[data-theme] body.ofm-body .newsletter-pref-card{margin-bottom:18px}
.newsletter-pref-card form{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px 24px}
.newsletter-pref-copy h3{margin:4px 0 6px;font:600 20px Lexend,Inter,sans-serif;color:#0f3318}
.newsletter-pref-copy p{margin:0;font-size:15px;color:#5a8466;line-height:1.55}
.newsletter-pref-switch{display:inline-flex;align-items:center;gap:12px;cursor:pointer;font-weight:600;font-size:15px;color:#0f3318}
.newsletter-pref-switch input{position:absolute;opacity:0;pointer-events:none}
.newsletter-pref-switch i{position:relative;width:48px;height:28px;border-radius:99px;background:#cfe5d5;transition:background .2s;flex:none}
.newsletter-pref-switch i::after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:transform .2s}
.newsletter-pref-switch input:checked+i{background:#0aab29}
.newsletter-pref-switch input:checked+i::after{transform:translateX(20px)}
@media(max-width:900px){.newsletter-pref-card form{grid-template-columns:1fr}}

/* === Revize 46: ana sayfa boşlukları yarıya indirildi === */
html[data-theme] body.ofm-body .ofm-home>.ofm-sec{padding-top:32px !important;padding-bottom:32px !important}
html[data-theme] body.ofm-body .ofm-home .ofm-head{margin-bottom:16px}
@media(max-width:1060px){html[data-theme] body.ofm-body .ofm-home>.ofm-sec{padding-top:22px !important;padding-bottom:22px !important}}
@media(max-width:760px){
  html[data-theme] body.ofm-body .ofm-home>.ofm-sec{padding-top:17px !important;padding-bottom:17px !important}
  html[data-theme] body.ofm-body.ofm-body .ofm-head{gap:0 !important;margin-bottom:10px !important}
  html[data-theme] body.ofm-body.ofm-body .ofm-head h2{margin:2px 0 4px !important}
  html[data-theme] body.ofm-body.ofm-body .ofm-head p{margin:0 !important}
  html[data-theme] body.ofm-body.ofm-body .ofm-head>a,html[data-theme] body.ofm-body.ofm-body .ofm-head-link{margin:2px auto 0 !important;padding:4px 0 !important}
}

/* === Revize 49: Ofisimo tarzı müşteri yorumları === */
html[data-theme] body.ofm-body [data-home-reviews] .ofm-wrap{position:relative}
html[data-theme] body.ofm-body [data-home-reviews] .ofm-rail{position:static}
html[data-theme] body.ofm-body [data-home-reviews] .ofm-rail-btn{top:6px !important;transform:none !important;width:46px;height:46px;border:0;background:#fff;box-shadow:0 8px 20px rgba(13,110,35,.12);color:#0f3318}
html[data-theme] body.ofm-body [data-home-reviews] .ofm-rail-btn.prev{left:auto !important;right:66px}
html[data-theme] body.ofm-body [data-home-reviews] .ofm-rail-btn.next{right:12px !important}
html[data-theme] body.ofm-body [data-home-reviews] .ofm-rail-btn:hover{background:#0aab29;color:#fff}
html[data-theme] body.ofm-body [data-home-reviews] .ofm-rail-track{gap:24px;padding:10px 2px 24px}
html[data-theme] body.ofm-body .ofm-testi{flex:0 0 calc((100% - 48px)/3);flex-direction:row;align-items:flex-start;gap:20px;padding:24px;background:#fff;border:0;border-radius:22px;box-shadow:0 14px 34px rgba(13,110,35,.09);min-width:300px}
.ofm-testi-av{flex:none;width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 6px 16px rgba(13,110,35,.2)}
html[data-theme] body.ofm-body .ofm-testi .ofm-avatar{width:64px;height:64px;font:600 24px Lexend,Inter,sans-serif;background:linear-gradient(135deg,#0a862a,#06cf23)}
.ofm-testi:nth-child(4n+2) .ofm-avatar{background:linear-gradient(135deg,#7c3aed,#c084fc) !important}
.ofm-testi:nth-child(4n+3) .ofm-avatar{background:linear-gradient(135deg,#ea580c,#fbbf24) !important}
.ofm-testi:nth-child(4n) .ofm-avatar{background:linear-gradient(135deg,#059669,#34d399) !important}
.ofm-testi-body{display:flex;flex-direction:column;gap:16px;min-width:0;flex:1;height:100%}
html[data-theme] body.ofm-body .ofm-testi blockquote{font-size:16px;line-height:1.65;color:#0f3318;margin:0;flex:1}
.ofm-testi-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.ofm-testi-foot b{display:block;font:600 17px Lexend,Inter,sans-serif;color:#0f3318}
.ofm-testi-foot small{display:block;font-size:14px;color:#6b7f8d;margin-top:3px}
.ofm-testi .ofm-stars{font-size:15px;gap:2px;flex:none}
.ofm-testi .ofm-stars .icon{width:15px;height:15px}
@media(max-width:1280px){html[data-theme] body.ofm-body .ofm-testi{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:760px){
  html[data-theme] body.ofm-body .ofm-testi{flex-basis:88%;flex-direction:column;min-width:0}
  html[data-theme] body.ofm-body [data-home-reviews] .ofm-rail-btn{display:none !important}
}
html[data-theme] body.ofm-body .ofm-testi{border:1px solid #e3f3e7;box-shadow:0 16px 38px rgba(13,110,35,.11)}

/* === Revize 50: Ofisimo tarzı blog + merak edilenler === */
.ofm-news4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
html[data-theme] body.ofm-body .ofm-news4 .ofm-new{background:#fff;border:0;border-radius:20px;box-shadow:0 12px 30px rgba(13,110,35,.09);overflow:hidden;display:flex;flex-direction:column}
.ofm-news4 .ofm-new-img{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:0}
.ofm-news4 .ofm-new-img img{width:100%;height:100%;object-fit:cover;display:block}
.ofm-new-cat{position:absolute;left:0;bottom:0;padding:8px 16px;background:rgba(255,255,255,.94);color:#0aab29;font:600 14px Inter,sans-serif;letter-spacing:.02em;border-radius:0 14px 0 0}
.ofm-news4 .ofm-new-body{padding:20px 22px 24px}
.ofm-news4 time{display:block;font-size:15px;color:#6b7f8d;margin-bottom:12px}
html[data-theme] body.ofm-body .ofm-news4 .ofm-new-body h3{margin:0;font:600 18px/1.45 Lexend,Inter,sans-serif;color:#0f3318;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ofm-news4 .ofm-new-body h3 a{color:inherit;text-decoration:none}
.ofm-new-more{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center;padding:30px;border-radius:20px;background:linear-gradient(145deg,#eaf9ee,#d6f3de);min-height:260px}
.ofm-new-more p{margin:0;font:500 20px/1.5 Lexend,Inter,sans-serif;color:#0a962b}
.ofm-new-more .ofm-btn{height:56px;padding:0 30px;border-radius:99px;gap:10px}
.ofm-faq2{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:36px;align-items:start}
.ofm-faq2-r h3{margin:6px 0 18px;font:600 20px Lexend,Inter,sans-serif;color:#0f3318}
html[data-theme] body.ofm-body .ofm-faq2 .ofm-faq-item{border:0;border-radius:18px;box-shadow:0 8px 22px rgba(13,110,35,.07)}
html[data-theme] body.ofm-body .ofm-faq2 .ofm-faq-q{font:600 17px Lexend,Inter,sans-serif;color:#0f3318;padding:20px 26px}
html[data-theme] body.ofm-body .ofm-faq2 .ofm-faq2-r .ofm-faq-q{font-weight:500;font-size:16.5px;padding:18px 22px}
.ofm-faq2 .ofm-faq-a>div{font-size:16px;line-height:1.75;color:#4a7257;padding-left:26px;padding-right:26px}
.ofm-faq2 .ofm-faq-a p{margin:0 0 12px}
.ofm-faq2 .ofm-faq{gap:14px}
@media(max-width:1280px){.ofm-news4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1060px){.ofm-faq2{grid-template-columns:1fr}}
@media(max-width:600px){.ofm-news4{grid-template-columns:1fr}.ofm-new-more{min-height:200px}}
html[data-theme] body.ofm-body .ofm-home~.ofm-footer,html[data-theme] body.ofm-body .ofm-page:has(.ofm-home)~.ofm-footer{margin-top:0 !important}


/* ===== Rev 51: blog liste + detay (Ofisimo ile aynı yapı) ===== */
.ofm-bd-hero{padding:26px 0 0;background:#fff}
.ofm-bd-band{display:flex;align-items:center;justify-content:space-between;gap:30px;border:.8px solid #e3f5e8;border-radius:22px;padding:30px 40px;background:linear-gradient(120deg,#eaf9ee,#f7fdf9 70%)}
.ofm-bd-band .breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:#6e6e6e;margin:0 0 14px}
.ofm-bd-band .breadcrumbs a{color:#4a5b66}
.ofm-bd-band h1{font-family:Lexend,Inter,sans-serif;font-size:38px;line-height:1.2;font-weight:700;color:#333;margin:0 0 10px;max-width:820px}
.ofm-bd-band p{font-size:14px;color:#6e6e6e;margin:0}
.ofm-bd-art{width:230px;flex:none}
.ofm-bd-body{padding:34px 0 60px;background:#fff}
.ofm-bd-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:30px;align-items:start}
.ofm-bd-list{display:grid;gap:30px;min-width:0}
.ofm-bd-card{background:#fff;border:.8px solid #e4e4e4;border-radius:0;padding:25px;box-shadow:2px 4px 29px -4px rgba(0,0,0,.35);min-width:0}
.ofm-bd-ptitle{font-family:Lexend,Inter,sans-serif;font-size:22px;line-height:1.3;font-weight:600;margin:0 0 20px}
.ofm-bd-ptitle a{color:#009324}
.ofm-bd-cover{display:block;width:100%;height:auto;object-fit:cover}
.ofm-bd-pills{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
.ofm-bd-pill{display:flex;align-items:center;justify-content:center;gap:8px;height:50px;border-radius:36px;background:#e9e9e9;color:#1a1a1a;font-size:16px;padding:0 12px;text-align:center}
.ofm-bd-pill.is-blue{background:#009324;color:#fff;font-weight:600}
.ofm-bd-ex{font-size:16px;line-height:30px;color:#1c3a26;margin:0 0 16px}
.ofm-bd-more{display:inline-flex;align-items:center;height:44px;padding:0 24px;border-radius:30px;background:#009324;color:#fff;font-size:15px;font-weight:600}
.ofm-bd-more:hover{background:#00751d}
.ofm-bd-content{font-size:16px;line-height:30px;color:#1c3a26}
.ofm-bd-content h1,.ofm-bd-content h2,.ofm-bd-content h3{font-family:Lexend,Inter,sans-serif;color:#1c3a26;line-height:1.3;margin:22px 0 8px}
.ofm-bd-content h1{font-size:22px}.ofm-bd-content h2{font-size:19px}.ofm-bd-content h3{font-size:17px}
.ofm-bd-content p{margin:8px 0 0;font-size:16px}
.ofm-bd-content img{max-width:100%;height:auto}
.ofm-bd-content ul,.ofm-bd-content ol{padding-left:22px;margin:8px 0 0}
.ofm-bd-content a{color:#009324;text-decoration:underline}
.ofm-bd-side{background:#fff;padding:15px;box-shadow:2px 4px 29px -4px rgba(0,0,0,.35);display:block}
.ofm-bd-w{margin-bottom:22px}.ofm-bd-w:last-child{margin-bottom:0}
.ofm-bd-w h3{font-family:Lexend,Inter,sans-serif;font-size:16px;font-weight:500;color:#009324;margin:0 0 12px}
.ofm-bd-search input{display:block;width:100%;height:50px;border:.8px solid #dfefe4;border-radius:12px;padding:5px 15px;font-size:16px;color:#1c3a26;background:#fff}
.ofm-bd-cats,.ofm-bd-pop{list-style:none;margin:0;padding:0}
.ofm-bd-cats li a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 6px;border-bottom:1px solid #eef6f0;color:#6e6e6e;font-size:15px;font-weight:300}
.ofm-bd-cats li a.is-on,.ofm-bd-cats li a:hover{color:#009324}
.ofm-bd-cats b{font-size:12px;font-weight:400;color:#1a1a1a;border:.8px solid #009324;border-radius:3px;padding:3px 6px;line-height:12px}
.ofm-bd-pop li a{display:block;padding:10px 6px;border-bottom:1px solid #eef6f0;color:#6e6e6e;font-size:15px;line-height:1.45;font-weight:300}
.ofm-bd-pop li a:hover{color:#009324}
.ofm-bd-pager{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px}
.ofm-bd-pager a,.ofm-bd-pager span{display:inline-block;padding:7px 12px;border-radius:3px;background:#fff;color:#6e6e6e;font-size:15px;border:1px solid #e4e4e4}
.ofm-bd-pager a.active{background:#009324;color:#fff;border-color:#009324;box-shadow:1px 4px 28px -5px #00d46d}
.ofm-bd-pager a:hover{color:#009324}.ofm-bd-pager a.active:hover{color:#fff}
.ofm-bd-pager .is-off{opacity:.5}
@media(max-width:1060px){.ofm-bd-grid{grid-template-columns:1fr}.ofm-bd-art{display:none}}
@media(max-width:760px){.ofm-bd-band{padding:20px}.ofm-bd-band h1{font-size:26px}.ofm-bd-card{padding:16px}.ofm-bd-pills{grid-template-columns:1fr}.ofm-bd-ptitle{font-size:19px}.ofm-bd-body{padding:22px 0 40px}}

/* ===== Rev 53: kurumsal sayfalar (Ofisimo ile aynı yapı) ===== */
.ofm-ks-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:26px;align-items:start}
.ofm-ks-yan{position:sticky;top:90px}
.ofm-ks-menu{display:flex;flex-direction:column;background:#fff;border:.8px solid #e6f4ea;border-radius:18px;padding:10px;box-shadow:0 4px 16px rgba(13,110,35,.04)}
.ofm-ks-menu a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:12px;font-family:Lexend,Inter,sans-serif;font-size:14.5px;font-weight:500;line-height:25px;color:#0f3318}
.ofm-ks-menu a span{flex:1}
.ofm-ks-ic{width:34px;height:34px;padding:8px;border-radius:10px;background:#e5f8e8;color:#0aab29;flex:none}
.ofm-ks-ch{width:15px;height:15px;color:#a8b8c2;flex:none}
.ofm-ks-menu a:hover{background:#f3fcf5}
.ofm-ks-menu a.is-on,.ofm-ks-menu a.is-on:hover{background:linear-gradient(90deg,#0a862a,#0aab2b 50%,#06cf23);color:#fff}
.ofm-ks-menu a.is-on .ofm-ks-ic{background:rgba(255,255,255,.18);color:#fff}
.ofm-ks-menu a.is-on .ofm-ks-ch{color:#fff}
.ofm-ks-icerik{background:#fff;border:.8px solid #e6f4ea;border-radius:20px;padding:34px 38px;box-shadow:0 4px 16px rgba(13,110,35,.04);font-size:15px;line-height:26.25px;color:#3f624a;min-width:0}
.ofm-ks-icerik h1,.ofm-ks-icerik h2{font-family:Lexend,Inter,sans-serif;font-size:22px;line-height:29.7px;font-weight:600;color:#0f3318;margin:0 0 10px}
.ofm-ks-icerik h2:not(:first-child){margin-top:28px}
.ofm-ks-icerik h3{font-family:Lexend,Inter,sans-serif;font-size:18px;font-weight:600;color:#0f3318;margin:20px 0 8px}
.ofm-ks-icerik p{font-size:16px;line-height:24px;margin:0 0 12px;color:#3f624a}
.ofm-ks-icerik strong,.ofm-ks-icerik b{font-weight:700;color:#0f3318}
.ofm-ks-icerik ul,.ofm-ks-icerik ol{padding-left:22px;margin:0 0 14px}
.ofm-ks-icerik li{font-size:15px;line-height:26.25px;margin:0 0 6px}
.ofm-ks-icerik a{color:#0aab29;text-decoration:underline}
.ofm-ks-icerik img{max-width:100%;height:auto}
@media(max-width:1060px){.ofm-ks-grid{grid-template-columns:1fr}.ofm-ks-yan{position:static}}
@media(max-width:760px){.ofm-ks-icerik{padding:22px 18px}}

/* ===== Rev 54: üye tabloları düzeni (masaüstü) ===== */
@media(min-width:761px){
html[data-theme] body.ofm-body .account-stage .table-wrap{overflow-x:auto;border:0;background:transparent}
html[data-theme] body.ofm-body .account-stage table{width:100%;border-collapse:separate;border-spacing:0;table-layout:auto}
html[data-theme] body.ofm-body .account-stage table thead th{background:#f3fcf5;color:#4a5b66;font-size:14px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;text-align:left;padding:14px 16px;white-space:nowrap;border:0;vertical-align:middle}
html[data-theme] body.ofm-body .account-stage table thead th:first-child{border-radius:12px 0 0 12px}
html[data-theme] body.ofm-body .account-stage table thead th:last-child{border-radius:0 12px 12px 0}
html[data-theme] body.ofm-body .account-stage table tbody td{padding:16px;font-size:15px;line-height:1.45;color:#1c3a26;border-bottom:1px solid #e9f4ec;vertical-align:middle;white-space:nowrap;background:transparent}
html[data-theme] body.ofm-body .account-stage table tbody td.ofm-wrapcell{white-space:normal;min-width:220px}
html[data-theme] body.ofm-body .account-stage table tbody tr:last-child td{border-bottom:0}
html[data-theme] body.ofm-body .account-stage table tbody tr:hover td{background:#f8fefa}
html[data-theme] body.ofm-body .account-stage table tbody td:first-child a,html[data-theme] body.ofm-body .account-stage table tbody td:first-child{font-weight:600}
html[data-theme] body.ofm-body .account-stage table tbody td a{color:#009324;text-decoration:none}
html[data-theme] body.ofm-body .account-stage table tbody td a:hover{text-decoration:underline}
html[data-theme] body.ofm-body .account-stage .account-product-links{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
html[data-theme] body.ofm-body .account-stage .account-product-link{display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:600;line-height:1.35;white-space:normal;color:#009324}
html[data-theme] body.ofm-body .account-stage .account-product-link span{font-size:12px;opacity:.7}
html[data-theme] body.ofm-body .account-stage .account-product-text{display:inline-block;font-size:14px;font-weight:500;color:#4a5b66;background:#eef6f0;border-radius:20px;padding:3px 12px}
html[data-theme] body.ofm-body .account-stage .order-status,html[data-theme] body.ofm-body .account-stage table .status,html[data-theme] body.ofm-body .account-stage table .badge{display:inline-flex;align-items:center;white-space:nowrap;font-size:14px;font-weight:600;padding:5px 14px;border-radius:30px}
html[data-theme] body.ofm-body .account-stage .scripta-dt-footer{border-top:1px solid #e9f4ec;margin-top:6px;padding-top:14px}
}

/* ===== Rev 55: mobil footer aç-kapa menü (Ofisimo ile aynı) ===== */
@media(max-width:760px){
html[data-theme] body.ofm-body .ofm-footer-main{padding:30px 0 34px}
html[data-theme] body.ofm-body .ofm-footer-grid{display:block}
html[data-theme] body.ofm-body .ofm-footer-about{padding-bottom:20px}
html[data-theme] body.ofm-body .ofm-footer-col{border-top:.8px solid #123b1a;margin:0;padding:0}
html[data-theme] body.ofm-body .ofm-footer-col:not(.ofm-footer-contact) h3{position:relative;margin:0;padding:16px 28px 16px 0;font:600 19px/1.1 Lexend,Inter,sans-serif;letter-spacing:-.1px;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}
html[data-theme] body.ofm-body .ofm-footer-col:not(.ofm-footer-contact) h3::after{display:none}
html[data-theme] body.ofm-body .ofm-footer-col:not(.ofm-footer-contact) h3::before{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-52%);font:400 22px/1 Inter,sans-serif;color:#1bc23b}
html[data-theme] body.ofm-body .ofm-footer-col.ofm-acik:not(.ofm-footer-contact) h3::before{content:"\2212"}
html[data-theme] body.ofm-body .ofm-footer-col:not(.ofm-footer-contact) ul{display:none;padding:0 0 16px;gap:0}
html[data-theme] body.ofm-body .ofm-footer-col.ofm-acik:not(.ofm-footer-contact) ul{display:block}
html[data-theme] body.ofm-body .ofm-footer-col:not(.ofm-footer-contact) li{display:block;margin:0 0 12px;font-size:15px;line-height:25px}
html[data-theme] body.ofm-body .ofm-footer-col:not(.ofm-footer-contact) li:last-child{margin-bottom:0}
html[data-theme] body.ofm-body .ofm-footer-col:not(.ofm-footer-contact) li a{display:inline-block;position:relative;padding:0 0 0 18px;font-size:15px;line-height:25px;color:#c3dbcd}
html[data-theme] body.ofm-body .ofm-footer-col:not(.ofm-footer-contact) li a::before{content:"";position:absolute;left:1px;top:50%;width:6px;height:6px;margin-top:-3px;border:0;border-right:2px solid #1bc23b;border-top:2px solid #1bc23b;background:none;border-radius:0;transform:rotate(45deg)}
html[data-theme] body.ofm-body .ofm-footer-col:not(.ofm-footer-contact) li a:hover{padding-left:18px;color:#fff}
html[data-theme] body.ofm-body .ofm-footer-contact{grid-column:auto;padding:10px 0 0;border-left:0;border-top:.8px solid #123b1a}
html[data-theme] body.ofm-body .ofm-footer-contact h3{margin:8px 0 20px;padding:0 0 14px;font:600 19px/1.1 Lexend,Inter,sans-serif;letter-spacing:-.1px}
html[data-theme] body.ofm-body .ofm-footer-contact h3::after{width:34px;height:3px;background:#1bc23b}
html[data-theme] body.ofm-body .ofm-footer-contact ul{gap:16px}
}

/* ===== Rev 56: SSS sayfası (Ofisimo ile aynı yapı) ===== */
.ofm-faq-page .ofm-bd-body{padding:34px 0 40px;background:#fff}
.ofm-fq-card{display:flex;align-items:center;gap:50px;background:#fff;border:.8px solid #e8f4eb;border-radius:22px;box-shadow:0 12px 30px rgba(13,110,35,.06);padding:36px 40px;margin:0 0 40px}
.ofm-fq-list{flex:1 1 0;min-width:0}
.ofm-fq-img{flex:1 1 0;min-width:0;display:flex;justify-content:center}
.ofm-fq-img svg{width:100%;max-width:520px;height:auto}
.ofm-fq-list h2{font-family:Lexend,Inter,sans-serif;font-size:32px;line-height:35px;font-weight:700;color:#2f3034;margin:0 0 22px}
.ofm-fq-item{background:#f0fef3;border:.8px solid #e3f2e7;border-radius:18px;box-shadow:0 10px 26px rgba(13,110,35,.06);margin:0 0 10px;overflow:hidden}
.ofm-fq-item summary{list-style:none;display:flex;align-items:center;gap:14px;cursor:pointer;padding:18px 20px;font-family:Lexend,Inter,sans-serif;font-size:15px;font-weight:500;line-height:1.45;color:#0f3318}
.ofm-fq-item summary::-webkit-details-marker{display:none}
.ofm-fq-ic{flex:none;position:relative;width:26px;height:26px;border-radius:50%;background:#e5f8e8}
.ofm-fq-ic::before,.ofm-fq-ic::after{content:"";position:absolute;left:50%;top:50%;background:#0aab29;border-radius:2px;transform:translate(-50%,-50%)}
.ofm-fq-ic::before{width:10px;height:2px}.ofm-fq-ic::after{width:2px;height:10px}
.ofm-fq-item[open] .ofm-fq-ic::after{display:none}
.ofm-fq-a{padding:0 20px 18px 60px}
.ofm-fq-a p{margin:0;font-size:16px;line-height:28px;color:#4f6270}
@media(max-width:1060px){.ofm-fq-card{flex-direction:column-reverse;gap:24px}.ofm-fq-list{width:100%}.ofm-fq-img svg{max-width:340px}}
@media(max-width:760px){.ofm-fq-card{padding:22px 16px;margin-bottom:26px}.ofm-fq-list h2{font-size:24px;line-height:28px}.ofm-fq-item summary{padding:15px 14px;gap:10px;font-size:14.5px}.ofm-fq-a{padding:0 14px 16px 14px}}

/* ===== Rev 58: paketler (liste + detay) ===== */
.ofm-bnd-count{position:absolute;left:12px;bottom:12px;background:rgba(15,51,24,.82);color:#fff;font-size:13px;font-weight:600;padding:4px 12px;border-radius:20px}
.ofm-bnd-save{font-size:14px;color:#1fa463;background:#eaf8f0;border-radius:10px;padding:7px 12px;margin:0 0 10px}
.ofm-bnd-save b{font-weight:700}
.ofm-bnd-single{display:inline-flex;align-items:center;height:44px;padding:0 20px}
.ofm-bnd-feet{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.ofm-bnd-feet span{background:#fff;border:1px solid var(--o-line);border-radius:30px;padding:8px 16px;font-size:14px;font-weight:600;color:var(--o-navy)}
.ofm-bnd-gain{font-size:15px;color:#1fa463;background:#eaf8f0;border-radius:12px;padding:10px 14px;margin:0 0 16px}
.ofm-bnd-gain b{font-weight:800}
.ofm-bnd-contents{margin-top:46px}
.ofm-bnd-contents .ofm-rel-head{margin-bottom:18px}
.ofm-bnd-desc{margin-top:40px;background:#fff;border:1px solid var(--o-line);border-radius:22px;padding:30px;font-size:16px;line-height:1.75}
.ofm-bnd-desc h2{font-size:24px;margin:0 0 14px}
.ofm-bundle-page .detail-secondary-actions a{text-decoration:none}
.ofm-bnd-pts{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:20px;border-top:1px solid var(--o-line);margin-top:6px}
.ofm-bnd-pts>div{display:flex;align-items:center;gap:12px;padding:12px;border-radius:13px;background:var(--o-bg)}
.ofm-bnd-pts i{flex:none;width:38px;height:38px;border-radius:11px;background:#fff;color:var(--o-main);display:grid;place-items:center;font-style:normal;font-size:17px}
.ofm-bnd-pts span{display:block;min-width:0}
.ofm-bnd-pts b{display:block;font-size:14px;color:var(--o-navy);line-height:1.3}
.ofm-bnd-pts small{display:block;font-size:13px;color:var(--o-muted);line-height:1.35}
@media(max-width:560px){.ofm-bnd-pts{grid-template-columns:1fr}}

/* ===== Rev 59: sepet + sipariş formu (Ofisimo ile aynı yapı) ===== */
html[data-theme] body.ofm-body .ofm-cartpage{background:#f2fbf4;padding:26px 0 60px}
.ofm-sepet-sec,.ofm-sepet-body{background:transparent;padding:0}
.ofm-sepet-bas{margin:0 0 20px}
.ofm-yol{display:flex;align-items:center;gap:8px;font-size:14px;color:#6c7e8a;margin:0 0 14px}
.ofm-yol a{color:#4f6270}.ofm-yol svg{width:13px;height:13px;color:#a3b3bd;flex:none}.ofm-yol span{color:#0aab29;font-weight:500}
.ofm-sepet-bas h1{display:flex;align-items:center;gap:12px;margin:10px 0 0;font-family:Lexend,Inter,sans-serif;font-size:32px;line-height:1.1;font-weight:700;color:#0f3318}
.ofm-sepet-bas h1 i{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#0a862a,#06cf23);color:#fff;display:grid;place-items:center;flex:none}
.ofm-sepet-bas h1 i svg{width:24px;height:24px}
.ofm-sepet-bas h1 small{font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#0aab29;background:#e5f8e8;border-radius:20px;padding:4px 12px}
.ofm-sepet-bas h1 small:empty{display:none}
/* liste */
html[data-theme] body.ofm-body .ofm-cartpage .cart-page-layout{grid-template-columns:minmax(0,1fr) 360px;gap:24px}
html[data-theme] body.ofm-body .ofm-cartpage .cart-page-items{gap:14px}
html[data-theme] body.ofm-body .ofm-cartpage .cart-page-item{position:relative;display:flex;align-items:center;gap:18px;padding:16px 64px 16px 16px;background:#fff;border:.8px solid #e6f4ea;border-radius:18px;box-shadow:0 4px 16px rgba(13,110,35,.04)}
html[data-theme] body.ofm-body .ofm-cartpage .cart-page-item>a:first-child{flex:none;display:block;width:150px;height:105px;border-radius:12px;overflow:hidden;background:#eef8f1}
html[data-theme] body.ofm-body .ofm-cartpage .cart-page-item img{width:150px;height:105px;border-radius:12px;object-fit:cover;display:block}
html[data-theme] body.ofm-body .ofm-cartpage .cart-page-item>div:nth-child(2){flex:1;min-width:0}
html[data-theme] body.ofm-body .ofm-cartpage .cart-page-item h3{font-family:Lexend,Inter,sans-serif;font-size:16px;line-height:1.4;font-weight:600;color:#0f3318;margin:0}
html[data-theme] body.ofm-body .ofm-cartpage .cart-page-item h3 a{color:#0f3318}
html[data-theme] body.ofm-body .ofm-cartpage .cart-page-item p{font-size:14px;line-height:1.5;color:#7a8c97;margin:6px 0 0}
html[data-theme] body.ofm-body .ofm-cartpage .cart-page-price{text-align:right;flex:none}
html[data-theme] body.ofm-body .ofm-cartpage .cart-page-price b{font-family:Lexend,Inter,sans-serif;font-size:20px;font-weight:700;color:#0f3318}
html[data-theme] body.ofm-body .ofm-cartpage .cart-page-price small{display:block;font-size:13px;color:#7a8c97;margin-top:2px}
html[data-theme] body.ofm-body .ofm-cartpage .cart-page-remove{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:0;background:#f3f8f5;color:#7a8c97;font-size:0;margin:0;cursor:pointer;display:grid;place-items:center;transition:background .15s,color .15s}
html[data-theme] body.ofm-body .ofm-cartpage .cart-page-remove::before{content:"\00d7";font-size:22px;line-height:1}
html[data-theme] body.ofm-body .ofm-cartpage .cart-page-remove:hover{background:#fde8ec;color:#e01847}
/* özet */
html[data-theme] body.ofm-body .ofm-cartpage .order-summary{position:sticky;top:90px;padding:24px;background:#fff;border:.8px solid #e6f4ea;border-radius:20px;box-shadow:0 10px 30px rgba(13,110,35,.06)}
.ofm-ozet-h,html[data-theme] body.ofm-body .ofm-cartpage .order-summary h3{font-family:Lexend,Inter,sans-serif;font-size:18px;font-weight:600;color:#0f3318;margin:0 0 16px}
html[data-theme] body.ofm-body .ofm-cartpage .summary-line{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:15px;color:#4f6270}
html[data-theme] body.ofm-body .ofm-cartpage .summary-line b{font-weight:700;color:#0f3318}
html[data-theme] body.ofm-body .ofm-cartpage .summary-line.total{border-top:1px solid #e9f4ec;margin-top:6px;padding:14px 0 10px;font-size:15px;font-weight:500;color:#4f6270}
html[data-theme] body.ofm-body .ofm-cartpage .summary-line.total span:last-child{font-family:Lexend,Inter,sans-serif;font-size:24px;font-weight:700;color:#0d942e}
html[data-theme] body.ofm-body .ofm-cartpage .summary-checkout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;margin-top:14px;border:0;border-radius:14px;background:linear-gradient(90deg,#0a862a,#0aab2b 50%,#06cf23);color:#fff;font-family:Lexend,Inter,sans-serif;font-size:15.5px;font-weight:600;box-shadow:0 8px 20px rgba(10,171,43,.24);cursor:pointer}
.ofm-cartpage .summary-checkout svg{width:18px;height:18px}
.ofm-sepet-guven{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid #e9f4ec;display:grid;gap:10px}
.ofm-sepet-guven li{display:flex;align-items:center;gap:10px;font-size:14px;color:#4f6270}
.ofm-sepet-guven svg{width:17px;height:17px;color:#2aa95c;flex:none}
html[data-theme] body.ofm-body .ofm-cartpage .coupon-apply-form input,html[data-theme] body.ofm-body .ofm-cartpage .wallet-use-form input{height:46px;border:.8px solid #dfefe4;border-radius:12px;padding:0 14px;font-size:15px}
html[data-theme] body.ofm-body .ofm-cartpage .coupon-apply-form button,html[data-theme] body.ofm-body .ofm-cartpage .wallet-use-form button{height:46px;border-radius:12px;font-size:14px}
/* sipariş formu */
html[data-theme] body.ofm-body .ofm-checkoutpage .checkout-layout{grid-template-columns:minmax(0,1fr) 380px;gap:24px}
html[data-theme] body.ofm-body .ofm-checkoutpage .checkout-form-card{padding:26px;background:#fff;border:.8px solid #e6f4ea;border-radius:20px;box-shadow:0 4px 16px rgba(13,110,35,.04);margin-bottom:18px}
html[data-theme] body.ofm-body .ofm-checkoutpage .checkout-form-card h3{font-family:Lexend,Inter,sans-serif;font-size:18px;font-weight:600;color:#0f3318;gap:12px;margin:0 0 18px}
html[data-theme] body.ofm-body .ofm-checkoutpage .checkout-step{width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#0a862a,#06cf23);font-size:14px;font-weight:700}
html[data-theme] body.ofm-body .ofm-checkoutpage .field label{font-size:14px;font-weight:600;color:#1c3a26}
html[data-theme] body.ofm-body .ofm-checkoutpage .field input:not([type=checkbox]):not([type=radio]),html[data-theme] body.ofm-body .ofm-checkoutpage .field select,html[data-theme] body.ofm-body .ofm-checkoutpage .field textarea{min-height:48px;border:.8px solid #dfefe4;border-radius:12px;padding:10px 14px;font-size:15px;background:#fff;color:#1c3a26}
html[data-theme] body.ofm-body .ofm-checkoutpage .field input:focus,html[data-theme] body.ofm-body .ofm-checkoutpage .field select:focus{outline:0;border-color:#0aab29;box-shadow:0 0 0 3px rgba(10,171,41,.15)}
html[data-theme] body.ofm-body .ofm-checkoutpage .payment-option{padding:16px;border:.8px solid #e1f0e5;border-radius:14px;font-size:15px}
html[data-theme] body.ofm-body .ofm-checkoutpage .payment-option:has(input:checked){border-color:#0aab29;background:#f3fcf5;box-shadow:0 0 0 3px rgba(10,171,41,.12)}
html[data-theme] body.ofm-body .ofm-checkoutpage .order-summary{position:sticky;top:90px;padding:24px;background:#fff;border:.8px solid #e6f4ea;border-radius:20px;box-shadow:0 10px 30px rgba(13,110,35,.06)}
html[data-theme] body.ofm-body .ofm-checkoutpage .order-summary h3{font-family:Lexend,Inter,sans-serif;font-size:18px;font-weight:600;color:#0f3318;margin:0 0 16px}
html[data-theme] body.ofm-body .ofm-checkoutpage .summary-line{padding:10px 0;font-size:15px;color:#4f6270}
html[data-theme] body.ofm-body .ofm-checkoutpage .summary-line.total{border-top:1px solid #e9f4ec;font-size:22px;font-weight:700;color:#0d942e}
html[data-theme] body.ofm-body .ofm-checkoutpage button[type=submit]:not(.coupon-apply-form button),html[data-theme] body.ofm-body .ofm-checkoutpage .btn-primary{min-height:50px;border:0;border-radius:14px;background:linear-gradient(90deg,#0a862a,#0aab2b 50%,#06cf23);color:#fff;font-family:Lexend,Inter,sans-serif;font-size:15.5px;font-weight:600;box-shadow:0 8px 20px rgba(10,171,43,.24)}
@media(max-width:1060px){html[data-theme] body.ofm-body .ofm-cartpage .cart-page-layout,html[data-theme] body.ofm-body .ofm-checkoutpage .checkout-layout{grid-template-columns:1fr}html[data-theme] body.ofm-body .ofm-cartpage .order-summary{position:static}}
@media(max-width:760px){
.ofm-sepet-bas h1{font-size:26px}.ofm-sepet-bas h1 i{width:40px;height:40px}
html[data-theme] body.ofm-body .ofm-cartpage .cart-page-item{flex-wrap:wrap;padding:14px 56px 14px 14px;gap:12px}
html[data-theme] body.ofm-body .ofm-cartpage .cart-page-item>a:first-child,html[data-theme] body.ofm-body .ofm-cartpage .cart-page-item img{width:96px;height:68px}
html[data-theme] body.ofm-body .ofm-cartpage .cart-page-item>div:nth-child(2){flex:1 1 calc(100% - 120px)}
html[data-theme] body.ofm-body .ofm-cartpage .cart-page-price{width:100%;text-align:left}
html[data-theme] body.ofm-body .ofm-checkoutpage .checkout-form-card{padding:18px}}
html[data-theme] body.ofm-body .ofm-cartpage .cart-page-items .cart-page-item button.cart-page-remove{font-size:0 !important;line-height:0 !important;width:32px !important;height:32px !important;padding:0 !important;overflow:hidden;text-indent:-9999px;white-space:nowrap;background:#f3f8f5 !important;color:#7a8c97 !important;border-radius:50% !important;display:grid;place-items:center}
html[data-theme] body.ofm-body .ofm-cartpage .cart-page-items .cart-page-item button.cart-page-remove::before{content:"\00d7";text-indent:0;font-size:22px !important;line-height:1 !important;display:block}
html[data-theme] body.ofm-body .ofm-cartpage .cart-page-items .cart-page-item button.cart-page-remove:hover{background:#fde8ec !important;color:#e01847 !important}

/* boş sepet */
html[data-theme] body.ofm-body .ofm-cartpage .cart-page-layout.ofm-empty-cart{grid-template-columns:1fr}
html[data-theme] body.ofm-body .ofm-cartpage .cart-page-layout.ofm-empty-cart .order-summary{display:none}
.ofm-ec{background:#fff;border:.8px solid #e6f4ea;border-radius:22px;box-shadow:0 10px 30px rgba(13,110,35,.06);padding:56px 24px 44px;text-align:center}
.ofm-ec-ill svg{width:200px;height:160px;display:block;margin:0 auto 6px}
.ofm-ec h2{font-family:Lexend,Inter,sans-serif;font-size:26px;font-weight:700;color:#0f3318;margin:0 0 8px}
.ofm-ec p{font-size:16px;line-height:1.6;color:#4f6270;margin:0 auto 26px;max-width:460px}
.ofm-ec-act{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.ofm-ec-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 28px;border-radius:14px;border:.8px solid #cfeed8;background:#fff;color:#0a862a;font-family:Lexend,Inter,sans-serif;font-size:15.5px;font-weight:600;text-decoration:none}
.ofm-ec-btn:hover{background:#f3fcf5}
.ofm-ec-btn.is-main,.ofm-ec-btn.is-main:hover{border:0;background:linear-gradient(90deg,#0a862a,#0aab2b 50%,#06cf23);color:#fff;box-shadow:0 8px 20px rgba(10,171,43,.24)}
.ofm-ec-btn svg{width:18px;height:18px}
.ofm-ec-pts{list-style:none;display:flex;justify-content:center;gap:10px 28px;flex-wrap:wrap;margin:30px 0 0;padding:20px 0 0;border-top:1px solid #e9f4ec;font-size:14px;color:#4f6270}
.ofm-ec-pts li::before{content:"\2713";color:#2aa95c;font-weight:700;margin-right:8px}
@media(max-width:760px){.ofm-ec{padding:36px 16px 30px}.ofm-ec h2{font-size:22px}.ofm-ec-btn{width:100%}}

/* === Revize 62: WhatsApp butonu, slider yokken ana sayfa === */
.ofm-wa{position:fixed;bottom:22px;z-index:900;display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 18px 0 14px;border-radius:30px;background:#25d366;color:#fff!important;font:700 15px/1 var(--site-font,Inter,sans-serif);box-shadow:0 10px 26px rgba(37,211,102,.38);transition:transform .2s,box-shadow .2s}
.ofm-wa-right{right:22px}.ofm-wa-left{left:22px}
.ofm-wa:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(37,211,102,.5)}
.ofm-wa svg{flex:none}
@media(max-width:760px){.ofm-wa{bottom:16px;width:54px;height:54px;padding:0;justify-content:center;border-radius:50%}.ofm-wa-right{right:14px}.ofm-wa-left{left:14px}.ofm-wa span{display:none}}
.ofm-hero .ofm-banners:first-child{margin-top:0}
.ofm-detail-wa{display:flex;align-items:center;justify-content:center;gap:10px;height:50px;margin-top:10px;border-radius:10px;background:#25d366;color:#fff!important;font-weight:700;font-size:15px;text-decoration:none}
.ofm-detail-wa:hover{background:#1fb859}

/* === Revize 63: kategori sayfası — sidebarsız liste, editör içeriği, etiketler === */
.ofm-catalog.ofm-catalog-nosb{grid-template-columns:minmax(0,1fr)}
.ofm-catalog-nosb .ofm-toolbar{margin-top:0}
.ofm-seo-cat{margin-top:40px}
.ofm-seo-body>*:first-child{margin-top:0}
.ofm-body .ofm-seo-body h2,.ofm-body .ofm-seo-body h3{margin:26px 0 12px;font-size:23px;font-weight:600;color:#0f3318;line-height:1.3}
.ofm-body .ofm-seo-body h3{font-size:19px}
.ofm-seo-body p{margin:0 0 14px;font-size:16px;line-height:1.8;color:#3d6048}
.ofm-seo-body ul,.ofm-seo-body ol{margin:0 0 16px;padding-left:22px;color:#3d6048;font-size:16px;line-height:1.8}
.ofm-seo-body img{max-width:100%;height:auto;border-radius:12px}
.ofm-seo-body strong{color:#0f3318}
.ofm-seo-body table{width:100%;border-collapse:collapse;margin:0 0 16px}
.ofm-seo-body td,.ofm-seo-body th{border:1px solid #e1f1e5;padding:9px 12px;font-size:15px}
.ofm-seo-tags{margin:18px 0 0!important;font-size:16px}
.ofm-seo-tags a{font-weight:500;color:var(--o-main)}
.ofm-seo-tags a:hover{text-decoration:underline}

/* === Revize 64: Ana sayfa — Size Sunduklarımız === */
.ofm-offer{padding:56px 0 52px;background:#f8fbfa}
.ofm-offer-head{text-align:center;margin-bottom:34px}
.ofm-offer-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:999px;background:#e4fbec;border:1px solid #cff5dc;color:#0aab29;font-size:14px;font-weight:700;letter-spacing:.06em}
.ofm-body .ofm-offer-head h2{margin:18px 0 10px;font-size:36px;font-weight:800;color:#142921;letter-spacing:-.01em}
.ofm-offer-head p{margin:0;font-size:16px;color:#5b6475}
.ofm-offer-line{display:block;width:60px;height:3px;border-radius:3px;margin:20px auto 0;background:linear-gradient(90deg,#5bd6cc,#17b897)}
.ofm-offer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.ofm-offer-card{display:block;background:#fff;border-radius:16px;padding:26px 24px 28px;box-shadow:0 6px 22px rgba(30,90,65,.06);text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}
a.ofm-offer-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(30,90,65,.12)}
.ofm-offer-ico{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:14px;margin-bottom:22px}
.ofm-offer-card.c0 .ofm-offer-ico{background:#efeafd;color:#6b4fe0}
.ofm-offer-card.c1 .ofm-offer-ico{background:#e5fcee;color:#1ae070}
.ofm-offer-card.c2 .ofm-offer-ico{background:#e0f6ef;color:#0fa886}
.ofm-offer-card.c3 .ofm-offer-ico{background:#fdeeea;color:#e2593c}
.ofm-body .ofm-offer-card h3{margin:0 0 12px;font-size:17px;font-weight:700;color:#142921}
.ofm-offer-card p{margin:0;font-size:14.5px;line-height:1.75;color:#5b6475}
@media(max-width:1060px){.ofm-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ofm-offer{padding:38px 0}.ofm-body .ofm-offer-head h2{font-size:28px}.ofm-offer-grid{grid-template-columns:1fr;gap:14px}}

/* === Revize 65: Ek hizmetler === */
.ofm-addons{margin:18px 0 6px}
.ofm-addons-h{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#0f3318;margin-bottom:10px}
.ofm-addon{display:flex;align-items:center;gap:12px;padding:13px 16px;margin:0 0 9px;border:1px solid #e3f2e7;border-radius:12px;background:#f7fcf9;cursor:pointer;font-size:15px;color:#1b4025;transition:border-color .15s,background .15s}
.ofm-addon:hover{border-color:#b9e3c3;background:#f1fbf3}
.ofm-addon input{width:18px;height:18px;flex:none;accent-color:var(--o-main,#0aab29);cursor:pointer;margin:0}
.ofm-addon-t{flex:1;min-width:0}
.ofm-addon-q{flex:none;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--o-main,#0aab29);color:#fff;font-style:normal;font-size:13px;font-weight:700;cursor:help}
.ofm-addon-p{flex:none;color:var(--o-main,#0aab29);font-size:15px;font-weight:700}
.ofm-addon:has(input:checked){border-color:var(--o-main,#0aab29);background:#eafaee}
.ofm-addon-sum{margin:2px 0 0;padding:10px 14px;border-radius:10px;background:#e6f4ea;color:#1c6b3a;font-size:14px;font-weight:600}
.ofm-addons.in-cart{margin:-4px 0 18px;padding:16px 18px;border:1px solid #e3f2e7;border-radius:14px;background:#fbfefc}
.ofm-addons.in-cart .ofm-addon{background:#fff}
.ofm-sl-addon span{color:#5b6b76;font-size:14px}
@media(max-width:760px){.ofm-addon{padding:12px;gap:10px;font-size:14px}.ofm-addon-p{font-size:14px}.ofm-addons.in-cart{padding:12px}}

/* === Revize 65: kategori — kenar çubuksuz N'li yan yana grid === */
.ofm-body .ofm-catalog-nosb .ofm-lgrid{gap:16px}
.ofm-body .ofm-catalog-nosb.ofm-cols-3 .ofm-lgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ofm-body .ofm-catalog-nosb.ofm-cols-4 .ofm-lgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ofm-body .ofm-catalog-nosb.ofm-cols-5 .ofm-lgrid{grid-template-columns:repeat(5,minmax(0,1fr))}
.ofm-body .ofm-catalog-nosb.ofm-cols-6 .ofm-lgrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.ofm-catalog-nosb.ofm-cols-5 .ofm-lcard,.ofm-catalog-nosb.ofm-cols-6 .ofm-lcard{padding:8px;border-radius:16px}
.ofm-catalog-nosb.ofm-cols-5 .ofm-lcard-body,.ofm-catalog-nosb.ofm-cols-6 .ofm-lcard-body{padding:12px 6px 6px}
.ofm-body .ofm-catalog-nosb.ofm-cols-5 .ofm-lcard h3,.ofm-body .ofm-catalog-nosb.ofm-cols-6 .ofm-lcard h3{font-size:15px;min-height:42px;margin-bottom:6px}
.ofm-catalog-nosb.ofm-cols-5 .ofm-lcard-body>p,.ofm-catalog-nosb.ofm-cols-6 .ofm-lcard-body>p,.ofm-catalog-nosb.ofm-cols-5 .ofm-lcard-tags,.ofm-catalog-nosb.ofm-cols-6 .ofm-lcard-tags{display:none}
.ofm-body .ofm-catalog-nosb.ofm-cols-5 .ofm-lcard-price strong,.ofm-body .ofm-catalog-nosb.ofm-cols-6 .ofm-lcard-price strong{font-size:20px}
.ofm-catalog-nosb.ofm-cols-5 .ofm-lcard-price,.ofm-catalog-nosb.ofm-cols-6 .ofm-lcard-price{margin-bottom:10px;gap:6px}
.ofm-catalog-nosb.ofm-cols-5 .ofm-lcard-price small,.ofm-catalog-nosb.ofm-cols-6 .ofm-lcard-price small{font-size:14px}
.ofm-catalog-nosb.ofm-cols-5 .ofm-lcard-act,.ofm-catalog-nosb.ofm-cols-6 .ofm-lcard-act{grid-template-columns:1fr;gap:7px}
.ofm-body .ofm-catalog-nosb.ofm-cols-5 .ofm-lbtn,.ofm-body .ofm-catalog-nosb.ofm-cols-6 .ofm-lbtn{font-size:14px;padding:0 8px;min-height:40px}
.ofm-body .ofm-catalog-nosb .ofm-lcard-fav{right:14px;top:14px;width:32px;height:32px}
.ofm-catalog-nosb .ofm-lcard-badge{font-size:12px;padding:4px 9px}
@media(max-width:1280px){.ofm-body .ofm-catalog-nosb.ofm-cols-5 .ofm-lgrid,.ofm-body .ofm-catalog-nosb.ofm-cols-6 .ofm-lgrid{grid-template-columns:repeat(4,minmax(0,1fr))}.ofm-body .ofm-catalog-nosb.ofm-cols-4 .ofm-lgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1060px){.ofm-body .ofm-catalog-nosb .ofm-lgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ofm-body .ofm-catalog-nosb .ofm-lgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* === Revize 69: seçilen ek hizmetler — sepet, mini sepet, ödeme === */
.ofm-ax-wrap{margin:12px 0 4px}
.ofm-ax-label{display:block;margin:0 0 7px;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#6b8796}
.ofm-ax{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ofm-ax li{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 12px;border-radius:10px;background:#eafaee;border:1px solid #d3f1da;color:#0a862a;font-size:14.5px;font-weight:600;line-height:1.3}
.ofm-ax li i{font-style:normal;font-weight:800;color:var(--o-main,#0aab29)}
.ofm-ax li span{flex:1;min-width:0}
.ofm-ax li b{flex:none;color:#0f3318;font-weight:700}
.ofm-ax-del{flex:none;width:26px;height:26px;border-radius:50%;border:0;background:rgba(10,134,42,.12);color:#0a862a;font-size:17px;line-height:1;cursor:pointer;padding:0}
.ofm-ax-del:hover{background:#e5484d;color:#fff}
.ofm-ax-drawer{margin:8px 0 2px;gap:4px}
.ofm-ax-drawer li{padding:5px 10px;font-size:14px;font-weight:600;background:#eafaee}
.ofm-co-prod{padding:2px 0 8px;border-bottom:1px solid #edf6ef;margin-bottom:6px}
.ofm-co-addon{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:2px 0 2px 10px;padding:8px 12px;border-radius:10px;background:#eafaee;color:#0a862a;font-size:14.5px;font-weight:600}
.ofm-co-addon span{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ofm-co-addon i{font-style:normal;font-weight:800;color:var(--o-main,#0aab29)}
.ofm-co-addon em{font-style:normal;font-size:13px;font-weight:600;color:#6b8796;background:#fff;border-radius:999px;padding:2px 9px}
.ofm-co-addon b{color:#0f3318;font-weight:700;white-space:nowrap}

/* === Revize 70: yapay zeka ürün asistanı === */
.ofm-ai{position:fixed;bottom:22px;z-index:910;font-family:var(--site-font,Inter,sans-serif)}
.ofm-ai-right{right:22px}.ofm-ai-left{left:22px}
.ofm-ai-stack{bottom:92px}
.ofm-ai-fab{display:inline-flex;align-items:center;gap:9px;height:56px;padding:0 22px 0 16px;border:0;border-radius:30px;background:linear-gradient(135deg,var(--o-main,#0aab29),var(--o-sky,#06cf23));color:#fff;font-weight:700;font-size:15px;line-height:1;font-family:inherit;cursor:pointer;box-shadow:0 10px 26px rgba(10,171,41,.38);transition:transform .2s,box-shadow .2s}
.ofm-ai-fab:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(10,171,41,.5)}
.ofm-ai.open .ofm-ai-fab{display:none}
.ofm-ai-panel{position:absolute;bottom:0;width:390px;max-width:calc(100vw - 28px);height:min(640px,calc(100vh - 44px));display:flex;flex-direction:column;background:#fff;border-radius:20px;box-shadow:0 22px 60px rgba(15,51,24,.28),0 0 0 1px rgba(15,51,24,.06);overflow:hidden}
.ofm-ai-panel[hidden]{display:none}
.ofm-ai-right .ofm-ai-panel{right:0}.ofm-ai-left .ofm-ai-panel{left:0}
.ofm-ai-stack.open{bottom:22px}
.ofm-ai-panel header{display:flex;align-items:center;gap:10px;padding:14px 14px 14px 16px;background:linear-gradient(180deg,#f3fdf5,#fff);border-bottom:1px solid #e4f3e8}
.ofm-ai-panel header b{font-size:16px;color:var(--o-navy,#0f3318)}
.ofm-ai-panel header em{font-style:normal;font-size:14px;font-weight:700;color:var(--o-main,#0aab29);background:#e1f8e5;border-radius:8px;padding:3px 8px}
.ofm-ai-logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--o-main,#0aab29),var(--o-sky,#06cf23));color:#fff}
.ofm-ai-logo svg{width:22px;height:22px}
.ofm-ai-panel header button{margin-left:auto;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#4a7257;cursor:pointer}
.ofm-ai-panel header button+button{margin-left:0}
.ofm-ai-panel header button:hover{background:#e9f7ec}
.ofm-ai-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px;background:#fff}
.ofm-ai-msg{display:flex;gap:10px;align-items:flex-start;max-width:100%}
.ofm-ai-msg.me{justify-content:flex-end}
.ofm-ai-av{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--o-main,#0aab29),var(--o-sky,#06cf23));color:#fff}
.ofm-ai-av svg{width:17px;height:17px}
.ofm-ai-bub{font-size:15px;line-height:1.55;color:#1c3a26;min-width:0;overflow-wrap:anywhere}
.ofm-ai-msg.me .ofm-ai-bub{background:#e7faeb;color:#0f3318;padding:10px 15px;border-radius:16px 16px 4px 16px;max-width:82%}
.ofm-ai-bub p{margin:0 0 8px}.ofm-ai-bub p:last-child{margin-bottom:0}
.ofm-ai-bub ul{margin:4px 0 8px;padding-left:20px}.ofm-ai-bub li{margin:3px 0}
.ofm-ai-bub a{color:var(--o-main,#0aab29);font-weight:600;text-decoration:underline}
.ofm-ai-cards{display:grid;gap:8px;margin-top:10px}
.ofm-ai-card{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #dcf1e0;border-radius:12px;background:#f7fdf9;text-decoration:none!important}
.ofm-ai-card:hover{border-color:var(--o-main,#0aab29);background:#eefcf1}
.ofm-ai-card img{width:54px;height:40px;object-fit:cover;border-radius:8px;flex:none}
.ofm-ai-card span{display:flex;flex-direction:column;min-width:0;flex:1}
.ofm-ai-card b{font-size:14px;color:#0f3318;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ofm-ai-card i{font-style:normal;font-size:14px;color:var(--o-main,#0aab29);font-weight:700}
.ofm-ai-card i s{color:#8aa0ac;font-weight:500;margin-left:4px}
.ofm-ai-card u{text-decoration:none;font-size:14px;font-weight:700;color:#fff;background:var(--o-main,#0aab29);padding:7px 12px;border-radius:8px;flex:none}
.ofm-ai-chips{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-left:40px}
.ofm-ai-chips button{border:1px solid #cfeed6;background:#fff;color:var(--o-main,#0aab29);font-weight:600;font-size:14px;line-height:1.3;font-family:inherit;padding:9px 14px;border-radius:14px;cursor:pointer;text-align:left}
.ofm-ai-chips button:hover{background:#eefcf1;border-color:var(--o-main,#0aab29)}
.ofm-ai-typing .ofm-ai-bub{display:flex;gap:5px;padding:12px 0}
.ofm-ai-typing i{width:8px;height:8px;border-radius:50%;background:#9bcba6;animation:ofmAiDot 1.1s infinite ease-in-out}
.ofm-ai-typing i:nth-child(2){animation-delay:.18s}.ofm-ai-typing i:nth-child(3){animation-delay:.36s}
@keyframes ofmAiDot{0%,80%,100%{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}
.ofm-ai-form{display:flex;align-items:flex-end;gap:8px;margin:0 14px;padding:8px 8px 8px 14px;border:1px solid #cfe8d5;border-radius:18px;background:#fff}
.ofm-ai-form:focus-within{border-color:var(--o-main,#0aab29);box-shadow:0 0 0 3px rgba(10,171,41,.12)}
.ofm-ai-form textarea{flex:1;border:0;outline:0;resize:none;font-weight:400;font-size:15px;line-height:1.5;font-family:inherit;color:#1c3a26;background:transparent;padding:6px 0;max-height:110px}
.ofm-ai-form button{flex:none;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:var(--o-main,#0aab29);color:#fff;cursor:pointer}
.ofm-ai-form button:hover{background:var(--o-main-2,#0d942e)}
.ofm-ai-note{display:block;text-align:center;font-size:14px;line-height:1.35;color:#7c909b;padding:8px 14px 12px}
@media(max-width:760px){
.ofm-ai{bottom:16px}.ofm-ai-right{right:14px}.ofm-ai-left{left:14px}.ofm-ai-stack{bottom:84px}.ofm-ai-stack.open,.ofm-ai.open{bottom:0;right:0;left:0}
.ofm-ai-fab{width:54px;height:54px;padding:0;justify-content:center;border-radius:50%}.ofm-ai-fab span{display:none}
.ofm-ai-panel{position:fixed;inset:0;width:auto;max-width:none;height:auto;border-radius:0}
}

/* === Revize 78: üye paneli — tutarlı kart, düz buton, teal renk, indirme kartları === */
.ofm-body .account-menu .ai,.ofm-body .account-menu .ai-blue,.ofm-body .account-menu .ai-green,.ofm-body .account-menu .ai-red,.ofm-body .account-menu .ai-yellow,.ofm-body .account-menu .ai-orange,.ofm-body .account-menu .ai-purple,.ofm-body .account-menu .ai-pink,.ofm-body .account-menu .ai-cyan,.ofm-body .account-menu .ai-indigo{background:#e6f8ea!important;color:var(--o-main)!important;box-shadow:none!important;border:0!important}
.ofm-body .account-menu .account-nav-btn.active .ai{background:rgba(255,255,255,.2)!important;color:#fff!important}
.ofm-body.ofm-body.ofm-body [data-account-pane] :is(button,.btn,.btn-primary,.secure-download-button,.download-detail-btn,button[type=submit],.referral-link-box button,.license-copy-box button){box-shadow:none!important;text-shadow:none!important;border-radius:10px!important;transform:none!important}
.ofm-body [data-account-pane] :is(.btn.primary,.btn-primary,.secure-download-button,button[type=submit],.referral-link-box button){background:var(--o-grad)!important;border:0!important;color:#fff!important}
.ofm-body [data-account-pane] :is(.btn.primary,.btn-primary,.secure-download-button,button[type=submit]):hover{filter:brightness(1.07)}
.ofm-body [data-account-pane] :is(.surface,.panel-card,.account-empty-card){border-radius:16px!important;border:1px solid #e1f1e5!important;box-shadow:0 2px 12px rgba(13,110,35,.05)!important}
.ofm-body [data-account-pane] .account-pane-head h2{font-size:28px;letter-spacing:-.01em}
.ofm-body .points-gem{background:var(--o-grad)!important;box-shadow:none!important;border-radius:18px!important}
.ofm-body .referral-profile-reward strong,.ofm-body .referral-profile-reward b{color:var(--o-main)!important}
.ofm-body .referral-rule-grid i{background:var(--o-main)!important;color:#fff!important;box-shadow:none!important}
.ofm-body .referral-share-row a,.ofm-body .referral-share-row button{border-radius:10px!important;border:1px solid #d5ecda!important;background:#fff!important;color:var(--o-text)!important;box-shadow:none!important}
.ofm-body .referral-share-row a:hover,.ofm-body .referral-share-row button:hover{border-color:var(--o-main)!important;color:var(--o-main)!important}
.ofm-body [data-account-pane] :is(.wallet-method-icon,.ticket-status-icon,.support-status-icon){box-shadow:none!important}

/* indirmelerim */
.ofm-body .account-download-list{display:grid;gap:14px}
.ofm-body .account-download-row{display:grid!important;grid-template-columns:168px minmax(0,1fr) 176px!important;gap:22px!important;align-items:start!important;padding:18px!important;background:#fff!important;border:1px solid #e1f1e5!important;border-radius:16px!important;box-shadow:0 2px 12px rgba(13,110,35,.05)!important;transition:border-color .2s,box-shadow .2s}
.ofm-body .account-download-row:hover{border-color:rgba(10,171,41,.35)!important;box-shadow:0 8px 24px rgba(13,110,35,.09)!important}
.ofm-body .download-product-cover{display:block!important;width:168px;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#dbeedf}
.ofm-body .download-product-cover img{display:block!important;width:100%!important;height:100%!important;object-fit:cover;border-radius:0!important}
.ofm-body .download-product-info{min-width:0;display:flex;flex-direction:column;gap:10px}
.ofm-body .download-product-info .account-kicker{margin:0}
.ofm-body .download-product-info h3{margin:0!important;font-size:19px!important;line-height:1.3;color:var(--o-navy)}
.ofm-body .download-product-meta{display:flex;flex-wrap:wrap;gap:8px}
.ofm-body .download-product-meta span{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:999px;background:#eef9f0;border:0!important;color:#3d654a;font-size:14px;font-weight:500}
.ofm-body .download-product-meta span b{color:var(--o-navy);font-weight:700}
.ofm-body .license-unlimited-box{display:flex!important;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;background:#eefaf3!important;border:1px solid #cdeedd!important;box-shadow:none!important}
.ofm-body .license-unlimited-box>span{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff;color:#1f9d63;font-size:22px;font-weight:700;border:1px solid #cdeedd}
.ofm-body .license-unlimited-box small{display:block;font-size:12.5px;font-weight:700;letter-spacing:.08em;color:#1f9d63}
.ofm-body .license-unlimited-box b{display:block;font-size:16px;color:var(--o-navy);margin:1px 0 2px}
.ofm-body .license-unlimited-box p{margin:0;font-size:14px;color:#4c7458;line-height:1.45}
.ofm-body .license-copy-box{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:#f3fcf5;border:1px dashed #b9e5c2;box-shadow:none}
.ofm-body .license-copy-box small,.ofm-body .download-license-domains small{display:block;font-size:12.5px;font-weight:700;letter-spacing:.08em;color:var(--o-main);margin-bottom:3px}
.ofm-body .license-copy-box code{font-size:15px;font-weight:700;color:var(--o-navy);word-break:break-all;background:transparent;padding:0}
.ofm-body .license-copy-box button{flex:none;height:38px;padding:0 16px;border:1px solid #cfecd6!important;background:#fff!important;color:var(--o-main)!important;font-weight:700;font-size:14px;cursor:pointer}
.ofm-body .download-license-domains>div{display:flex;flex-wrap:wrap;gap:6px}
.ofm-body .download-license-domains span{padding:5px 11px;border-radius:8px;background:#f3fcf5;border:1px solid #dcf1e0;font-size:14px;color:var(--o-text)}
.ofm-body .account-download-actions{display:flex!important;flex-direction:column;gap:10px;width:176px}
.ofm-body .account-download-actions form{margin:0}
.ofm-body .download-detail-btn,.ofm-body .secure-download-button{display:flex!important;align-items:center;justify-content:center;width:100%;height:46px;padding:0 14px!important;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none!important;white-space:nowrap}
.ofm-body .download-detail-btn{background:#fff!important;border:1px solid #cfe8d5!important;color:var(--o-navy)!important}
.ofm-body .download-detail-btn:hover{border-color:var(--o-main)!important;color:var(--o-main)!important}
.ofm-body .secure-download-button:disabled{background:#cbe0d1!important;cursor:not-allowed}
@media(max-width:900px){
.ofm-body .account-download-row{grid-template-columns:120px minmax(0,1fr)!important;gap:16px!important}
.ofm-body .download-product-cover{width:120px}
.ofm-body .account-download-actions{grid-column:1/-1;flex-direction:row;width:auto}
.ofm-body .account-download-actions>*{flex:1}
}
@media(max-width:560px){
.ofm-body .account-download-row{grid-template-columns:1fr!important;padding:14px!important}
.ofm-body .download-product-cover{width:100%}
.ofm-body .account-download-actions{flex-direction:column}
.ofm-body .license-copy-box{flex-direction:column;align-items:stretch}
}
.ofm-body .support-head-badge{display:inline-flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;border-radius:14px;background:#fff;border:1px solid #dcf1e0;box-shadow:none}
.ofm-body .support-head-badge i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e6f8ea;color:var(--o-main);font-style:normal;box-shadow:none!important;border:0}
.ofm-body .support-head-badge small{display:block;font-size:12.5px;letter-spacing:.08em;color:#6a8190}
.ofm-body .premium-ticket-workspace{align-items:stretch}
.ofm-body .ticket-empty-detail.premium{padding:40px 24px}
.ofm-body .ticket-detail-panel.premium-ticket-detail{min-height:320px}
.ofm-body .ticket-empty-detail .ticket-empty-icon,.ofm-body .ticket-empty-list .ticket-empty-icon{box-shadow:none!important;background:#e6f8ea!important;color:var(--o-main)!important}

.ofm-body.ofm-body.ofm-body [data-account-pane] :is(button.btn,button.btn-primary,a.btn,.btn-primary){box-shadow:none!important;filter:none!important}
@media(max-width:900px){.ofm-body .ticket-detail-panel.premium-ticket-detail{min-height:0}.ofm-body .ticket-empty-detail.premium{padding:26px 18px}}

@media(min-width:1060px) and (max-width:1279px){html[data-theme] body.ofm-body .ofm-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}}
@media(min-width:761px) and (max-width:1059px){html[data-theme] body.ofm-body .ofm-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}}

/* === Revize 79: kategori menüsü — yoğun 4 sütun liste === */
.ofm-catpanel.is-dense{width:min(1120px,94vw);padding:18px 20px 14px}
.ofm-catpanel.is-dense .ofm-catgrid{display:block;column-count:4;column-gap:10px}
.ofm-catpanel.is-dense .ofm-catlink{break-inside:avoid;gap:11px;padding:8px 10px;border-radius:10px;margin-bottom:2px}
.ofm-catpanel.is-dense .ofm-catlink:hover{transform:none}
.ofm-catpanel.is-dense .ofm-catico{width:34px;height:34px;border-radius:10px}
.ofm-catpanel.is-dense .ofm-catico svg{width:19px;height:19px}
.ofm-catpanel.is-dense .ofm-catlink b{font-size:15px;font-weight:600;line-height:1.3}
.ofm-catpanel.is-dense .ofm-catlink small{display:none}
@media(max-width:1280px){.ofm-catpanel.is-dense .ofm-catgrid{column-count:3}}

/* === Revize 80: ana sayfa — kutucuklu 4 adım bölümü === */
.ofm-howto{padding:44px 0 40px;background:#fff}
.ofm-body .ofm-howto-title{margin:0 0 30px;text-align:center;font-size:32px;line-height:1.3;font-weight:400;color:#142921;letter-spacing:-.01em}
.ofm-howto-title b{font-weight:800}
.ofm-howto-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ofm-hstep{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 22px 28px;background:#fff;border:1px solid #dfeae3;border-radius:10px;text-decoration:none;color:inherit;transition:box-shadow .2s,border-color .2s,transform .2s}
a.ofm-hstep:hover{border-color:rgba(10,171,41,.45);box-shadow:0 10px 26px rgba(13,110,35,.10);transform:translateY(-3px)}
.ofm-howto-ico{display:grid;place-items:center;height:62px;margin-bottom:16px;color:var(--o-main,#0aab29)}
.ofm-howto-ico svg{stroke-width:1.7}
.ofm-body .ofm-hstep h3{margin:0 0 10px;font-size:20px;font-weight:600;color:#142921}
.ofm-hstep p{margin:0;font-size:15.5px;line-height:1.65;color:#3d4a57}
@media(max-width:1060px){.ofm-howto-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ofm-howto{padding:30px 0 26px}.ofm-body .ofm-howto-title{font-size:24px;margin-bottom:20px}.ofm-howto-grid{grid-template-columns:1fr;gap:12px}.ofm-hstep{padding:22px 18px}}

/* === Revize 81: Scriptler menüsü — tüm kategoriler, 4 sütun === */
.ofm-navitem.is-mega{position:static}
.ofm-navitem.is-mega>.ofm-megapanel{left:0;right:0;width:auto;min-width:0;padding:18px 20px 12px;border-top:3px solid var(--o-sky);border-radius:0 0 16px 16px}
.ofm-megagrid{column-count:4;column-gap:10px}
.ofm-megapanel .ofm-catlink{break-inside:avoid;gap:11px;padding:8px 10px;border-radius:10px;margin-bottom:2px}
.ofm-megapanel .ofm-catlink:hover{transform:none}
.ofm-megapanel .ofm-catico{width:34px;height:34px;border-radius:10px}
.ofm-megapanel .ofm-catico svg{width:19px;height:19px}
.ofm-megapanel .ofm-catlink b{font-size:15px;font-weight:600;line-height:1.3}
.ofm-megafoot{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:10px;padding-top:12px;border-top:1px solid var(--o-line)}
.ofm-megafoot a{font-size:15px;font-weight:700;color:var(--o-main);text-decoration:none}
.ofm-megafoot a:hover{text-decoration:underline}
@media(max-width:1280px){.ofm-megagrid{column-count:3}}

/* === Revize 86: Size Sunduklarımız — başlıksız, kartlar yukarıda === */
.ofm-offer{padding:26px 0 40px}
@media(max-width:760px){.ofm-offer{padding:20px 0 28px}}

/* === Revize 87: Katalog — sidebar yok, üstte kategori çipleri, 5'li ızgara === */
.ofm-catbar{display:grid;gap:14px;margin-bottom:22px}
.ofm-catbar-search{display:flex;align-items:center;gap:10px;height:52px;padding:0 18px;border-radius:12px;background:#fff;border:1px solid #dfefe4}
.ofm-catbar-search:focus-within{border-color:var(--o-main,#0aab29)}
.ofm-body .ofm-catbar-search input{flex:1;min-width:0;border:0;background:transparent;outline:0;box-shadow:none;font:inherit;font-size:15px;padding:0;height:auto}
.ofm-catbar-search .icon{width:18px;height:18px;color:#5b6f7d}
.ofm-catbar-chips{display:flex;flex-wrap:wrap;gap:8px;max-height:92px;overflow:hidden}
.ofm-catbar.is-open .ofm-catbar-chips{max-height:none}
.ofm-catbar-chips a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:99px;background:#fff;border:1px solid #dfefe4;color:#0f3318;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
.ofm-catbar-chips a em{font-style:normal;font-size:13px;color:#5b6f7d;font-weight:600}
.ofm-catbar-chips a:hover{border-color:var(--o-main,#0aab29);color:var(--o-main,#0aab29)}
.ofm-catbar-chips a.active{background:var(--o-main,#0aab29);border-color:var(--o-main,#0aab29);color:#fff}
.ofm-catbar-chips a.active em{color:rgba(255,255,255,.85)}
.ofm-catbar-more{justify-self:start;border:0;background:none;color:var(--o-main,#0aab29);font:inherit;font-size:14px;font-weight:700;cursor:pointer;padding:0}
.ofm-catbar-more[hidden]{display:none}
@media(max-width:760px){.ofm-catbar-chips{flex-wrap:nowrap;overflow-x:auto;max-height:none;padding-bottom:4px}.ofm-catbar-more{display:none}}
@media(max-width:1060px){.ofm-body .ofm-catalog-nosb[class*="ofm-cols-"] .ofm-lgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ofm-body .ofm-catalog-nosb[class*="ofm-cols-"] .ofm-lgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* === Revize 88: Benzer yazılımlar — 5'li ızgara === */
.ofm-related-grid .ofm-rel-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;overflow:visible;padding:0}
.ofm-related-grid .ofm-rel-cell{min-width:0;flex:none}
@media(max-width:1280px){.ofm-related-grid .ofm-rel-track{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1060px){.ofm-related-grid .ofm-rel-track{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ofm-related-grid .ofm-rel-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* === Revize 89: İletişim sayfası === */
.ofm-ct-head{align-items:center}
.ofm-ct-art{flex:0 0 auto;width:170px;height:170px;border-radius:40px;display:grid;place-items:center;background:linear-gradient(135deg,#0aab29,#14d828);box-shadow:0 24px 50px rgba(10,171,41,.28);transform:rotate(-6deg);margin-right:40px}
.ofm-ct-art svg{width:84px;height:84px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ofm-ct-sec{padding:28px 0 64px}
.ofm-ct-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}
.ofm-ct-channels.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.ofm-ct-channels.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ofm-ct-ch{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:24px 22px;border-radius:20px;background:#fff;border:1px solid #e3f2e7;text-decoration:none;color:#0f3318;transition:transform .2s,box-shadow .2s,border-color .2s}
.ofm-ct-ch:hover{transform:translateY(-3px);border-color:#b7e9c1;box-shadow:0 18px 34px rgba(13,110,35,.1)}
.ofm-ct-ico{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#e8faec;margin-bottom:10px}
.ofm-ct-ico svg{width:26px;height:26px;fill:none;stroke:#0aab29;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ofm-ct-ch b{font-size:18px;font-weight:700}
.ofm-ct-desc{font-size:15px;color:#5b6f7d;line-height:1.5;word-break:break-word}
.ofm-ct-ch em{margin-top:auto;padding-top:12px;font-style:normal;font-size:14px;font-weight:700;color:#0aab29;display:inline-flex;align-items:center;gap:6px}
.ofm-ct-ch em svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.ofm-ct-ch:hover em svg{transform:translateX(4px)}
.ofm-ct-main{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:22px;align-items:stretch}
.ofm-ct-info{position:relative;overflow:hidden;padding:36px 34px;border-radius:24px;color:#fff;background:linear-gradient(150deg,#0c471a 0%,#0a9027 100%)}
.ofm-ct-live{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border-radius:99px;background:rgba(255,255,255,.12);font-size:14px;font-weight:600}
.ofm-ct-live i{width:9px;height:9px;border-radius:50%;background:#3ddc97;box-shadow:0 0 0 4px rgba(61,220,151,.25)}
.ofm-body .ofm-ct-info h2{margin:20px 0 10px;font-size:28px;line-height:1.25;font-weight:700;color:#fff}
.ofm-ct-info p{margin:0 0 20px;font-size:16px;line-height:1.65;color:#cff3d6}
.ofm-ct-info ul{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:12px}
.ofm-ct-info li{display:flex;align-items:center;gap:12px;font-size:15px;color:#fff}
.ofm-ct-info li svg{flex:0 0 22px;width:22px;height:22px;padding:4px;border-radius:50%;background:rgba(255,255,255,.16);fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ofm-ct-links{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1}
.ofm-ct-links a{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border-radius:99px;border:1px solid rgba(255,255,255,.35);color:#fff;font-size:14px;font-weight:600;text-decoration:none}
.ofm-ct-links a:hover{background:#fff;color:#0a9027}
.ofm-ct-orb{position:absolute;right:-60px;bottom:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%)}
.ofm-ct-form{padding:36px 34px;border-radius:24px;background:#fff;border:1px solid #e3f2e7;box-shadow:0 18px 40px rgba(13,110,35,.07)}
.ofm-body .ofm-ct-form h2{margin:8px 0 22px;font-size:28px;line-height:1.25;font-weight:700;color:#0f3318}
.ofm-ct-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ofm-ct-grid label{display:grid;gap:7px;min-width:0}.ofm-ct-grid .full{grid-column:1/-1}
.ofm-ct-grid label>span{font-size:14px;font-weight:700;color:#0f3318}
.ofm-body .ofm-ct-grid input,.ofm-body .ofm-ct-grid select,.ofm-body .ofm-ct-grid textarea{width:100%;box-sizing:border-box;min-height:50px;padding:0 16px;border-radius:12px;border:1px solid #dfefe4;background:#f6fcf8;font:inherit;font-size:15px;color:#0f3318;outline:0;box-shadow:none;transition:border-color .15s,background .15s}
.ofm-body .ofm-ct-grid textarea{padding:14px 16px;min-height:150px;resize:vertical}
.ofm-body .ofm-ct-grid input:focus,.ofm-body .ofm-ct-grid select:focus,.ofm-body .ofm-ct-grid textarea:focus{border-color:#0aab29;background:#fff}
.ofm-ct-send{margin-top:20px;width:100%;height:54px;font-size:16px}
@media(max-width:1100px){.ofm-ct-channels,.ofm-ct-channels.c3{grid-template-columns:repeat(2,minmax(0,1fr))}.ofm-ct-main{grid-template-columns:1fr}}
@media(max-width:760px){.ofm-ct-art{display:none}.ofm-ct-channels,.ofm-ct-channels.c3,.ofm-ct-channels.c2{grid-template-columns:1fr;gap:12px}.ofm-ct-info,.ofm-ct-form{padding:26px 20px}.ofm-ct-grid{grid-template-columns:1fr}.ofm-body .ofm-ct-info h2,.ofm-body .ofm-ct-form h2{font-size:24px}}
.ofm-ct-info{display:flex;flex-direction:column;align-items:flex-start}
.ofm-ct-info ul{margin-bottom:auto;padding-bottom:26px}

/* === Revize 90: rozet sayıları tam ortalı === */
html[data-theme] body.ofm-body .ofm-actions .ofm-badge,html[data-theme] body.ofm-body.ofm-body nav.ofm-tabbar .ofm-badge,.ofm-body .ofm-badge{display:inline-flex!important;align-items:center;justify-content:center;line-height:1!important;padding:0 5px!important;box-sizing:border-box;text-align:center;font-variant-numeric:tabular-nums}
html[data-theme] body.ofm-body .ofm-actions .ofm-badge{min-width:24px;height:24px;border:0;font-size:13px;font-weight:800;padding-top:1px!important}

/* === Revize 93: ürün detay butonları arası eşit dikey boşluk (12px) === */
.ofm-body .ofm-product-page .detail-actions,.ofm-body .ofm-product-page .detail-secondary-actions,.ofm-body .ofm-product-page .ofm-detail-wa{margin:0 0 12px!important}
.ofm-body .ofm-product-page .ofm-detail-wa{height:56px;border-radius:14px}
.ofm-body .ofm-product-page .detail-sub-actions{margin:0}

/* === Revize 94: Destek Aç butonu === */
.ofm-topbar-links a.ofm-support-btn{display:inline-flex;align-items:center;gap:8px;margin-left:6px;padding:0 16px;min-height:34px;border-radius:99px;background:var(--o-grad);color:#fff;font-weight:700;box-shadow:0 6px 14px rgba(10,171,41,.25)}
.ofm-topbar-links a.ofm-support-btn:hover{background:var(--o-grad);color:#fff;filter:brightness(1.08)}
.ofm-support-btn .icon{width:16px;height:16px}
.ofm-support-btn-m{display:flex;align-items:center;justify-content:center;min-height:48px;margin-bottom:10px;border-radius:12px;background:var(--o-grad);color:#fff;font-weight:700;text-decoration:none}

/* === Revize 95: liste kartı — görsel kart kenarlarına tam yaslı (anasayfa gibi) === */
.ofm-body .ofm-lcard,.ofm-body .ofm-catalog-nosb[class*="ofm-cols-"] .ofm-lcard{padding:0;overflow:hidden}
.ofm-body .ofm-lcard-img{border-radius:0}
.ofm-body .ofm-lcard-body,.ofm-body .ofm-catalog-nosb[class*="ofm-cols-"] .ofm-lcard-body{padding:14px 14px 14px}
.ofm-body .ofm-lcard-badge{left:12px;top:12px}
.ofm-body .ofm-lcard-off{right:12px;bottom:12px}
.ofm-body .ofm-lcard-fav{right:12px;top:12px}
@media(max-width:760px){.ofm-body .ofm-lcard{padding:0}.ofm-body .ofm-lcard-img{border-radius:0}.ofm-body .ofm-lcard-body{padding:10px 10px 12px}.ofm-body .ofm-lcard-badge{left:8px;top:8px}.ofm-body .ofm-lcard-off{right:8px;bottom:8px}.ofm-body .ofm-lcard-fav{right:8px;top:8px}}

/* === Revize 96: katalog / paket içi — anasayfa kartı (ofm-card) kullanılır === */
.ofm-lgrid .ofm-cell{display:flex;min-width:0}
.ofm-lgrid .ofm-cell>.ofm-card{flex:1;width:100%}

/* === Revize 104: Hesabım açılır menüsü + panel çıkış butonu === */
.ofm-acct{position:relative;display:flex}
.ofm-acct-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:60;min-width:250px;padding:8px;border-radius:16px;background:#fff;border:1px solid #e3f2e7;box-shadow:0 24px 50px rgba(13,90,37,.18);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .16s,transform .16s,visibility .16s}
.ofm-acct-menu:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.ofm-acct:hover .ofm-acct-menu,.ofm-acct:focus-within .ofm-acct-menu{opacity:1;visibility:visible;transform:none}
.ofm-acct-menu a,.ofm-acct-out{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:10px;background:none;color:#0f3318;font:inherit;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;text-align:left}
.ofm-acct-menu a:hover,.ofm-acct-out:hover{background:#eefaf1;color:#0aab29}
.ofm-acct-menu .icon{width:20px;height:20px;color:#0aab29;flex:none}
.ofm-acct-menu form{margin:6px 0 0;padding-top:6px;border-top:1px solid #e3f2e7}
.ofm-acct-out{color:#c0392b}.ofm-acct-out .icon{color:#c0392b}.ofm-acct-out:hover{background:#fdecea;color:#c0392b}
.account-nav-out{margin-top:6px;border-top:1px solid #e8f5eb}.account-nav-out span{color:#c0392b;font-weight:700}
.account-nav-out .ai{background:linear-gradient(135deg,#ff7a7a,#e5484d)!important;color:#fff}
@media(max-width:1000px){.ofm-acct-menu{display:none}}

.ofm-body .ofm-mid{position:relative;z-index:80}

/* Revize 105: Hesabım menüsü katmanı + çıkış penceresi tema rengi */
.ofm-header{z-index:70}
.ofm-body .frontend-confirm-icon{background:var(--o-grad);box-shadow:0 7px 0 rgba(0,0,0,.28)}

/* Revize 107: marka değişkenleri ofm ana rengine bağlandı (üye paneli vb. tema uyumu) */
html[data-theme] body.ofm-body{--brand:var(--o-main)!important;--brand2:var(--o-sky)!important;--brand-2:var(--o-sky)!important;--cyan:var(--o-sky)!important;--accent:var(--o-sky)!important;--script-accent:var(--o-main);--glow:color-mix(in srgb,var(--o-main) 16%,transparent)!important}
.ofm-body .scripta-dt-paging button{border-color:var(--o-line)}
.ofm-body .scripta-dt-paging button.active{border-color:var(--o-main)}

/* Revize 109: Favorilerim — anasayfa ürün kartı, 3'lü */
.ofm-body .account-favorites-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px}
.ofm-body .account-favorites-grid .account-empty-card{grid-column:1/-1}
@media(max-width:1100px){.ofm-body .account-favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.ofm-body .account-favorites-grid{grid-template-columns:1fr!important}}
/* Revize 110: seçili favori kalbi dolu görünsün */
.ofm-body .ofm-fav.active{--heart-fill:currentColor;color:var(--o-red);background:#fff1f4;box-shadow:0 0 0 2px rgba(224,24,71,.28),0 4px 12px rgba(20,70,56,.18)}
.ofm-body [data-favorite].active,.ofm-body [data-favorite][data-favorite-state="1"]{--heart-fill:currentColor}
.ofm-body .ofm-product-page .detail-secondary-actions [data-favorite].active{color:var(--o-red);background:#fff1f4;border-color:rgba(224,24,71,.35)}
/* Revize 113: aktif üye menüsü ikonu her zaman görünür */
html[data-theme] body.ofm-body.ofm-body .account-menu .account-nav-btn.active i.ai{background:linear-gradient(135deg,var(--ai-a),var(--ai-b))!important;color:#fff!important;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 6px 14px rgba(0,0,0,.16)!important}

/* Revize 115: profil fotoğrafı kamera butonu */
.ofm-ahero-avwrap{position:relative;flex:none}
.ofm-av-cam{position:absolute;right:-2px;bottom:-2px;width:34px;height:34px;border-radius:50%;border:2px solid #fff;background:#fff;color:var(--o-main);display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:0 4px 12px rgba(0,0,0,.22);transition:transform .15s}
.ofm-av-cam:hover{transform:scale(1.08)}
.ofm-av-cam svg{width:18px;height:18px}
.ofm-av-menu{position:absolute;left:0;top:calc(100% + 10px);z-index:90;min-width:250px;padding:8px;border-radius:14px;background:#fff;border:1px solid var(--o-line);box-shadow:0 20px 44px rgba(13,90,37,.22);display:none}
.ofm-av-menu.open{display:block}
.ofm-av-menu form{margin:0}
.ofm-av-menu button{display:block;width:100%;text-align:left;padding:11px 12px;border:0;border-radius:10px;background:none;color:var(--o-navy);font:600 15px inherit;cursor:pointer}
.ofm-av-menu button:hover{background:#f1faf3}
.ofm-av-menu .is-danger{color:#c0392b}
.ofm-av-menu .is-danger:hover{background:#fdf0f0}
.ofm-av-onlytouch{display:none!important}
@media(pointer:coarse){.ofm-av-onlytouch{display:block!important}}
.ofm-body .profile-avatar-remove{margin:8px 0 0 8px;min-height:0;padding:9px 14px;border:1px solid rgba(192,57,43,.35);border-radius:12px;background:#fff;color:#c0392b;font:700 14px inherit;cursor:pointer}
.ofm-body .profile-avatar-remove:hover{background:#fdf0f0}
.ofm-ahero-user{position:relative;z-index:6}
.ofm-body .ofm-ahero-box .ofm-av-menu{background:#fff;z-index:99}
.ofm-body .ofm-ahero-box .ofm-av-menu button{display:block;width:100%;min-height:0;height:auto;text-align:left;padding:11px 12px;border:0!important;border-radius:10px;background:none!important;color:var(--o-navy)!important;font:600 15px/1.3 inherit;box-shadow:none!important;backdrop-filter:none}
.ofm-body .ofm-ahero-box .ofm-av-menu button:hover{background:#f1faf3!important}
.ofm-body .ofm-ahero-box .ofm-av-menu .is-danger{color:#c0392b!important}
.ofm-body .ofm-ahero-box .ofm-av-menu .is-danger:hover{background:#fdf0f0!important}
.ofm-body .ofm-ahero-box .ofm-av-onlytouch{display:none!important}
@media(pointer:coarse){.ofm-body .ofm-ahero-box .ofm-av-onlytouch{display:block!important}}
.ofm-body .ofm-ahero-box .ofm-av-menu{min-width:290px}.ofm-body .ofm-ahero-box .ofm-av-menu button{white-space:nowrap}
/* Revize 116: Çıkış Yap kırmızı, Güvenlik mor */
.ofm-body .account-nav-btn i.ai-purple{--ai-a:#a78bfa;--ai-b:#6d28d9;--ai-sh:rgba(109,40,217,.32)}
html[data-theme] body.ofm-body.ofm-body .account-menu .account-nav-btn.account-nav-out i.ai,html[data-theme] body.ofm-body.ofm-body .account-menu .account-nav-btn.account-nav-out.active i.ai{background:linear-gradient(135deg,#ff7a7a,#e5484d)!important;color:#fff!important;box-shadow:0 6px 14px rgba(229,72,77,.32)!important}
/* Revize 117: hero kutusu taşmaya izin verir (fotoğraf menüsü kesilmesin), süs daireleri arka plana alındı */
.ofm-body .ofm-ahero-box{overflow:visible;z-index:5;background:radial-gradient(circle 190px at calc(100% - 100px) 70px,rgba(255,255,255,.09) 99%,transparent 100%),radial-gradient(circle 150px at calc(100% - 290px) 100%,rgba(255,255,255,.07) 99%,transparent 100%),linear-gradient(105deg,#0a7326 0%,#0aab2b 55%,#06cf23 100%)}
.ofm-body .ofm-ahero-box::before,.ofm-body .ofm-ahero-box::after{display:none}
.ofm-acct.is-shut .ofm-acct-menu{opacity:0!important;visibility:hidden!important;pointer-events:none}
/* Revize 119: sticky menü — body overflow-x:hidden sticky'yi bozuyordu */
html[data-theme] body.ofm-body.ofm-body{overflow-x:clip!important;overflow-y:visible!important}
@media(max-width:1000px){html[data-theme] body.ofm-body.ofm-body .ofm-mnav{position:sticky!important;top:0;z-index:60}}
/* Revize 121: site menüsü açılınca üstteki sticky çubuk gizlenir */
@media(max-width:1000px){body:has(#mobileNav.show) .ofm-mnav>.ofm-wrap>.ofm-mnav-btn,body:has(#mobileNav.show) .ofm-mnav-in{visibility:hidden}}