:root{--red:#df1827;--red-dark:#a60d18;--black:#181818;--ink:#202126;--muted:#6b7078;--page:#e9edf0;--paper:#fff;--soft:#f3f5f6;--line:#d4d9df;--shadow:0 18px 44px rgba(19,23,28,.09)}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--page)}
body{min-width:0;margin:0!important;overflow-x:hidden!important;background:var(--page)!important;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}
img{max-width:100%;height:auto}
a{color:var(--red-dark);text-underline-offset:3px}
#wrapper{width:100%;min-height:100%;background:var(--page)}
.container{width:min(1200px,100%);max-width:none;margin:0 auto;background:transparent}
.container:after{content:"";display:block;clear:both}

/* Editorial masthead */
#header{position:relative;top:auto;left:auto;z-index:auto;display:grid;grid-template-columns:390px minmax(0,1fr);width:100%;overflow:hidden;background:var(--black);box-shadow:0 10px 30px rgba(0,0,0,.18)}
#header:after{display:none}
#header>img{align-self:center;display:block;width:100%;max-width:390px;margin:0;padding:15px 24px}
.menu{display:flex;align-items:center;justify-content:flex-end;min-width:0;padding:0 20px;background:var(--black)}
.menu ul{display:flex;align-items:center;justify-content:flex-end;width:100%;height:auto;margin:0;padding:0;gap:2px;list-style:none}
.menu ul>a{display:block;border-bottom:3px solid transparent;text-decoration:none}
.menu ul>a:hover,.menu ul>a:focus-visible{border-bottom-color:var(--red);background:#252525}
.menu li{display:block;margin:0;padding:18px 12px;color:#fff;font-size:12px;font-weight:800;line-height:1.15;white-space:nowrap}
.headbeyaz{grid-column:1/-1;min-height:36px;background:#fff;border-bottom:1px solid #ececee}
.head{float:none;display:flex;justify-content:flex-end;width:100%;margin:0;padding:3px 22px;color:var(--red)}
.head span{font-size:22px;font-weight:400;line-height:1.25}
.ustbaslik{grid-column:1/-1;float:none;width:100%;padding:10px 20px;background:var(--red);color:#fff;font-size:18px;font-weight:900;line-height:1.2;text-align:center}

/* Article shell and hero */
.contentsol{float:none;width:min(1060px,calc(100% - 40px));margin:32px auto 0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.contentsol img{max-width:100%;height:auto}
.contentsol>p:first-child{display:inline-flex;width:auto;margin:0 0 10px 18px!important;padding:7px 11px;background:#272727;border:0;border-radius:3px;color:#fff;font-size:13px;line-height:1}
.contentsol>h1:first-of-type{position:relative;display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);align-items:stretch;width:100%;min-height:390px;margin:0 0 26px;padding:0;overflow:hidden;background:var(--black);border:0;border-radius:6px;box-shadow:var(--shadow);color:#fff;font-size:46px;line-height:1.05}
.contentsol>h1:first-of-type>img{float:none;width:100%;height:100%;min-height:390px;margin:0;object-fit:cover;object-position:center;border-radius:0}
.contentsol>h1:first-of-type>div{display:flex;align-items:center;min-width:0;padding:42px;overflow:visible;color:#fff!important}
.contentsol>h1:first-of-type>div>span{display:inline;color:#fff;border:0}
.contentsol>h1:first-of-type a{color:#ff4653;text-decoration:none}
.contentsol>h1:first-of-type:after{content:"+9\A CM";position:absolute;top:22px;left:calc(39% - 94px);display:flex;align-items:center;justify-content:center;width:82px;height:82px;padding-top:3px;background:#d90f20;border:4px solid #fff;border-radius:50%;box-shadow:0 5px 16px rgba(0,0,0,.3);color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:900;line-height:.9;text-align:center;white-space:pre;z-index:2}
@media(max-width:700px){.contentsol>h1:first-of-type:after{top:16px;right:14px;left:auto;width:74px;height:74px;border-width:3px;font-size:22px}}

/* Intro becomes a bounded reading block instead of a white sheet. */
.contentsol>p:nth-of-type(n+2):nth-of-type(-n+7){width:min(820px,calc(100% - 76px));margin:0 auto;padding:0 42px 19px;background:#fff;color:#303238;font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.78}
.contentsol>p:nth-of-type(2){padding-top:35px;border-top:4px solid var(--red);border-radius:6px 6px 0 0}
.contentsol>p:nth-of-type(7){margin-bottom:28px;padding-bottom:36px;border-radius:0 0 6px 6px;box-shadow:var(--shadow)}
.contentsol>h1:not(:first-of-type){width:100%;margin:34px 0 18px;padding:22px 28px;background:var(--black);border:0;border-left:8px solid var(--red);border-radius:4px;color:#fff;font-size:31px;line-height:1.16}
.contentsol>h1:not(:first-of-type) a{color:#ff4b57}
.contentsol>h2{width:100%;margin:36px 0 16px;padding:18px 22px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--red);border-radius:5px;color:var(--ink);font-size:28px;line-height:1.18;box-shadow:0 8px 24px rgba(20,23,28,.05)}
.contentsol>h2+p,.contentsol>h2+p+p{margin:0 0 12px;padding:15px 22px;background:#fff;border:1px solid var(--line);border-radius:4px;color:#35383e;font-size:16px;line-height:1.6}
.contentsol>h2+p:empty{display:none}
.contentsol>strong{display:block;width:min(920px,100%);margin:0 auto 20px;padding:19px 24px;background:#fff;border:1px solid #efc8cc;border-left:6px solid var(--red);border-radius:4px;color:#54151a;font-size:16px;line-height:1.55}

/* Story and expert modules */
.ctevid{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);align-items:start;width:100%;margin:28px 0 36px;padding:28px;gap:30px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--red);border-radius:6px;box-shadow:var(--shadow)}
.ctevid:after{display:none}
.video,.video a{float:none;width:auto;margin:0}
.video img,.res img,.zizou2>img{display:block;width:100%;border-radius:4px}
.ctevid .video,.ctevid .video a{width:100%}
.ctevid>.video>span>img{width:100%;min-height:420px;object-fit:cover}
.ctevid .zizou{min-width:0;padding:0;overflow:visible}
.ctevid .zizou>strong{display:block;margin:0 0 16px;padding-bottom:14px;border-bottom:2px solid var(--red);color:var(--ink);font-size:25px;line-height:1.2}
.ctevid .zizou>strong>span{color:var(--muted);font-size:14px}
.ctevid .zizou p,.contentsol>strong+div .zizou p,.flex-column p,.zizou1 p,.zizou2 p,.zizou3 p{color:#303238;font-family:Georgia,"Times New Roman",serif;font-size:17px;line-height:1.7}
.ctevid .zizou .video{margin:22px 0;padding:8px;background:var(--black);border-radius:5px}
.ctevid .zizou h4{margin:18px 0;padding:17px 20px;background:#fff4f2;border-left:5px solid var(--red);color:#4b1519;font-size:21px;line-height:1.35}
.ctevid .zizou center img{width:min(250px,100%);max-height:310px;object-fit:contain}
.contentsol>strong+div{display:grid;grid-template-columns:minmax(240px,.42fr) minmax(0,1fr);align-items:start;margin:0 0 34px;padding:28px;gap:30px;background:#202020;border:0;border-radius:6px;box-shadow:var(--shadow)}
.contentsol>strong+div .video,.contentsol>strong+div .zizou{float:none;width:auto;margin:0;padding:0;overflow:visible}
.contentsol>strong+div .video img{width:100%;min-height:340px;object-fit:cover}
.contentsol>strong+div .zizou h4{margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid #4e4e4e;color:#fff;font-size:25px;line-height:1.2}
.contentsol>strong+div .zizou h4 span{color:#ff4d59;font-size:13px;letter-spacing:.08em}
.contentsol>strong+div .zizou p,.contentsol>strong+div .zizou li{color:#e8e8e8}
.contentsol>strong+div .zizou a{color:#ff5964}
.contentsol>strong+div .zizou u{color:#fff;text-decoration-color:var(--red);text-decoration-thickness:3px}

/* User stories */
.zizou1,.zizou2,.zizou3,.res{float:none;width:auto;overflow:visible}
.zizou1:after{content:"";display:block;clear:both}
.zizou1>p[style]{float:none!important;display:inline-block;vertical-align:top;width:calc(50% - 10px)!important;margin:0 16px 16px 0;padding:18px;overflow:hidden!important;background:#fff;border:1px solid var(--line);border-radius:5px;box-shadow:0 8px 24px rgba(20,23,28,.06)}
.zizou1>p[style]:nth-child(even){margin-right:0}
.zizou1>p[style] img{width:100%!important;height:350px;max-width:none!important;margin:0 0 15px!important;object-fit:cover;border-radius:3px}
.flex-column{width:100%;margin:28px 0!important;padding:28px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow)}
.flex-column>h1{margin:0 0 20px;padding-bottom:14px;border-bottom:3px solid var(--red);color:var(--ink);font-size:29px;line-height:1.2}
.flex-column>.video{margin-bottom:20px}
.flex-column>.video img{width:100%!important;max-width:none!important;max-height:520px;object-fit:cover}
.flex-column .zizou2>img{max-height:520px;object-fit:cover}
.contentsol>div[style*="margin-bottom: 50px"]{display:grid;grid-template-columns:minmax(310px,.82fr) minmax(0,1fr);align-items:center;margin-bottom:28px!important;padding:26px;gap:28px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow)}
.contentsol>div[style*="margin-bottom: 50px"] .res img{max-height:440px;object-fit:cover}
.vpouste{width:100%;margin:30px 0;padding:24px 28px;background:#fff0eb;border:1px solid #efb9ad;border-left:7px solid var(--red);border-radius:5px}
.vpouste h2{margin:0 0 8px;color:#71131a;font-size:25px}
.vpouste>p{margin:0 0 12px;color:#4b2629;font-size:17px;line-height:1.6}
.vpouste center a{color:#654449;font-size:14px}

/* Offer */
.row.scroll-to-class{width:100%;margin:30px 0 0;padding:0!important}
.order_block{width:100%;margin-top:0}
.order_block>.order__text{max-width:none;margin:0;padding:17px 22px;background:var(--black);border:0;border-left:7px solid var(--red);border-radius:5px 5px 0 0;color:#fff;font-size:16px;line-height:1.55;text-align:left}
.solid-order{display:grid!important;grid-template-columns:minmax(280px,.9fr) minmax(340px,1.1fr);align-items:center;padding:34px;gap:38px;background:#fff;border:1px solid #cdd2d8;border-top:0;border-radius:0 0 6px 6px;box-shadow:0 22px 54px rgba(20,23,28,.14)}
.solid-order .prod_img_wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:450px;padding:20px;background:#202020;border-radius:5px}
.solid-order .prod_img{display:block;width:min(100%,310px)!important;max-height:350px;margin:0 auto!important;object-fit:contain}
.free-course-badge{width:100%;max-width:330px;margin-top:12px;padding:13px 15px;background:var(--red);border:0;border-radius:3px;color:#fff;text-align:center}
.free-course-badge span,.free-course-badge small{display:block;font-size:11px;letter-spacing:.06em}
.free-course-badge strong{display:block;margin:3px 0;font-size:19px;line-height:1.2}
.order-copy{min-width:0;padding:8px 0}
.order-copy h3{width:auto;margin:0 0 8px;color:var(--ink);font-size:31px;line-height:1.15}
.order-copy>p{margin:0 0 20px;color:var(--muted);font-size:16px;line-height:1.55}
.main-order-form{display:grid;gap:8px}
.main-order-form label{color:var(--ink);font-size:14px;font-weight:800;text-align:left}
.main-order-form .form__input{width:100%;height:54px;margin:0 0 6px!important;padding:0 15px!important;background:#fff!important;border:1px solid #aeb5bf!important;border-radius:4px!important;color:var(--ink)!important;font-size:17px!important}
.main-order-form .form__input:focus{border-color:var(--red)!important;outline:3px solid rgba(223,24,39,.15)}
.main-order-form button{width:100%;min-height:58px;margin-top:8px;padding:12px 18px;background:var(--red)!important;border:0;border-radius:4px;box-shadow:0 12px 26px rgba(223,24,39,.24);color:#fff;font-size:15px;font-weight:900;cursor:pointer}
.main-order-form button:hover{background:var(--red-dark)!important}
.main-order-form button:focus-visible,.btn:focus-visible{outline:3px solid rgba(223,24,39,.3);outline-offset:3px}
.main-order-form button:disabled{opacity:.7;cursor:wait}
.pulse-button{display:block;line-height:1.25}
.order-phone-hint,.order-privacy{display:block;margin:-2px 0 6px!important;color:#68707c!important;font-size:12px!important;line-height:1.45!important}
.order-phone-error{margin:-1px 0 5px;color:#b42318;font-size:13px;font-weight:700}
.input-error{border-color:#d92d20!important}

/* Editorial note */
.contenulu{display:grid;grid-template-columns:138px minmax(0,1fr);width:min(1060px,calc(100% - 40px));margin:26px auto 0;padding:30px 34px;overflow:visible!important;gap:0 24px;background:#202020;border:0;border-top:5px solid var(--red);border-radius:6px;box-shadow:var(--shadow)}
.contenulu>p:first-child{grid-column:1/-1;margin:0 0 22px;padding:0 0 18px;border-bottom:1px solid #4a4a4a;color:#f1f1f1;font-family:Georgia,"Times New Roman",serif;font-size:17px;line-height:1.65}
.contenulu a{color:#ff5964}
.contenulu>a{grid-column:1;grid-row:span 2;align-self:start;margin-top:12px}
.contenulu>a img{display:block;width:138px;aspect-ratio:1;object-fit:cover;border-radius:4px}
.contenulu>strong{grid-column:2;float:none;width:auto;margin:12px 0 0;padding:12px 0 4px;color:#fff;font-size:19px}
.contenulu>p:not(:first-child){grid-column:2;margin:0;padding:0 0 16px;color:#d7d7d7;font-size:16px;line-height:1.6}

/* Comments */
.yorumlar{float:none;clear:both;width:min(1060px,calc(100% - 40px));margin:26px auto 40px;padding:0;background:transparent}
.vplique{width:100%;margin:0;padding:18px 24px;background:var(--black);border-top:5px solid var(--red);border-radius:6px 6px 0 0;color:#fff;font-size:25px;font-weight:900;line-height:1.15;text-transform:uppercase}
.fessebouc{display:flex;flex-direction:column;width:100%;padding:22px;gap:12px;background:#f1f3f5;border:1px solid var(--line);border-top:0;border-radius:0 0 6px 6px}
.dismoi.comment,.lavalse.comment{float:none;clear:both;display:grid;grid-template-columns:60px minmax(0,1fr);align-items:start;width:100%;margin:0;padding:18px;gap:15px;background:#fff;border:1px solid var(--line);border-radius:5px;box-shadow:0 4px 12px rgba(20,23,28,.04)}
.lavalse.comment{width:calc(100% - 70px);margin-left:70px;background:#fff8f8;border-left:5px solid var(--red)}
.dismoi:after,.lavalse:after{display:none}
.fessedebook{float:none;width:60px;margin:0}
.fessedebook a{display:block}
.fessedebook img{display:block;width:58px;height:58px;object-fit:cover;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #c7ccd3}
.comment .facezizou,.lavalse .facezizou{display:flex;flex-direction:column;width:auto;min-width:0;overflow:visible!important}
.comment .facezizou p,.dismoi .facezizou p,.lavalse .facezizou p{order:0;margin:0;color:var(--ink);font-size:16px;font-weight:900;line-height:1.3}
.comment .facezizou strong{order:1;width:auto;margin:4px 0 8px;color:#7a818b;font-size:12px;font-weight:600;line-height:1.3}
.comment .facezizou>span{order:2;display:block;min-width:0;margin:0;overflow-wrap:anywhere;color:#363a40;font-size:16px;line-height:1.58}
.comment .facezizou>img,.comment .facezizou>span img{order:3;display:block;width:auto;max-width:min(460px,100%);max-height:520px;margin:14px 0 0;object-fit:contain;object-position:left center;border:1px solid var(--line);border-radius:4px}
.fessebouc>center{width:100%;margin-top:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 26px;background:var(--red);border-radius:4px;color:#fff!important;font-size:16px;font-weight:900;line-height:1.2;text-decoration:none}
.btn:hover{background:var(--red-dark)}

/* Footer and notification */
.footer-wrapper{float:none;clear:both;width:100%;margin:0;padding:25px 18px!important;background:var(--black)!important;color:#c6c8cc!important;font-size:12px;line-height:1.55;text-align:center}
.footer-wrapper a,.footer-wrapper a:visited{color:#fff!important}
.footer-wrapper footer{margin:12px auto 0!important}
.order-notification{position:fixed;bottom:18px;left:18px;z-index:9999;width:min(360px,calc(100vw - 36px));padding:14px 16px;background:#fff;border-left:5px solid var(--red);border-radius:4px;box-shadow:0 14px 40px rgba(16,24,40,.25);opacity:0;transform:translateY(130%);transition:.35s ease}
.order-notification.is-visible{opacity:1;transform:translateY(0)}
.order-notification strong,.order-notification span{display:block}
.order-notification strong{color:var(--ink);font-size:15px}
.order-notification span{margin-top:3px;color:var(--muted);font-size:13px}

@media(max-width:920px){
  #header{grid-template-columns:310px minmax(0,1fr)}
  #header>img{padding-right:10px}
  .menu{padding:0 10px}
  .menu li{padding:16px 7px;font-size:10px}
  .contentsol>h1:first-of-type{font-size:38px}
  .contentsol>h1:first-of-type>div{padding:30px}
  .ctevid,.contentsol>strong+div{grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr)}
}

@media(max-width:700px){
  body{line-height:1.6}
  .container{width:100%}
  #header{display:block}
  #header>img{float:none;width:min(280px,calc(100% - 36px));max-height:66px;margin:0 auto;padding:10px 0 6px;object-fit:contain}
  .menu{display:block;width:100%;overflow-x:auto;padding:0 8px 7px;scrollbar-width:none}
  .menu::-webkit-scrollbar{display:none}
  .menu ul{justify-content:flex-start;width:max-content;min-width:100%}
  .menu li{padding:10px 9px;font-size:10px}
  .headbeyaz{min-height:31px}
  .head{justify-content:center;padding:4px 10px}
  .head span{font-size:16px}
  .ustbaslik{padding:9px 12px;overflow:hidden;font-size:13px}
  .ustbaslik center{display:block;max-width:100%;overflow-wrap:anywhere}
  .contentsol,.contenulu,.yorumlar{width:calc(100% - 20px);margin-top:14px}
  .contentsol>p:first-child{margin-left:0!important}
  .contentsol>h1:first-of-type{display:flex;flex-direction:column;min-height:0;margin-bottom:14px;font-size:31px;line-height:1.08}
  .contentsol>h1:first-of-type>img{width:100%;height:255px;min-height:0;object-fit:cover;object-position:center 38%}
  .contentsol>h1:first-of-type>div{padding:24px 20px 27px}
  .contentsol>p:nth-of-type(n+2):nth-of-type(-n+7){width:100%;padding:0 19px 18px;font-size:17px;line-height:1.72}
  .contentsol>p:nth-of-type(2){padding-top:24px}
  .contentsol>p:nth-of-type(7){margin-bottom:16px;padding-bottom:25px}
  .contentsol>h1:not(:first-of-type){margin:24px 0 14px;padding:17px 16px;border-left-width:6px;font-size:23px}
  .contentsol>h2{margin:24px 0 12px;padding:15px;font-size:21px}
  .contentsol>h2+p,.contentsol>h2+p+p{padding:13px 15px;font-size:15px}
  .contentsol>strong{padding:16px;font-size:14px}
  .ctevid,.contentsol>strong+div{display:block;margin:16px 0 24px;padding:16px}
  .ctevid>.video>span>img,.contentsol>strong+div .video img{width:100%;height:auto;min-height:0;max-height:480px;margin-bottom:18px;object-fit:cover}
  .ctevid .zizou>strong,.contentsol>strong+div .zizou h4{font-size:21px}
  .ctevid .zizou p,.contentsol>strong+div .zizou p,.flex-column p,.zizou1 p,.zizou2 p,.zizou3 p{font-size:16px;line-height:1.66}
  .ctevid .zizou h4{font-size:18px}
  .zizou1>p[style]{display:block;width:100%!important;margin:0 0 13px;padding:14px}
  .zizou1>p[style] img{height:auto;max-height:460px;object-fit:contain}
  .flex-column{margin:18px 0!important;padding:16px}
  .flex-column>h1{font-size:23px}
  .contentsol>div[style*="margin-bottom: 50px"]{display:block;margin-bottom:18px!important;padding:16px}
  .contentsol>div[style*="margin-bottom: 50px"] .res img{width:100%;max-height:470px;margin-bottom:16px;object-fit:contain}
  .vpouste{margin:20px 0;padding:18px 16px}
  .vpouste h2{font-size:21px}
  .row.scroll-to-class{margin-top:20px}
  .order_block>.order__text{padding:15px 16px;font-size:14px}
  .solid-order{grid-template-columns:1fr;padding:16px;gap:20px}
  .solid-order .prod_img_wrapper{min-height:0;padding:18px 14px}
  .solid-order .prod_img{width:min(100%,240px)!important;max-height:300px}
  .free-course-badge{max-width:290px}
  .order-copy{padding:0}
  .order-copy h3{font-size:26px}
  .main-order-form .form__input{height:55px;font-size:16px!important}
  .main-order-form button{min-height:58px;padding:12px 10px;font-size:13px}
  .contenulu{grid-template-columns:80px minmax(0,1fr);padding:19px 15px;gap:0 13px}
  .contenulu>p:first-child{margin-bottom:14px;padding-bottom:14px;font-size:15px}
  .contenulu>a img{width:80px}
  .contenulu>strong{margin-top:8px;padding-top:8px;font-size:16px}
  .contenulu>p:not(:first-child){font-size:14px;line-height:1.55}
  .vplique{padding:16px;font-size:21px}
  .fessebouc{padding:10px;gap:9px}
  .dismoi.comment,.lavalse.comment{grid-template-columns:48px minmax(0,1fr);width:100%;margin-left:0;padding:13px;gap:11px}
  .lavalse.comment{width:calc(100% - 18px);margin-left:18px;border-left-width:4px}
  .fessedebook{width:48px}
  .fessedebook img{width:46px;height:46px}
  .comment .facezizou>span{font-size:15px;line-height:1.52}
  .comment .facezizou>img,.comment .facezizou>span img{max-width:100%;max-height:430px}
  .order-notification{bottom:10px;left:10px;width:calc(100vw - 20px)}
}

@media(max-width:390px){
  .contentsol,.contenulu,.yorumlar{width:calc(100% - 12px)}
  .menu li{padding-inline:8px}
  .contentsol>h1:first-of-type{font-size:28px}
  .contentsol>h1:first-of-type>img{height:230px}
  .contentsol>h1:first-of-type>div{padding:21px 16px 24px}
  .contentsol>p:nth-of-type(n+2):nth-of-type(-n+7){padding-inline:16px}
  .ctevid,.contentsol>strong+div,.flex-column,.contentsol>div[style*="margin-bottom: 50px"]{padding:13px}
  .contenulu{display:block}
  .contenulu>a{float:left;width:72px;margin:12px 12px 7px 0}
  .contenulu>a img{width:72px}
  .contenulu>strong{display:block;min-height:52px}
  .contenulu>p:not(:first-child){clear:both}
  .dismoi.comment,.lavalse.comment{padding:11px}
}