:root{--bg:#f6f4ef;--card:#fff;--ink:#111827;--muted:#667085;--brand:#13271f;--gold:#b99555;--line:#e5e1d8;--soft:#fbfaf7}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.45}a{color:#0f5f8f;text-decoration:none}.side{position:fixed;left:0;top:0;bottom:0;width:245px;background:#0f1d18;color:white;padding:22px 16px;overflow:auto}.side a{display:block;color:#f8f4ea;padding:12px 14px;border-radius:14px;margin:5px 0;transition:.15s ease}.side a:hover{background:rgba(255,255,255,.12)}.side a:active{transform:scale(.98)}.brand{font-weight:800;font-size:18px;margin-bottom:22px}.brand small{font-weight:500;color:#d7c192}.main{margin-left:245px;padding:28px}.main h1{margin-top:0;font-size:34px;letter-spacing:-.03em}.auth{max-width:520px;margin:60px auto;background:white;border-radius:24px;padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.08)}.topbar{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 18px;margin-bottom:18px;box-shadow:0 8px 22px rgba(25,30,35,.035)}.menuToggle{display:none;position:fixed;top:12px;left:12px;z-index:20;background:#0f1d18;color:#fff;border-radius:12px;padding:10px 13px}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px;margin:18px 0;box-shadow:0 12px 28px rgba(25,30,35,.04);overflow:hidden}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat{background:#fff;border-radius:20px;padding:22px 24px;border:1px solid var(--line);display:flex;flex-direction:column;gap:8px;min-height:118px;box-shadow:0 10px 24px rgba(25,30,35,.035)}.stat b{display:block;font-size:18px;line-height:1.2;color:var(--brand);letter-spacing:-.01em}.stat span{display:block;font-size:30px;font-weight:850;line-height:1.1;color:#0b1720;letter-spacing:-.03em}.stat small{display:block;font-size:13px;line-height:1.35;color:var(--muted)}.metricLabel{font-size:13px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.statusList{list-style:none;padding:0;margin:0 0 18px}.statusList li{padding:8px 0;border-bottom:1px solid #f0ece4}.statusList li:last-child{border-bottom:0}.statusList b{color:#111827}.muted{color:var(--muted)}small{color:var(--muted)}input,textarea,select{width:100%;padding:12px 14px;border:1px solid #d8d2c6;border-radius:12px;background:white;margin:6px 0 14px;max-width:100%;font:inherit}textarea{min-height:150px;resize:vertical;overflow:auto}button,.btn{display:inline-block;border:0;background:var(--brand);color:white;border-radius:11px;padding:9px 15px;cursor:pointer;font-weight:650;font-size:14.5px;line-height:1.3}.btn2{background:#b99555}.danger{background:#9f2e2e}.pill{display:inline-block;padding:6px 11px;border-radius:99px;background:#eee8dc;font-size:12px;line-height:1.2;white-space:nowrap}table{width:100%;border-collapse:collapse;background:white;border-radius:18px;overflow:hidden}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top;font-size:14.5px}th{background:#f0ebe1;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:800}td form.inline button,.smallActions .btn,.smallActions button{padding:7px 12px;font-size:13px}.notice{padding:14px;border-radius:14px;background:#fff4d5;border:1px solid #e8d38c}.notice.ok,.notice.good,.ok{background:#e9f8ef;border-color:#89d6a2;color:#155d2b}.bad{background:#fdeaea;border-color:#e5abab}.narrow{max-width:680px}form{margin:0}td form button{white-space:normal;text-align:center}.article-preview{font-size:17px;line-height:1.75;color:#1f2933}.article-preview h2{font-size:28px;margin:0 0 18px;font-weight:800;letter-spacing:-.02em}.article-preview h3{font-size:21px;margin:24px 0 10px;font-weight:750;color:#0b241b}.article-preview p{margin:0 0 18px;max-width:1100px}.article-preview blockquote{border-left:4px solid #c7a24d;margin:18px 0;padding:10px 18px;background:#fff7df;border-radius:10px}form.inline{display:inline}.avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;float:left;margin-right:10px;border:2px solid #eee}.profilePhoto{width:130px;height:130px;border-radius:22px;object-fit:cover;border:1px solid var(--line);display:block;margin:8px 0 14px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mini{margin-top:8px}.mini select{margin:6px 0}.inline{display:inline-block}button:disabled{opacity:.45;cursor:not-allowed;background:#8c8c8c}pre{white-space:pre-wrap;word-break:break-word}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:1000;align-items:center;justify-content:center;padding:20px}.modal.show{display:flex}.modalPanel{background:#fff;border-radius:22px;max-width:760px;width:100%;padding:24px;box-shadow:0 25px 80px rgba(0,0,0,.25)}.modalScroll{max-height:360px;overflow:auto;border:1px solid #e8dfd2;border-radius:16px;padding:16px;margin:12px 0;background:#fbfaf7}.modalAccept:disabled{opacity:.45;cursor:not-allowed}.consentBox{border:1px solid #e8dfd2;border-radius:16px;padding:12px;margin:12px 0;background:#fffdf8}.deadlineBox{border:1px solid #e6d29d;background:#fff6d8;border-radius:16px;padding:14px;margin:12px 0}.deadlineBox.bad{border-color:#e3a1a1;background:#fff1f1}.smallActions{display:flex;gap:8px;flex-wrap:wrap}.mini input[type=datetime-local]{max-width:220px}.helpText{font-size:13px;color:#756b5f}.successCode{font-size:18px}.menuGroup{display:block;margin:18px 14px 6px;color:#9aa7a0;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.draftStatus{font-size:13px;color:#667;margin-top:8px}
@media(max-width:1100px){.grid,.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2{grid-template-columns:1fr}.stat span{font-size:27px}}
@media(max-width:900px){.menuToggle{display:block}.side{position:fixed;left:-280px;top:0;bottom:0;width:270px;height:100%;z-index:19;transition:.2s ease;box-shadow:20px 0 60px rgba(0,0,0,.18)}body.menu-open .side{left:0}.main{margin-left:0;padding:70px 14px 24px}.main h1{font-size:28px}.topbar{gap:10px;align-items:flex-start;flex-direction:column}.auth{margin:24px 12px;padding:22px;border-radius:20px}.grid,.grid2,.grid3,.compare{grid-template-columns:1fr}.stat{min-height:auto}.stat b{font-size:17px}.stat span{font-size:26px}table,thead,tbody,tr,th,td{display:block;width:100%}tr{border-bottom:1px solid var(--line);padding:10px 0}th{display:none}td{border:0;padding:8px 10px}.btn,button{width:100%;margin:4px 0;text-align:center}textarea{font-size:14px}.inline{display:block}.avatar{float:none;display:block;margin-bottom:8px}.article-preview{font-size:16px}.article-preview h2{font-size:23px}.article-preview h3{font-size:19px}}

.helpSteps{margin:0;padding-left:22px;font-size:16px;line-height:1.75}.helpSteps li{margin:8px 0;padding-left:4px}.helpSteps b{color:var(--brand)}

/* V33.7 form label stacking fix */
form > label{display:block;clear:both;font-weight:700;margin-top:10px;}
form > small{display:block;clear:both;margin:4px 0 12px;color:var(--muted);}
.helpSteps{margin:0;padding-left:22px;font-size:16px;line-height:1.75}.helpSteps li{margin:8px 0;padding-left:4px}.helpSteps b{color:var(--brand)}

.fieldHelp{display:block;clear:both;margin:-6px 0 16px;color:var(--muted);line-height:1.4}.publicLanding{min-height:100vh;background:radial-gradient(circle at 12% 8%,rgba(185,149,85,.32),transparent 28%),linear-gradient(135deg,#0b1713 0%,#142820 48%,#efe8dc 100%);color:#fff}.publicWrap{max-width:1180px;margin:0 auto;padding:34px 22px 52px}.publicNav{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.publicBrand{font-weight:900;letter-spacing:-.03em;font-size:22px}.publicBrand small{display:block;font-size:12px;font-weight:600;color:#d7c192;letter-spacing:.08em;text-transform:uppercase}.publicHero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:stretch;margin-top:34px}.publicPanel{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 90px rgba(0,0,0,.28);backdrop-filter:blur(18px);border-radius:34px;padding:38px}.publicPanel h1{font-size:56px;line-height:.98;margin:0 0 18px;letter-spacing:-.055em}.publicPanel p{font-size:18px;line-height:1.65;color:#efe8dc;max-width:760px}.publicBadges{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.publicBadge{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);border-radius:999px;padding:9px 13px;color:#fff;font-size:13px}.publicActions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.publicAction{background:#fff;color:#13271f;border-radius:22px;padding:22px;text-decoration:none;box-shadow:0 18px 40px rgba(0,0,0,.16);transition:.18s ease}.publicAction:hover{transform:translateY(-3px);box-shadow:0 24px 55px rgba(0,0,0,.22)}.publicAction b{display:block;font-size:19px;margin-bottom:8px}.publicAction span{display:block;color:#5b675f;font-size:14px;line-height:1.45}.publicSideCard{background:#fff;color:#111827;border-radius:34px;padding:30px;box-shadow:0 28px 90px rgba(0,0,0,.18)}.publicSideCard h2{font-size:26px;margin:0 0 16px;letter-spacing:-.03em}.publicList{list-style:none;margin:0;padding:0}.publicList li{padding:14px 0;border-bottom:1px solid #eee7da;color:#475467}.publicList li:last-child{border-bottom:0}.publicList b{display:block;color:#13271f;margin-bottom:3px}.publicLoginBtn{display:inline-block;background:#b99555;color:#fff;border-radius:14px;padding:12px 16px;font-weight:800;text-decoration:none}.publicGhostBtn{display:inline-block;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:11px 15px;text-decoration:none;margin-left:8px}@media(max-width:900px){.publicHero{grid-template-columns:1fr}.publicPanel h1{font-size:40px}.publicActions{grid-template-columns:1fr}.publicNav{align-items:flex-start;gap:14px;flex-direction:column}}

.formGroup{display:block;clear:both;margin-bottom:12px}.formGroup label{display:block;font-weight:700;margin-bottom:5px}.fieldHelp{display:block;clear:both;margin:2px 0 14px;color:var(--muted)}


/* V33.12 stabilization */
.sectionNav{display:flex;gap:10px;flex-wrap:wrap;position:sticky;top:8px;z-index:5}
.sectionNav a{display:inline-block;background:#11231c;color:#fff;border-radius:999px;padding:10px 14px;font-weight:800}
.actionMenu summary{cursor:pointer;background:#11231c;color:#fff;border-radius:12px;padding:10px 14px;font-weight:800;display:inline-block}
.actionMenu[open] summary{margin-bottom:10px}
.actionMenu .mini{margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fbfaf7}
.inline{display:inline-block;margin:3px}
.formGroup{display:block;clear:both;margin-bottom:12px}.fieldHelp{display:block;clear:both;margin-top:-8px;margin-bottom:12px;color:var(--muted);font-size:13px}
@media(max-width:760px){
  table.responsiveTable, table.responsiveTable thead, table.responsiveTable tbody, table.responsiveTable th, table.responsiveTable td, table.responsiveTable tr{display:block;width:100%}
  table.responsiveTable tr{margin:0 0 14px;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}
  table.responsiveTable th{display:none}
  table.responsiveTable td{border-bottom:1px solid var(--line);padding:12px 14px}
  table.responsiveTable td:before{content:attr(data-label);display:block;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800;margin-bottom:5px}
  table.responsiveTable td:last-child{border-bottom:0}
  .smallActions{display:grid;grid-template-columns:1fr;gap:8px}
  .inline{display:block;margin:6px 0}.inline .btn,.inline button{width:100%}
}
.publicLanding,.publicHero,.publicAction{all:unset}

.forgotCompact{max-width:440px}.forgotCompact h1{font-size:30px;line-height:1.18;margin-bottom:14px}.forgotCompact .notice{font-size:14px;line-height:1.55}.forgotCompact input{margin-bottom:14px}.forgotCompact button{width:auto}
/* V33.18 author performance filters */
.actionMenu summary{cursor:pointer;display:inline-block;background:var(--brand);color:#fff;border-radius:12px;padding:10px 14px;font-weight:800;list-style:none}.actionMenu[open] summary{margin-bottom:12px}.actionMenu{min-width:210px}.pill.ok{background:#e9f8ef;color:#155d2b}.pill.warning{background:#fff4d5;color:#765a22}.pill.bad{background:#fdeaea;color:#9f2e2e}.pill.muted{background:#eee;color:#667085}.pagination a{min-width:38px;text-align:center}.responsiveTable th a{font-weight:800;color:#13271f;text-decoration:none}
@media(max-width:760px){.responsiveTable,.responsiveTable tbody,.responsiveTable tr,.responsiveTable td{display:block;width:100%}.responsiveTable tr{border:1px solid var(--line);border-radius:18px;margin:12px 0;padding:10px;background:#fff}.responsiveTable th{display:none}.responsiveTable td{border:0;padding:9px 8px}.responsiveTable td:before{content:attr(data-label);display:block;font-size:12px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.actionMenu{width:100%}.actionMenu summary{width:100%;text-align:center}.grid3{grid-template-columns:1fr!important}}


/* V33.24 ultra stable quality + logo pass */
.brand{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}
.brandLogoWrap{background:rgba(255,255,255,.95);border-radius:20px;padding:14px 12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12)}
.brandLogo{display:block;max-width:100%;width:100%;height:auto;object-fit:contain}
.brandText{font-weight:800;font-size:18px;line-height:1.2;color:#fff}
.brandText small{display:block;margin-top:6px;font-weight:500;color:#d7c192;line-height:1.35}
.ptInlineLogo{display:block;max-width:320px;width:100%;height:auto;object-fit:contain}
.ptLandingLogo{display:block;width:min(360px,100%);height:auto;object-fit:contain}
.topbarTitle{display:flex;flex-direction:column;gap:3px}
.topbarTitle small{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.authBrand{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:18px;text-align:center}
.authBrand img{max-width:320px;width:100%;height:auto;object-fit:contain}
.authBrand .authBrandKicker{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8a7441}
.authBrand .authBrandSub{font-size:14px;color:var(--muted);line-height:1.5}
.authLinks{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.authLinks a{flex:1 1 auto;text-align:center}
.applyShell{max-width:920px!important}.applyTop{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;flex-wrap:wrap}.applyBrand{display:flex;align-items:center;gap:16px}.applyBrand img{width:min(360px,100%);height:auto;display:block}.applyBack{display:flex;gap:10px;flex-wrap:wrap}
.systemCheckList{line-height:1.9}.systemCheckList li{border-bottom:1px solid #f0ece4;padding:6px 0}.systemCheckList li:last-child{border-bottom:0}
@media(max-width:900px){.brandLogoWrap{padding:12px}.brandText{font-size:17px}.authBrand img{max-width:260px}.applyTop,.applyBrand{align-items:flex-start;flex-direction:column}.ptLandingLogo{max-width:280px}.authLinks a{width:100%}}


/* V33.26 mobile + new transparent logo optimization */
.brandLogoWrap{background:#fff;border-radius:18px;padding:10px 12px;min-height:78px}
.brandLogo{max-height:74px;width:100%;object-fit:contain}
.ptLandingLogo{max-width:430px;width:100%;height:auto;object-fit:contain}
.ptInlineLogo{max-width:340px;width:100%;height:auto;object-fit:contain}
.authBrand{padding-top:2px}.authBrand img{background:#fff;border-radius:18px;padding:10px 12px;box-shadow:0 8px 22px rgba(17,35,28,.06)}
@media(max-width:900px){
  body{font-size:15px}.main{padding:72px 12px 24px}.card{padding:18px;border-radius:18px}.side{width:286px;left:-306px}.menuToggle{display:block}
  .brandLogoWrap{min-height:66px;padding:9px}.brandLogo{max-height:62px}.brandText{font-size:16px}.brandText small{font-size:12px}
  .ptLandingLogo{max-width:280px}.ptHeroCard,.ptLoginPanel{border-radius:24px;padding:24px}.ptHero h1{font-size:34px;line-height:1.08}.ptLead{font-size:16px;line-height:1.6}.ptCtas .ptBtn{width:100%}
  .auth{margin:18px 10px;padding:20px;border-radius:20px}.authBrand img{max-width:260px}.auth h1{font-size:28px;line-height:1.15}
  input,textarea,select{font-size:16px;padding:12px 13px}textarea{min-height:150px}
  .topbar{position:sticky;top:8px;z-index:10}.sectionNav{position:static;overflow:auto;white-space:nowrap;display:flex;flex-wrap:nowrap}.sectionNav a{flex:0 0 auto}
  .grid,.grid2,.grid3{grid-template-columns:1fr!important}.stat{padding:18px}.stat span{font-size:25px}
  table,thead,tbody,tr,th,td{display:block;width:100%}tr{border:1px solid var(--line);border-radius:16px;margin:10px 0;background:#fff;overflow:hidden}td{border:0;border-bottom:1px solid var(--line);padding:10px 12px}td:last-child{border-bottom:0}th{display:none}
  .btn,button{width:100%;margin:5px 0;text-align:center}.smallActions{display:grid;grid-template-columns:1fr;gap:8px}.applyBrand img{max-width:280px}.applyBack a{width:100%}
}
@media(max-width:480px){.ptHero h1{font-size:30px}.ptNavActions,.ptNavActions a{width:100%}.authBrand img{max-width:230px}.main h1{font-size:25px}.card h2{font-size:22px}.card h3{font-size:19px}}

/* V33.27 operations & quality centers */
.scoreBig{font-size:38px;font-weight:900;letter-spacing:-.04em;color:var(--brand)}
.scoreA{background:#e9f8ef;color:#155d2b}.scoreB{background:#eef6ff;color:#185a8d}.scoreC{background:#fff4d5;color:#765a22}.scoreD{background:#fdeaea;color:#9f2e2e}
.kpiRow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0}.kpiRow .stat{min-height:96px;padding:18px}
.checkList{list-style:none;padding:0;margin:0}.checkList li{padding:10px 0;border-bottom:1px solid var(--line)}.checkList li:last-child{border-bottom:0}
.diffGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.diffBox{border:1px solid var(--line);border-radius:18px;padding:18px;background:#fbfaf7;max-height:520px;overflow:auto}
.permissionMatrix td,.permissionMatrix th{text-align:center}.permissionMatrix td:first-child,.permissionMatrix th:first-child{text-align:left}
@media(max-width:900px){.kpiRow{grid-template-columns:1fr}.diffGrid{grid-template-columns:1fr}.permissionMatrix{font-size:14px}}


/* V33.27.1 mobile logo-only fix */
.ptBrandCopy,
.brandText {
  display: none !important;
}
.ptBrand {
  gap: 0 !important;
}
.ptBrand img,
.brandLogo,
.authBrand img,
.applyBrand img {
  max-width: min(320px, 100%) !important;
  height: auto !important;
  object-fit: contain !important;
}
.brandLogoWrap {
  padding: 10px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.96) !important;
}
@media (max-width: 900px) {
  .ptNav {
    gap: 12px !important;
  }
  .ptBrand {
    width: 100% !important;
    justify-content: center !important;
  }
  .ptBrand img {
    max-width: 250px !important;
    margin: 0 auto !important;
    display: block !important;
  }
  .ptNavActions {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  .ptBtn {
    width: 100% !important;
    text-align: center !important;
    padding: 11px 14px !important;
  }
  .side .brand {
    margin-bottom: 16px !important;
  }
  .side .brandLogoWrap {
    max-width: 210px !important;
    margin: 0 auto 8px auto !important;
  }
  .authBrand img,
  .applyBrand img {
    max-width: 240px !important;
  }
  .applyBrand {
    width: 100% !important;
    align-items: center !important;
    text-align: center !important;
  }
  .topbar {
    padding: 12px 14px !important;
  }
  .topbarTitle small {
    display: none !important;
  }
  .main {
    overflow-x: hidden !important;
  }
}


/* V33.27.2 guide pages */
.guideHero{background:linear-gradient(135deg,#fff 0%,#fbf7ef 100%);border-color:#e2d1a9}
.guideGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}
.guideGrid div{border:1px solid var(--line);background:#fff;border-radius:18px;padding:16px;box-shadow:0 8px 18px rgba(25,30,35,.035)}
.guideGrid b{display:block;color:var(--brand);font-size:16px;margin-bottom:6px}
.guideGrid span{display:block;color:var(--muted);font-size:14px;line-height:1.55}
.guideList{margin:10px 0 0;padding-left:22px;line-height:1.75}
.guideList li{margin:6px 0}
.guideSteps{margin:10px 0 0;padding-left:22px;line-height:1.75}
.guideSteps li{margin:8px 0}
.card h3{margin-top:20px}
@media(max-width:1100px){.guideGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.guideGrid{grid-template-columns:1fr}.guideList,.guideSteps{padding-left:18px}.card{padding:18px}.main h1{font-size:26px}}

/* V33.28 bulk email helpers */
code{background:#f4efe5;border:1px solid #e3d8c6;border-radius:8px;padding:2px 6px;font-size:13px}
.inline button:disabled,.inline .btn:disabled{opacity:.45;cursor:not-allowed}


/* V33.29 mail center + menu icons */
.side a{display:flex;align-items:center;gap:10px}
.navIcon{
  width:28px;height:28px;min-width:28px;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,#fff8eb 0%,#f2e5c8 100%);
  border:1px solid #e6d7b4;color:#8f6a1f;font-size:14px;
  box-shadow:0 6px 14px rgba(166,136,67,.14)
}
.side a span:last-child{flex:1;min-width:0}
.sectionIcon{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:12px;margin-right:8px;
  background:linear-gradient(180deg,#fff7e7 0%,#f2e4c2 100%);
  border:1px solid #e6d4a8;color:#916c1f;font-size:16px;
  box-shadow:0 8px 18px rgba(166,136,67,.12);
  vertical-align:middle
}
.sectionIcon.big{width:42px;height:42px;font-size:18px;border-radius:14px}
.main h1 .sectionIcon.big{margin-right:10px}
.quickLinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.mcHero{background:linear-gradient(135deg,#fff 0%,#fcf7ed 100%);border-color:#e4d5b1}
@media(max-width:900px){
  .navIcon{width:26px;height:26px;min-width:26px;border-radius:9px}
  .side a{gap:8px}
  .sectionIcon{width:30px;height:30px;font-size:14px}
  .sectionIcon.big{width:36px;height:36px;font-size:16px}
}

/* V33.32.3 profile photo live preview */
.profilePhotoPendingPreview{
  outline:3px solid #d4af37;
  outline-offset:3px;
  box-shadow:0 12px 34px rgba(212,175,55,.28) !important;
}

/* =========================================================
   MOBILE MENU FIX - Logo/Menu overlap correction
   Scope: panel.psychologytimes.com.tr
   ========================================================= */

@media (max-width: 768px) {

  body.menu-open {
    overflow: hidden;
  }

  .side {
    width: min(86vw, 380px) !important;
    max-width: 380px !important;
    height: 100vh !important;
    min-height: 100vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-top: calc(env(safe-area-inset-top, 0px) + 18px) !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    padding-bottom: 36px !important;
    box-sizing: border-box !important;
    z-index: 9999 !important;
  }

  .menuToggle {
    position: fixed !important;
    top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 10000 !important;
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: rgba(8, 31, 24, 0.92) !important;
    color: #fff !important;
    font-weight: 700 !important;
    border: 1px solid rgba(255,255,255,.18) !important;
  }

  .side .brand {
    display: block !important;
    width: 100% !important;
    margin-top: 54px !important;
    margin-bottom: 26px !important;
    padding: 0 !important;
    text-align: center !important;
    line-height: 1.15 !important;
    clear: both !important;
  }

  .side .brand img,
  .side .brand svg {
    display: block !important;
    max-width: 230px !important;
    width: 78% !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }

  .side .brand,
  .side .brand * {
    max-height: none !important;
    overflow: visible !important;
  }

  .side a {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 48px !important;
    margin: 8px 0 !important;
    padding: 10px 12px !important;
    border-radius: 16px !important;
    white-space: normal !important;
    line-height: 1.25 !important;
  }

  .side a img,
  .side a .icon,
  .side a svg {
    flex: 0 0 auto !important;
  }

  .main {
    transition: transform .25s ease !important;
  }

  body.menu-open .main {
    transform: translateX(min(86vw, 380px)) !important;
  }
}

/* iPhone small screen extra protection */
@media (max-width: 430px) {
  .side {
    width: 86vw !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .side .brand {
    margin-top: 58px !important;
    margin-bottom: 24px !important;
  }

  .side .brand img {
    max-width: 210px !important;
  }

  .side a {
    font-size: 18px !important;
    min-height: 46px !important;
  }
}




/* =========================================================
   FINAL MOBILE DRAWER FIX - 2026-05-04
   Purpose:
   - Menü butonu logo/içerik üstüne taşmasın
   - Menü açılınca ana içerik sağa itilmesin
   - Drawer düzgün overlay gibi açılsın
   - iPhone safe-area dikkate alınsın
   ========================================================= */

@media (max-width: 768px) {

  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.menu-open {
    overflow: hidden !important;
  }

  /* Menü butonu artık tam genişlik bar olmayacak */
  .menuToggle {
    position: fixed !important;
    top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
    left: 14px !important;
    right: auto !important;
    transform: none !important;

    width: auto !important;
    min-width: 108px !important;
    max-width: 136px !important;
    height: 38px !important;
    line-height: 38px !important;

    padding: 0 14px !important;
    border-radius: 999px !important;

    background: rgba(8, 31, 24, 0.96) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.22) !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    text-align: center !important;
    white-space: nowrap !important;

    z-index: 10020 !important;
  }

  /* Menü açıkken de buton küçük kalsın, ekranı kaplamasın */
  body.menu-open .menuToggle {
    left: 18px !important;
    right: auto !important;
    width: auto !important;
    min-width: 108px !important;
    max-width: 136px !important;
    transform: none !important;
  }

  /* Drawer overlay gibi çalışsın */
  .side {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;

    width: min(84vw, 360px) !important;
    max-width: 360px !important;
    height: 100vh !important;
    min-height: 100vh !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    padding-top: calc(env(safe-area-inset-top, 0px) + 78px) !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    padding-bottom: 42px !important;

    box-sizing: border-box !important;
    z-index: 10010 !important;

    background: #06231b !important;
    box-shadow: 18px 0 44px rgba(0,0,0,.28) !important;
  }

  /* Logo artık menü butonundan bağımsız, aşağıda ayrı blok */
  .side .brand {
    display: block !important;
    width: 100% !important;
    margin: 0 auto 28px auto !important;
    padding: 0 !important;
    text-align: center !important;
    clear: both !important;
    overflow: visible !important;
    max-height: none !important;
  }

  .side .brand img,
  .side .brand svg {
    display: block !important;
    width: 78% !important;
    max-width: 225px !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }

  .side .brand,
  .side .brand * {
    overflow: visible !important;
    max-height: none !important;
  }

  /* Menü linkleri düzgün hizalansın */
  .side a {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;

    width: 100% !important;
    min-height: 48px !important;
    margin: 8px 0 !important;
    padding: 9px 10px !important;

    box-sizing: border-box !important;
    border-radius: 16px !important;

    white-space: normal !important;
    line-height: 1.25 !important;
    font-size: 18px !important;
  }

  .side a img,
  .side a svg,
  .side a .icon {
    flex: 0 0 auto !important;
  }

  /* En kritik düzeltme: menü açılınca ana sayfa sağa itilmesin */
  .main,
  body.menu-open .main {
    transform: none !important;
    margin-left: 0 !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* İçerik soldan kesilmesin */
  .main {
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }

  .topbar,
  .card,
  .stat,
  .notice {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 430px) {
  .side {
    width: 84vw !important;
    max-width: 340px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    padding-top: calc(env(safe-area-inset-top, 0px) + 82px) !important;
  }

  .side .brand img,
  .side .brand svg {
    max-width: 210px !important;
  }

  .side a {
    font-size: 17px !important;
    min-height: 46px !important;
  }

  .menuToggle,
  body.menu-open .menuToggle {
    left: 12px !important;
    min-width: 102px !important;
    max-width: 126px !important;
    height: 36px !important;
    line-height: 36px !important;
    font-size: 14px !important;
  }
}


/* =========================================================
   MOBILE MENU TOGGLE FINAL FIX
   ========================================================= */

@media (max-width: 768px) {

  .menuToggle {
    display: block !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }

  .side {
    transform: translateX(-105%) !important;
    transition: transform .26s ease !important;
    pointer-events: auto !important;
  }

  body.menu-open .side {
    transform: translateX(0) !important;
  }

  body.menu-open::after {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0,0,0,.28) !important;
    z-index: 10000 !important;
  }

  body.menu-open .side {
    z-index: 10010 !important;
  }

  body.menu-open .menuToggle,
  .menuToggle {
    z-index: 10030 !important;
  }

  .main,
  body.menu-open .main {
    transform: none !important;
  }
}


/* SAFE MOBILE MENU CSS FIX */
@media (max-width: 768px) {
  .menuToggle {
    display: block !important;
    position: fixed !important;
    top: 14px !important;
    left: 14px !important;
    z-index: 999999 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    width: auto !important;
    min-width: 98px !important;
    height: 36px !important;
    line-height: 36px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    background: #06231b !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border: 1px solid rgba(255,255,255,.18) !important;
  }

  .side {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: min(84vw, 360px) !important;
    height: 100vh !important;
    z-index: 999998 !important;
    transform: translateX(-110%) !important;
    transition: transform .25s ease !important;
    overflow-y: auto !important;
    padding-top: 78px !important;
    background: #06231b !important;
  }

  body.menu-open .side,
  html.menu-open .side {
    transform: translateX(0) !important;
  }

  .main,
  body.menu-open .main {
    transform: none !important;
    margin-left: 0 !important;
    width: 100% !important;
  }

  .side .brand {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    text-align: center !important;
  }

  .side .brand img,
  .side .brand svg {
    max-width: 210px !important;
    width: 78% !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
  }
}

/* =========================================================
   HARD RESET MOBILE MENU CLOSE CSS
   ========================================================= */
@media (max-width: 768px) {
  .menuToggle {
    display: block !important;
    position: fixed !important;
    top: 14px !important;
    left: 14px !important;
    z-index: 2147483647 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
  }

  .side {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: min(84vw, 360px) !important;
    height: 100vh !important;
    z-index: 2147483646 !important;
    transform: translateX(-110%) !important;
    transition: transform .25s ease !important;
    overflow-y: auto !important;
    padding-top: 72px !important;
    background: #06231b !important;
  }

  body.menu-open .side,
  html.menu-open .side {
    transform: translateX(0) !important;
  }

  .ptMenuClose {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    z-index: 2147483647 !important;
    background: rgba(255,255,255,.12) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.2) !important;
    border-radius: 999px !important;
    padding: 8px 14px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
  }

  .main,
  body.menu-open .main,
  html.menu-open .main {
    transform: none !important;
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.menu-open::after,
  html.menu-open::after {
    display: none !important;
    content: none !important;
  }
}

/* =========================================================
   MOBILE MENU VISUAL CLEAN FIX
   - Menü açılınca ☰ Menü butonunu gizler
   - Sadece × Kapat kalır
   - Logo ve menü öğeleri aşağıdan düzgün başlar
   ========================================================= */

@media (max-width: 768px) {

  body.menu-open .menuToggle,
  html.menu-open .menuToggle {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .ptMenuClose {
    position: absolute !important;
    top: calc(env(safe-area-inset-top, 0px) + 16px) !important;
    right: 18px !important;
    left: auto !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 92px !important;
    height: 38px !important;
    padding: 0 16px !important;

    background: rgba(255,255,255,.12) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 999px !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    z-index: 2147483647 !important;
    cursor: pointer !important;
  }

  .side {
    padding-top: calc(env(safe-area-inset-top, 0px) + 86px) !important;
  }

  .side .brand {
    margin-top: 0 !important;
    margin-bottom: 34px !important;
  }

  .side .brand img,
  .side .brand svg {
    max-width: 220px !important;
    width: 76% !important;
    margin: 0 auto !important;
    display: block !important;
  }

  .side a {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }
}

@media (max-width: 430px) {
  .ptMenuClose {
    top: calc(env(safe-area-inset-top, 0px) + 14px) !important;
    right: 14px !important;
    height: 36px !important;
    min-width: 86px !important;
    font-size: 13px !important;
  }

  .side {
    padding-top: calc(env(safe-area-inset-top, 0px) + 82px) !important;
  }

  .side .brand img,
  .side .brand svg {
    max-width: 205px !important;
  }
}


/* =========================================================
   UNIVERSAL SIDEBAR REOPEN BUTTON
   Panel kapanınca tekrar açma garantisi
   ========================================================= */

#ptSidebarOpenBtn {
  position: fixed !important;
  top: 14px !important;
  left: 14px !important;
  z-index: 2147483647 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 96px !important;
  height: 38px !important;
  padding: 0 14px !important;

  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 999px !important;
  background: #06231b !important;
  color: #fff !important;

  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  box-shadow: 0 10px 28px rgba(0,0,0,.24) !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
}

@media (min-width: 769px) {
  #ptSidebarOpenBtn {
    top: 18px !important;
    left: 18px !important;
  }
}

@media (max-width: 768px) {
  .side {
    transform: translateX(-110%) !important;
    transition: transform .25s ease !important;
  }

  body.menu-open .side,
  html.menu-open .side {
    transform: translateX(0) !important;
  }

  .menuToggle {
    display: none !important;
  }

  #ptSidebarOpenBtn {
    display: inline-flex !important;
  }
}


/* =========================================================
   FINAL MENU RESCUE STYLE
   ========================================================= */

.menuToggle,
#ptSidebarOpenBtn {
  display: none !important;
  pointer-events: none !important;
}

#ptMenuRescueBtn {
  position: fixed !important;
  top: 14px !important;
  left: 14px !important;
  z-index: 2147483647 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 96px !important;
  height: 38px !important;
  padding: 0 15px !important;

  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  background: #06231b !important;
  color: #fff !important;

  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  box-shadow: 0 10px 28px rgba(0,0,0,.24) !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  touch-action: manipulation !important;
}

body.menu-open #ptMenuRescueBtn,
html.menu-open #ptMenuRescueBtn {
  display: none !important;
}

.ptMenuRescueClose {
  position: absolute !important;
  top: 18px !important;
  right: 18px !important;
  z-index: 2147483647 !important;

  display: none !important;
  align-items: center !important;
  justify-content: center !important;

  height: 38px !important;
  min-width: 92px !important;
  padding: 0 16px !important;

  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;

  font-size: 14px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

body.menu-open .ptMenuRescueClose,
html.menu-open .ptMenuRescueClose {
  display: inline-flex !important;
}

@media (max-width: 768px) {
  .side {
    transform: translateX(-110%) !important;
    transition: transform .25s ease !important;
  }

  body.menu-open .side,
  html.menu-open .side {
    transform: translateX(0) !important;
  }
}


/* =========================================================
   MENU DUPLICATE CLOSE VISUAL FIX
   Tek kapat butonu, logo ile çakışmasın
   ========================================================= */

.ptMenuClose {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.ptMenuRescueClose {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  left: auto !important;

  display: none !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-width: 92px !important;
  height: 38px !important;
  padding: 0 16px !important;

  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;

  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  z-index: 2147483647 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

body.menu-open .ptMenuRescueClose,
html.menu-open .ptMenuRescueClose {
  display: inline-flex !important;
}

@media (max-width: 768px) {
  .side {
    padding-top: 76px !important;
  }

  .side .brand {
    margin-top: 0 !important;
    margin-bottom: 28px !important;
  }

  .side .brand img,
  .side .brand svg {
    display: block !important;
    max-width: 220px !important;
    width: 78% !important;
    height: auto !important;
    margin: 0 auto !important;
  }
}


/* PT_NOTIFICATION_BADGE_V1 */
.navBadge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  height:20px;
  padding:0 6px;
  margin-left:7px;
  border-radius:999px;
  background:#b91c1c;
  color:#fff;
  font-size:12px;
  font-weight:800;
  line-height:1;
  box-shadow:0 0 0 2px rgba(255,255,255,.08);
}

/* PT_MAGAZINE_INDEX_BUTTON_V1 */
.magazineBtn{
  margin-left:10px;
}
@media(max-width:720px){
  .magazineBtn{
    margin-left:0;
    margin-top:10px;
    display:inline-flex;
  }
}

/* PT_MAGAZINE_REPEAT_BADGE_CSS_V1 */
.pill.warn{
  background:#fff7ed;
  color:#9a3412;
  border:1px solid rgba(154,52,18,.22);
}

/* PT_MAGAZINE_CODE_PILL_CSS_V1 */
.codePill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:999px;
  background:#111827;
  color:#fff;
  font-weight:800;
  letter-spacing:.3px;
  font-size:12px;
  white-space:nowrap;
}




/* PT_MAGAZINE_GUIDE_VISUAL_CSS_V2 */
.magazineGuideCard{
  margin-top:18px;
  margin-bottom:22px;
  border:1px solid rgba(185,28,28,.18);
  background:#fff;
  overflow:hidden;
}

.magazineGuideHeader{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}

.magazineGuideHeader h2{
  margin-bottom:6px;
}

.magazineGuideScroll{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  border:1px solid rgba(15,23,42,.12);
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 36px rgba(15,23,42,.08);
  -webkit-overflow-scrolling:touch;
}

.magazineGuideImage{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  border:0 !important;
}

.guideHint{
  margin-top:10px;
  font-size:13px;
}

@media(max-width:900px){
  .magazineGuideHeader{
    flex-direction:column;
  }

  .magazineGuideHeader .btn{
    width:100%;
    justify-content:center;
  }

  .magazineGuideScroll{
    max-height:520px;
  }

  .magazineGuideImage{
    width:980px !important;
    min-width:980px !important;
  }
}

@media(max-width:520px){
  .magazineGuideCard{
    padding:14px !important;
  }

  .magazineGuideScroll{
    max-height:560px;
    border-radius:14px;
  }

  .magazineGuideImage{
    width:920px !important;
    min-width:920px !important;
  }
}

/* PT_MAGAZINE_SALES_LANDING_CSS_V1 */
.magSalesHero{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:34px;
  align-items:center;
  margin:18px 0 26px;
  padding:34px;
  border-radius:30px;
  background:
    radial-gradient(circle at 85% 15%, rgba(193,154,85,.20), transparent 34%),
    linear-gradient(135deg,#fffaf0 0%,#ffffff 48%,#f3f7f1 100%);
  border:1px solid rgba(193,154,85,.22);
  box-shadow:0 24px 70px rgba(15,23,42,.10);
  overflow:hidden;
}

.magSalesBadge{
  display:inline-flex;
  padding:8px 14px;
  border-radius:999px;
  background:#0d2b21;
  color:#fff;
  font-weight:800;
  font-size:13px;
  margin-bottom:16px;
  border:1px solid rgba(193,154,85,.65);
}

.magSalesHero h1{
  font-size:clamp(34px,5vw,66px);
  line-height:.98;
  letter-spacing:-1.8px;
  margin:0 0 16px;
  color:#09251d;
}

.magSalesLead{
  font-size:clamp(22px,2.2vw,34px);
  line-height:1.15;
  color:#b18435;
  font-weight:800;
  margin:0 0 14px;
}

.magSalesText{
  font-size:17px;
  line-height:1.65;
  color:#334155;
  max-width:680px;
}

.magSalesChips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:20px 0 26px;
}

.magSalesChips span{
  display:inline-flex;
  padding:10px 14px;
  border-radius:999px;
  background:#0d2b21;
  color:#fff;
  font-weight:750;
  border:1px solid rgba(193,154,85,.42);
  box-shadow:0 10px 24px rgba(13,43,33,.12);
}

.magSalesActions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.magSalesHeroVisual{
  position:relative;
  display:flex;
  justify-content:center;
}

.magSalesHeroVisual img{
  width:min(100%,430px);
  max-height:620px;
  object-fit:cover;
  border-radius:24px;
  box-shadow:0 30px 80px rgba(15,23,42,.28);
  border:1px solid rgba(255,255,255,.8);
  transform:rotate(1.5deg);
}

.magSalesSection,
.magSalesPackages,
.magSalesFormIntro{
  margin:22px 0;
  padding:28px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 16px 42px rgba(15,23,42,.06);
}

.magSalesSectionHead h2,
.magSalesPackages h2,
.magSalesFormIntro h2{
  margin-top:0;
  color:#09251d;
  font-size:30px;
}

.magSalesSectionHead p,
.magSalesFormIntro p{
  color:#475569;
  font-size:16px;
  line-height:1.6;
}

.magSalesCards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:18px;
}

.magSalesCards div{
  padding:18px;
  border-radius:20px;
  background:#f8faf7;
  border:1px solid rgba(13,43,33,.10);
}

.magSalesCards b{
  display:block;
  color:#09251d;
  font-size:18px;
  margin-bottom:8px;
}

.magSalesCards p{
  margin:0;
  color:#475569;
  line-height:1.55;
}

.magPackageGrid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
  margin-top:18px;
}

.magPackageGrid div{
  padding:16px;
  border-radius:18px;
  background:#fffaf0;
  border:1px solid rgba(193,154,85,.26);
}

.magPackageGrid .featured{
  background:#0d2b21;
  color:#fff;
  border-color:#c19a55;
}

.magPackageGrid span{
  display:block;
  font-weight:800;
  margin-bottom:8px;
}

.magPackageGrid b{
  display:block;
  font-size:24px;
  color:#09251d;
}

.magPackageGrid .featured b{
  color:#fff;
}

.magPackageGrid small{
  display:block;
  margin-top:6px;
  color:#64748b;
}

.magPackageGrid .featured small{
  color:#f8e7bd;
}

.magSalesApplyForm{
  scroll-margin-top:24px;
}

@media(max-width:980px){
  .magSalesHero{
    grid-template-columns:1fr;
    padding:24px;
  }

  .magSalesHeroVisual{
    order:-1;
  }

  .magSalesHeroVisual img{
    width:min(100%,360px);
    max-height:480px;
  }

  .magSalesCards,
  .magPackageGrid{
    grid-template-columns:1fr;
  }
}

@media(max-width:560px){
  .magSalesHero{
    padding:18px;
    border-radius:22px;
  }

  .magSalesHero h1{
    font-size:36px;
  }

  .magSalesActions .btn{
    width:100%;
    justify-content:center;
  }

  .magSalesSection,
  .magSalesPackages,
  .magSalesFormIntro{
    padding:20px;
  }
}




/* PT_MAGAZINE_HERO_REAL_BUTTONS_AND_PRICES_V4 */
.magSalesHeroImageV4{
  margin:18px 0 18px;
  padding:16px;
  border-radius:30px;
  background:
    radial-gradient(circle at 88% 15%, rgba(193,154,85,.16), transparent 34%),
    linear-gradient(135deg,#fffaf0 0%,#ffffff 52%,#f3f7f1 100%);
  border:1px solid rgba(193,154,85,.24);
  box-shadow:0 24px 70px rgba(15,23,42,.10);
  overflow:hidden;
}

.magHeroImageWrap{
  position:relative;
  border-radius:24px;
  overflow:hidden;
  background:#fff;
}

.magHeroImageWrap img{
  display:block;
  width:100%;
  height:auto;
  border-radius:24px;
  box-shadow:0 18px 46px rgba(15,23,42,.10);
  border:1px solid rgba(15,23,42,.08);
}

/* Görseldeki sahte butonların üstünü kapatan gerçek buton paneli */
.magHeroRealButtons{
  position:absolute;
  left:5.4%;
  bottom:6.2%;
  z-index:50;
  display:flex;
  gap:12px;
  align-items:center;
  padding:8px;
  border-radius:18px;
  background:rgba(255,250,240,.96);
  box-shadow:0 14px 34px rgba(15,23,42,.16);
  backdrop-filter:blur(8px);
}

.magHeroBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:205px;
  min-height:52px;
  padding:14px 18px;
  border-radius:14px;
  text-decoration:none !important;
  font-weight:900;
  font-size:15px;
  line-height:1;
  border:1px solid transparent;
  box-shadow:0 10px 24px rgba(15,23,42,.12);
}

.magHeroBtnPrimary{
  background:#0d2b21;
  color:#fff !important;
  border-color:#0d2b21;
}

.magHeroBtnGold{
  background:#c19a55;
  color:#fff !important;
  border-color:#b18435;
}

.magHeroBtn:hover{
  transform:translateY(-1px);
  filter:brightness(1.03);
}

/* Eski hotspotlar görünür/tıklanır olmasın */
.heroHotspot,
.heroHotspotDetails,
.heroHotspotApply{
  display:none !important;
  pointer-events:none !important;
}

/* Görünür fiyat alanı */
.magPriceVisibleBox{
  margin:18px 0 26px;
  padding:22px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(13,43,33,.12);
  box-shadow:0 16px 42px rgba(15,23,42,.06);
}

.magPriceHead{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.magPriceHead span{
  display:block;
  color:#09251d;
  font-size:24px;
  font-weight:950;
}

.magPriceHead b{
  color:#b18435;
  font-size:14px;
}

.magPriceCards{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}

.magPriceCards div{
  padding:16px;
  border-radius:18px;
  background:#fffaf0;
  border:1px solid rgba(193,154,85,.26);
  text-align:center;
}

.magPriceCards div.best{
  background:#0d2b21;
  color:#fff;
  border-color:#c19a55;
}

.magPriceCards small{
  display:block;
  font-size:13px;
  font-weight:850;
  color:#475569;
  margin-bottom:7px;
}

.magPriceCards strong{
  display:block;
  color:#09251d;
  font-size:24px;
  font-weight:950;
}

.magPriceCards em{
  display:block;
  margin-top:6px;
  color:#64748b;
  font-size:12px;
  font-style:normal;
}

.magPriceCards .best small,
.magPriceCards .best strong{
  color:#fff;
}

.magPriceCards .best em{
  color:#f8e7bd;
}

@media(max-width:980px){
  .magHeroRealButtons{
    position:static;
    margin-top:12px;
    justify-content:center;
    background:#fffaf0;
    box-shadow:none;
    border:1px solid rgba(193,154,85,.22);
  }

  .magPriceCards{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:560px){
  .magSalesHeroImageV4{
    padding:8px;
    border-radius:22px;
  }

  .magHeroImageWrap,
  .magHeroImageWrap img{
    border-radius:16px;
  }

  .magHeroRealButtons{
    flex-direction:column;
    align-items:stretch;
  }

  .magHeroBtn{
    width:100%;
    min-width:0;
  }

  .magPriceHead{
    flex-direction:column;
    align-items:flex-start;
  }

  .magPriceCards{
    grid-template-columns:1fr;
  }
}

/* PT_MAGAZINE_HERO_REAL_BUTTONS_ALIGN_V5 */
.magHeroRealButtons{
  left:4.9% !important;
  bottom:8.9% !important;
  padding:5px !important;
  gap:9px !important;
  border-radius:14px !important;
  background:rgba(255,250,240,.94) !important;
  box-shadow:0 10px 24px rgba(15,23,42,.12) !important;
}

.magHeroBtn{
  min-width:178px !important;
  min-height:45px !important;
  padding:11px 15px !important;
  border-radius:12px !important;
  font-size:14px !important;
}

@media(max-width:980px){
  .magHeroRealButtons{
    position:absolute !important;
    left:4.9% !important;
    bottom:8.9% !important;
    flex-direction:row !important;
    margin-top:0 !important;
    justify-content:flex-start !important;
    background:rgba(255,250,240,.94) !important;
    box-shadow:0 10px 24px rgba(15,23,42,.12) !important;
    border:0 !important;
  }

  .magHeroBtn{
    width:auto !important;
    min-width:178px !important;
  }
}

@media(max-width:560px){
  .magHeroRealButtons{
    position:static !important;
    margin-top:10px !important;
    flex-direction:column !important;
    align-items:stretch !important;
    background:#fffaf0 !important;
    border:1px solid rgba(193,154,85,.22) !important;
    box-shadow:none !important;
  }

  .magHeroBtn{
    width:100% !important;
    min-width:0 !important;
  }
}

/* PT_MAGAZINE_HERO_BUTTONS_FINAL_FIX_V1 */
.magSalesHeroClickMap{
  position:relative !important;
}

.magSalesHeroClickMap img{
  display:block !important;
  width:100% !important;
  height:auto !important;
}

.heroHotspot{
  position:absolute !important;
  display:block !important;
  z-index:20 !important;
  background:transparent !important;
  border:none !important;
  text-decoration:none !important;
  cursor:pointer !important;
}

/* Masaüstü / tablet: görsel içindeki butonların üstüne tam otursun */
.heroHotspotDetails{
  left:4.8% !important;
  bottom:7.6% !important;
  width:19.8% !important;
  height:7.8% !important;
}

.heroHotspotApply{
  left:27.0% !important;
  bottom:7.6% !important;
  width:27.8% !important;
  height:7.8% !important;
}

/* Sonradan eklenen tüm gerçek buton katmanlarını tamamen kapat */
.magHeroRealButtons,
.magHeroButtons{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Mobilde görsel içindeki hotspot küçük kalırsa biraz büyüt */
@media (max-width: 980px){
  .heroHotspotDetails{
    left:4.6% !important;
    bottom:7.2% !important;
    width:21.5% !important;
    height:8.6% !important;
  }

  .heroHotspotApply{
    left:27.5% !important;
    bottom:7.2% !important;
    width:29.5% !important;
    height:8.6% !important;
  }
}

/* Çok dar ekranda hotspotları biraz daha rahatlat */
@media (max-width: 640px){
  .heroHotspotDetails{
    left:4.2% !important;
    bottom:6.4% !important;
    width:23% !important;
    height:9.4% !important;
  }

  .heroHotspotApply{
    left:28.2% !important;
    bottom:6.4% !important;
    width:31% !important;
    height:9.4% !important;
  }
}

/* PT_MAGAZINE_HERO_HOTSPOT_FIX_V2 */
.magSalesHeroClickMap{
  position: relative !important;
  overflow: hidden !important;
}

.magSalesHeroClickMap img{
  display: block !important;
  width: 100% !important;
  height: auto !important;
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
}

.magSalesHeroClickMap .heroHotspot{
  position: absolute !important;
  display: block !important;
  z-index: 999 !important;
  pointer-events: auto !important;
  background: rgba(0,0,0,0.001) !important;
  border: 0 !important;
  border-radius: 18px !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

/* Görseldeki sol buton: Detayları İncele */
.magSalesHeroClickMap .heroHotspotDetails{
  left: 5.0% !important;
  bottom: 7.4% !important;
  width: 21.0% !important;
  height: 8.8% !important;
}

/* Görseldeki sağ buton: Başvuru Formuna Geç */
.magSalesHeroClickMap .heroHotspotApply{
  left: 28.2% !important;
  bottom: 7.4% !important;
  width: 30.8% !important;
  height: 8.8% !important;
}

/* Alttaki eski/gerçek buton katmanları varsa tamamen kapalı kalsın */
.magHeroRealButtons,
.magHeroButtons{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Tablet */
@media (max-width: 980px){
  .magSalesHeroClickMap .heroHotspotDetails{
    left: 5.2% !important;
    bottom: 7.0% !important;
    width: 22.5% !important;
    height: 9.2% !important;
  }

  .magSalesHeroClickMap .heroHotspotApply{
    left: 28.8% !important;
    bottom: 7.0% !important;
    width: 32.2% !important;
    height: 9.2% !important;
  }
}

/* Mobil */
@media (max-width: 640px){
  .magSalesHeroClickMap .heroHotspotDetails{
    left: 5.5% !important;
    bottom: 6.4% !important;
    width: 24.0% !important;
    height: 10.0% !important;
  }

  .magSalesHeroClickMap .heroHotspotApply{
    left: 30.0% !important;
    bottom: 6.4% !important;
    width: 34.0% !important;
    height: 10.0% !important;
  }
}

/* PT_MAGAZINE_HERO_CLICK_FINAL_CSS_V1 */
.magSalesHeroClickFinal{
  margin:18px 0 18px !important;
  padding:16px !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 88% 15%, rgba(193,154,85,.16), transparent 34%),
    linear-gradient(135deg,#fffaf0 0%,#ffffff 52%,#f3f7f1 100%) !important;
  border:1px solid rgba(193,154,85,.24) !important;
  box-shadow:0 24px 70px rgba(15,23,42,.10) !important;
  overflow:hidden !important;
}

.magSalesHeroClickFinal .magHeroImageWrap{
  position:relative !important;
  display:block !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:#fff !important;
}

.magSalesHeroClickFinal .magHeroImageWrap img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  border-radius:24px !important;
  pointer-events:none !important;
  user-select:none !important;
  -webkit-user-drag:none !important;
}

.heroClickArea{
  position:absolute !important;
  display:block !important;
  z-index:99999 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  background:rgba(0,0,0,0.001) !important;
  border-radius:14px !important;
  text-decoration:none !important;
}

/* Görseldeki yeşil Detayları İncele butonu üstü */
.heroClickDetails{
  left:5.1% !important;
  bottom:7.2% !important;
  width:21.5% !important;
  height:8.8% !important;
}

/* Görseldeki altın Başvuru Formuna Geç butonu üstü */
.heroClickApply{
  left:28.2% !important;
  bottom:7.2% !important;
  width:31.5% !important;
  height:8.8% !important;
}

.heroClickArea:hover{
  background:rgba(193,154,85,.10) !important;
}

/* Eski tüm buton/hotspot katmanlarını kapat */
.magHeroRealButtons,
.magHeroButtons,
.heroHotspot,
.heroHotspotDetails,
.heroHotspotApply{
  display:none !important;
  pointer-events:none !important;
}

@media(max-width:720px){
  .magSalesHeroClickFinal{
    padding:8px !important;
    border-radius:22px !important;
  }

  .magSalesHeroClickFinal .magHeroImageWrap,
  .magSalesHeroClickFinal .magHeroImageWrap img{
    border-radius:16px !important;
  }

  .heroClickDetails{
    left:5.1% !important;
    bottom:6.8% !important;
    width:23% !important;
    height:9.5% !important;
  }

  .heroClickApply{
    left:29.5% !important;
    bottom:6.8% !important;
    width:33.5% !important;
    height:9.5% !important;
  }
}

/* PT_HERO_HOTSPOT_POSITION_FIX_V2 */
.magSalesHeroClickFinal .magHeroImageWrap{
  position: relative !important;
  line-height: 0 !important;
}

.magSalesHeroClickFinal .magHeroImageWrap img{
  display:block !important;
  width:100% !important;
  height:auto !important;
}

.magSalesHeroClickFinal .heroClickArea{
  position:absolute !important;
  z-index:99999 !important;
  display:block !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  bottom:auto !important;
  background:rgba(255,255,255,0.001) !important;
  border:none !important;
  box-shadow:none !important;
}

/* Soldaki yeşil buton */
.magSalesHeroClickFinal .heroClickDetails{
  left:4.6% !important;
  top:79.1% !important;
  width:25.2% !important;
  height:8.9% !important;
}

/* Sağdaki altın buton */
.magSalesHeroClickFinal .heroClickApply{
  left:31.2% !important;
  top:79.1% !important;
  width:31.0% !important;
  height:8.9% !important;
}

/* Eski tüm fazlalıkları kapat */
.magHeroRealButtons,
.magHeroButtons,
.heroHotspot,
.heroHotspotDetails,
.heroHotspotApply{
  display:none !important;
  pointer-events:none !important;
}

/* Mobil */
@media (max-width: 720px){
  .magSalesHeroClickFinal .heroClickDetails{
    left:4.8% !important;
    top:78.8% !important;
    width:25.8% !important;
    height:9.4% !important;
  }

  .magSalesHeroClickFinal .heroClickApply{
    left:31.4% !important;
    top:78.8% !important;
    width:31.8% !important;
    height:9.4% !important;
  }
}

/* PT_MAGAZINE_PUBLISH_INFO_BAND_CSS_V1 */
.magPublishInfoBand{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin:16px 0 22px;
}

.magPublishInfoBand div{
  padding:18px 20px;
  border-radius:22px;
  background:linear-gradient(135deg,#0d2b21 0%,#12382d 100%);
  color:#fff;
  border:1px solid rgba(193,154,85,.38);
  box-shadow:0 14px 36px rgba(15,23,42,.10);
}

.magPublishInfoBand strong{
  display:block;
  color:#f8e7bd;
  font-size:14px;
  font-weight:900;
  margin-bottom:6px;
  letter-spacing:.2px;
}

.magPublishInfoBand span{
  display:block;
  font-size:17px;
  line-height:1.45;
  font-weight:750;
}

.magPublishInfoBand b{
  color:#ffd36a;
  font-weight:950;
}

@media(max-width:720px){
  .magPublishInfoBand{
    grid-template-columns:1fr;
  }

  .magPublishInfoBand div{
    padding:16px;
    border-radius:18px;
  }

  .magPublishInfoBand span{
    font-size:15px;
  }
}

/* PT_MAGAZINE_PRICE_CAMPAIGN_CSS_V2 */
.magPriceCards em{
  display:block !important;
  margin:0 0 4px !important;
  color:#94a3b8 !important;
  font-size:13px !important;
  font-style:normal !important;
  font-weight:800 !important;
}

.magPriceCards s{
  text-decoration-thickness:2px;
  text-decoration-color:#b91c1c;
}

.magPriceCards strong{
  margin-top:2px;
}

.magPriceCards .best em{
  color:#f8e7bd !important;
  opacity:.86;
}

.magPriceCards .best s{
  text-decoration-color:#fbbf24;
}

/* PT_MOBILE_MENU_FIX_V1 - final mobile menu override */
@media (max-width: 900px) {
  .menuToggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: fixed !important;
    top: 12px !important;
    left: 12px !important;
    width: auto !important;
    min-width: 96px !important;
    height: 44px !important;
    padding: 10px 14px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #0f1d18 !important;
    color: #fff !important;
    font-weight: 800 !important;
    z-index: 2147483647 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  .side {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: min(86vw, 310px) !important;
    max-width: 310px !important;
    height: 100vh !important;
    overflow-y: auto !important;
    z-index: 2147483646 !important;
    transform: translateX(-110%) !important;
    transition: transform .24s ease !important;
    box-shadow: 20px 0 60px rgba(0,0,0,.22) !important;
  }

  body.menu-open .side,
  html.menu-open .side {
    transform: translateX(0) !important;
  }

  body.menu-open .main,
  html.menu-open .main {
    transform: none !important;
  }

  body.menu-open::after,
  html.menu-open::after {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0,0,0,.38) !important;
    z-index: 2147483645 !important;
  }

  body.menu-open .menuToggle,
  html.menu-open .menuToggle {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}

/* PT_MOBILE_MENU_TOUCH_FIX_V1 */
@media (max-width: 900px) {
  .menuToggle {
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  body.menu-open .side,
  html.menu-open .side {
    left: 0 !important;
    transform: translateX(0) !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  body.menu-open::after,
  html.menu-open::after {
    pointer-events: auto !important;
  }

  body.menu-open .menuToggle,
  html.menu-open .menuToggle {
    display: inline-flex !important;
  }
}

/* PT_MOBILE_MENU_INDEPENDENT_V3 */
@media (max-width: 900px) {
  .menuToggle {
    display: none !important;
  }

  .ptMobileMenuBtn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: fixed !important;
    top: 12px !important;
    left: 12px !important;
    width: auto !important;
    min-width: 98px !important;
    height: 46px !important;
    padding: 10px 14px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #0f1d18 !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    z-index: 2147483647 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: none !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.22) !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .side {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: min(86vw, 310px) !important;
    max-width: 310px !important;
    height: 100vh !important;
    overflow-y: auto !important;
    z-index: 2147483646 !important;
    transform: translateX(-112%) !important;
    transition: transform .22s ease !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  body.pt-mobile-menu-open .side,
  html.pt-mobile-menu-open .side,
  body.menu-open .side,
  html.menu-open .side {
    transform: translateX(0) !important;
    left: 0 !important;
  }

  body.pt-mobile-menu-open::after,
  html.pt-mobile-menu-open::after {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0,0,0,.38) !important;
    z-index: 2147483645 !important;
  }

  body.pt-mobile-menu-open .main,
  html.pt-mobile-menu-open .main {
    transform: none !important;
  }
}

@media (min-width: 901px) {
  .ptMobileMenuBtn {
    display: none !important;
  }
}