/* اتاق آشپزی — site styles */
.ot-wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:20px}
.ot-narrow{max-width:880px}
.ot-center{text-align:center;margin-top:28px}
.ot-muted{color:var(--muted)}
.ot-section{padding:72px 0}
.ot-blush{background:var(--blush)}
.ot-head{text-align:center;max-width:720px;margin:0 auto 36px}
.ot-head h2{font-size:clamp(22px,2.6vw,30px);margin-bottom:6px}
.ot-head p{color:var(--muted);margin:0}
.ot-chip{display:inline-flex;align-items:center;gap:6px;background:var(--coral-t);color:var(--coral-d);border-radius:99px;padding:3px 12px;font-size:13px;font-weight:700}
.ot-chip-light{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.3)}
.ot-link{display:inline-flex;align-items:center;gap:6px;font-weight:700}
.ot-empty{text-align:center;padding:60px 20px;color:var(--muted)}
.ot-notice{border-radius:var(--r-sm);padding:12px 16px;margin-bottom:16px;font-weight:600}
.ot-notice-ok{background:var(--ok-t);color:var(--ok)}
.ot-notice-err{background:var(--err-t);color:var(--err)}
.ot-sub-h{font-size:20px;margin:36px 0 16px}

/* announcement + header */
.ot-announce{background:var(--navy);color:#fff;text-align:center;font-size:14px;font-weight:600;padding:8px 16px}
.ot-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.admin-bar .ot-header{top:32px}
@media (max-width:782px){.admin-bar .ot-header{top:0}}
.ot-header-in{display:flex;align-items:center;gap:22px;height:var(--hh)}
.ot-logo img{height:40px;width:auto;display:block}
.ot-nav{display:flex;align-items:center;gap:4px;margin-inline-start:12px}
.ot-nav-item,.ot-nav-item>a{display:inline-flex;align-items:center;gap:4px;color:var(--navy);font-weight:700;font-size:15px;padding:8px 12px;border-radius:10px}
.ot-nav-item:hover,.ot-nav-item>a:hover{color:var(--coral);background:var(--coral-tt)}
.ot-has-menu{position:relative}
.ot-mega,.ot-drop{position:absolute;top:calc(100% + 8px);inset-inline-start:0;min-width:260px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-lg);padding:10px;display:grid;gap:2px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s}
.ot-has-menu:hover>.ot-mega,.ot-has-menu:focus-within>.ot-mega,.ot-has-menu:hover>.ot-drop,.ot-has-menu:focus-within>.ot-drop{opacity:1;visibility:visible;transform:none}
.ot-has-menu::after{content:"";position:absolute;inset-inline:0;top:100%;height:12px}
.ot-mega{grid-template-columns:1fr 1fr;min-width:440px}
.ot-mega a,.ot-drop a{display:flex;flex-direction:column;padding:10px 12px;border-radius:10px;color:var(--navy);font-weight:700;font-size:14.5px;line-height:1.6}
.ot-mega a small{color:var(--muted);font-weight:500;font-size:12.5px}
.ot-mega a:hover,.ot-drop a:hover{background:var(--blush);color:var(--coral)}
.ot-mega-all{grid-column:1/-1;background:var(--coral-tt)}
.ot-tools{display:flex;align-items:center;gap:10px;margin-inline-start:auto}
.ot-search{position:relative;display:flex;align-items:center}
.ot-search input{width:190px;height:40px;border-radius:99px;background:var(--blush);border-color:transparent;padding-inline:16px 40px;font-size:14px}
.ot-search input:focus{background:#fff;width:240px}
.ot-search button{position:absolute;inset-inline-end:4px;border:0;background:none;color:var(--muted);cursor:pointer;padding:6px;display:flex}
.ot-search-lg{max-width:520px;margin:24px auto 0}
.ot-search-lg input{width:100%;height:50px;background:#fff;border-color:var(--line-2)}
.ot-search-lg input:focus{width:100%}
.ot-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;color:var(--navy);border:1px solid var(--line)}
.ot-icon-btn:hover{border-color:var(--coral);color:var(--coral)}
.ot-cart-count{position:absolute;top:-6px;inset-inline-end:-6px;min-width:19px;height:19px;border-radius:99px;background:var(--coral);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 5px;line-height:1}
.ot-cart-count[data-n="0"]{display:none}
.ot-avatar span{width:30px;height:30px;border-radius:99px;background:var(--coral);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}
.ot-drop{inset-inline-start:auto;inset-inline-end:0;min-width:220px}
.ot-drop strong{padding:8px 12px 10px;color:var(--navy);border-bottom:1px solid var(--line);margin-bottom:4px;font-size:14px}
.ot-drop a{flex-direction:row;align-items:center;gap:10px;font-weight:600}
.ot-burger{display:none;border:0;background:none;color:var(--navy);padding:6px;cursor:pointer}

/* drawer */
.ot-drawer{position:fixed;inset:0;z-index:2000;background:rgba(18,43,70,.45)}
.ot-drawer[hidden]{display:none}
.ot-drawer-panel{position:absolute;inset-block:0;inset-inline-start:0;width:min(340px,88vw);background:#fff;padding:16px 18px 28px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;animation:otSlide .22s ease}
@keyframes otSlide{from{transform:translateX(100%)}to{transform:none}}
.ot-drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.ot-drawer-head button{border:0;background:var(--blush);border-radius:10px;padding:6px;cursor:pointer;display:flex}
.ot-drawer-search{position:relative;margin-bottom:6px}
.ot-drawer-search input{border-radius:12px;background:var(--blush);border-color:transparent;padding-inline-end:42px}
.ot-drawer-search button{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);border:0;background:none;display:flex;color:var(--muted)}
.ot-drawer details{border-bottom:1px solid var(--line)}
.ot-drawer summary{list-style:none;display:flex;justify-content:space-between;align-items:center;font-weight:800;color:var(--navy);padding:12px 4px;cursor:pointer}
.ot-drawer summary::-webkit-details-marker{display:none}
.ot-drawer details[open] summary .oa-i{transform:rotate(180deg)}
.ot-drawer details a{display:flex;justify-content:space-between;padding:9px 12px;color:var(--text);border-radius:10px;font-weight:600}
.ot-drawer details a:hover{background:var(--blush);color:var(--coral)}
.ot-drawer-link{display:block;padding:12px 4px;font-weight:800;color:var(--navy);border-bottom:1px solid var(--line)}
.ot-drawer .ot-btn-block{margin-top:14px}
.ot-drawer-social{display:flex;gap:10px;margin-top:14px}
.ot-drawer-social a,.ot-social a{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--blush);color:var(--navy)}
.ot-drawer-social a:hover,.ot-social a:hover{background:var(--coral);color:#fff}

@media (max-width:1080px){.ot-nav{display:none}.ot-burger{display:flex}.ot-search{display:none}.ot-header-in{gap:12px}.ot-logo{margin-inline-end:auto}}
@media (max-width:480px){.ot-tools .ot-btn-sm{padding:.4em .7em;font-size:13px}.ot-logo img{height:34px}:root{--hh:64px}}

/* hero */
.ot-hero{position:relative;min-height:min(78vh,640px);display:flex;align-items:center;overflow:hidden;background:var(--navy)}
.ot-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92}
.ot-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(18,43,70,.62),rgba(18,43,70,.15) 70%)}
.ot-hero-in{position:relative;z-index:1;padding-block:56px}
.ot-hero-card{max-width:620px;color:#fff;background:rgba(18,43,70,.62);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-lg);padding:34px 34px 28px}
.ot-hero-card .ot-chip{background:rgba(255,84,62,.2);color:#FFD6CE}
.ot-hero h1{color:#fff;font-size:clamp(28px,4vw,44px);font-weight:900;margin:14px 0 10px;line-height:1.35}
.ot-hero p{color:#E7ECF2;font-size:17px}
.ot-hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 22px}
.ot-hero-stats{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin:0;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.18);font-size:14px;color:#D3DCE6}
.ot-hero-stats b{color:var(--coral);font-size:18px;font-weight:900;margin-inline-end:4px}
@media (max-width:640px){.ot-hero{min-height:auto}.ot-hero-in{padding-block:28px}.ot-hero-card{padding:24px 20px}.ot-hero p{font-size:15px}}

/* category tiles */
.ot-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:960px;margin:0 auto}
.ot-cat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:26px 14px;border:1px solid var(--line);border-radius:var(--r);background:#fff;color:var(--navy);transition:.18s}
.ot-cat img{width:56px;height:56px}
.ot-cat strong{font-size:16px}
.ot-cat small{color:var(--muted);font-weight:500}
.ot-cat:hover{border-color:var(--coral);transform:translateY(-3px);box-shadow:var(--sh);color:var(--coral)}
@media (max-width:760px){.ot-cats{grid-template-columns:1fr 1fr}}

/* grid + course card */
.ot-grid{display:grid;gap:22px}
.ot-grid-3{grid-template-columns:repeat(3,1fr)}
@media (max-width:1000px){.ot-grid-3{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.ot-grid-3{grid-template-columns:1fr}}
.ot-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .18s,box-shadow .18s}
.ot-card:hover{transform:translateY(-3px);box-shadow:var(--sh-lg)}
.ot-card-img{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--blush)}
.ot-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.ot-card:hover .ot-card-img img{transform:scale(1.04)}
.ot-card-badge{position:absolute;top:12px;inset-inline-start:12px;background:var(--coral);color:#fff;font-size:12px;font-weight:800;border-radius:99px;padding:2px 10px}
.ot-card-badge-own{background:var(--ok)}
.ot-card-body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;flex:1}
.ot-card-title{font-size:17.5px;margin:0;line-height:1.6}
.ot-card-title a{color:var(--navy)}
.ot-card-title a:hover{color:var(--coral)}
.ot-masters{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}
.ot-avatars{display:inline-flex}
.ot-avatars img{width:30px;height:30px;border-radius:99px;object-fit:cover;border:2px solid #fff}
.ot-avatars img+img{margin-inline-start:-10px}
.ot-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px dashed var(--line)}
.ot-card-meta{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:13.5px}
.ot-card-go{font-weight:800}
.ot-price{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:4px 6px;color:var(--navy)}
.ot-price del{color:var(--muted);font-size:.86em}
.ot-price strong{font-size:1.12em;font-weight:900}
.ot-price small{color:var(--muted);font-size:.8em}
.ot-off{background:var(--coral);color:#fff;font-size:12px;border-radius:99px;padding:1px 8px}

/* masters */
.ot-masters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ot-masters-grid-lg{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.ot-masters-grid,.ot-masters-grid-lg{grid-template-columns:repeat(2,1fr)}}
.ot-master{display:flex;flex-direction:column;gap:2px;color:var(--navy)}
.ot-master-img{display:block;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:var(--blush);margin-bottom:10px}
.ot-master-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.ot-master:hover img{transform:scale(1.04)}
.ot-master strong{font-size:16px}
.ot-master small{color:var(--muted);font-size:13px;line-height:1.7}

/* why */
.ot-why{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ot-why-item{background:#fff;border-radius:var(--r);padding:26px 20px;text-align:center}
.ot-why-item img{width:52px;height:52px;margin-bottom:12px}
.ot-why-item h3{font-size:17px}
.ot-why-item p{color:var(--muted);font-size:14.5px;margin:0}
@media (max-width:900px){.ot-why{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.ot-why{grid-template-columns:1fr}}

/* reviews */
.ot-reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:900px){.ot-reviews{grid-template-columns:1fr}}
.ot-review{margin:0;background:var(--blush);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:10px}
.ot-review blockquote{margin:0;color:var(--ink);font-size:15px;line-height:2}
.ot-review figcaption{display:flex;flex-direction:column}
.ot-review figcaption strong{color:var(--navy)}
.ot-review figcaption small{color:var(--muted)}

/* faq */
.ot-faq-item{border:1px solid var(--line);border-radius:var(--r);background:#fff;margin-bottom:10px;overflow:hidden}
.ot-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;font-weight:800;color:var(--navy)}
.ot-faq-item summary::-webkit-details-marker{display:none}
.ot-faq-item summary .oa-i{color:var(--coral);transition:transform .2s}
.ot-faq-item[open] summary .oa-i{transform:rotate(180deg)}
.ot-faq-item p{padding:0 20px 18px;margin:0;color:var(--text)}

/* cta + seo block */
.ot-cta{background:var(--navy);color:#fff;text-align:center;padding:64px 0}
.ot-cta h2{color:#fff;font-size:clamp(22px,3vw,32px)}
.ot-cta p{color:#C9D3DE;margin-bottom:22px}
.ot-seo-block h2{font-size:22px}
.ot-seo-block p{color:var(--muted);max-width:960px}
.ot-pills{display:flex;flex-wrap:wrap;gap:8px}
.ot-pills a{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:99px;background:var(--coral-tt);color:var(--coral-d);font-weight:700;font-size:14px;border:1px solid transparent}
.ot-pills a small{opacity:.7}
.ot-pills a:hover,.ot-pills a.is-on{background:var(--coral);color:#fff}

/* footer */
.ot-footer{background:var(--blush);padding:56px 0 0;margin-top:0;font-size:15px}
.ot-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr auto;gap:28px}
.ot-footer h3{font-size:16px;color:var(--coral);margin-bottom:12px}
.ot-footer-grid>div:not(.ot-footer-brand):not(.ot-trust) a{display:block;color:var(--text);padding:4px 0}
.ot-footer-grid a:hover{color:var(--coral)}
.ot-footer-brand img{height:44px;width:auto;margin-bottom:12px}
.ot-footer-brand p{color:var(--muted)}
.ot-social{display:flex;gap:8px}
.ot-social a{background:#fff}
.ot-footer-grid .ot-social a:hover,.ot-footer-grid .ot-social a:focus-visible{background:var(--coral);color:#fff}
.ot-trust img{width:96px;height:auto;background:#fff;border-radius:12px;padding:6px}
.ot-copy{border-top:1px solid var(--line-2);margin-top:36px;padding-block:18px;color:var(--muted);font-size:13.5px}
@media (max-width:900px){.ot-footer-grid{grid-template-columns:1fr 1fr}.ot-footer-brand{grid-column:1/-1}}

/* page hero + crumbs */
.ot-page-hero{background:var(--blush);padding:34px 0 30px;margin-bottom:34px}
.ot-page-hero h1{font-size:clamp(24px,3vw,34px);margin:6px 0 4px}
.ot-page-hero p{color:var(--muted);margin:0}
.ot-crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:13.5px;color:var(--muted)}
.ot-crumbs a{color:inherit}
.ot-crumbs a:hover{color:var(--coral)}
.ot-page-body{padding-bottom:64px}
.ot-list-page{padding-bottom:64px}

/* prose */
.ot-prose{font-size:16.5px;line-height:2.05;color:var(--ink)}
.ot-prose h2{font-size:22px;margin:1.6em 0 .5em}
.ot-prose h3{font-size:19px;margin:1.4em 0 .5em}
.ot-prose ul,.ot-prose ol{padding-inline-start:1.4em}
.ot-prose li{margin-bottom:.35em}
.ot-prose img{border-radius:var(--r)}
.ot-prose a{text-decoration:underline;text-underline-offset:3px}
.ot-glance{list-style:none;padding:0!important;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.ot-glance li{background:var(--coral-tt);color:var(--coral-d);border-radius:99px;padding:6px 14px;font-weight:700;font-size:14px;margin:0}

/* shop */
.ot-shop{padding-bottom:64px}
.ot-shop-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.ot-sort{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}
.ot-sort select{width:auto;padding:.45em .9em}
.ot-pager,.nav-links{display:flex;justify-content:center;gap:6px;margin-top:36px}
.ot-pager a,.ot-pager span,.nav-links a,.nav-links span{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--line);color:var(--navy);padding:0 12px;font-weight:700}
.ot-pager .current,.nav-links .current{background:var(--coral);border-color:var(--coral);color:#fff}
.ot-term-desc{margin-top:48px;max-width:900px}
.ot-results{list-style:none;padding:0;display:grid;gap:8px}
.ot-results a{display:flex;justify-content:space-between;padding:14px 18px;border:1px solid var(--line);border-radius:var(--r);color:var(--navy)}
.ot-results small{color:var(--muted)}
.ot-sr-count{color:var(--muted);margin-top:10px}
.ot-sr-sec+.ot-sr-sec{border-top:1px solid var(--line);margin-top:40px}
.ot-sr-sec .ot-sub-h small{color:var(--muted);font-size:14px;font-weight:600;margin-inline-start:6px}
.ot-sr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.ot-sr-card{display:flex;gap:14px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:var(--r);color:var(--navy);background:#fff}
.ot-sr-card:hover{border-color:var(--coral);color:var(--coral)}
.ot-sr-card img,.ot-sr-card .ot-live-ph{width:96px;height:72px;border-radius:10px;object-fit:cover;flex:none;background:var(--blush)}
.ot-sr-card span{display:flex;flex-direction:column;gap:4px;min-width:0}
.ot-sr-card strong{font-size:15px;line-height:1.7}
.ot-sr-card small{color:var(--muted);font-size:12.5px}
.ot-master-img .ot-live-ph{width:100%;height:100%;font-size:56px}

/* ---------------- course page ---------------- */
.ot-c-hero{position:relative;background:var(--navy);color:#fff;overflow:hidden;min-height:400px;display:flex;align-items:flex-end}
.ot-c-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ot-c-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,43,70,.92) 8%,rgba(18,43,70,.35) 70%,rgba(18,43,70,.2))}
.ot-c-hero-in{position:relative;z-index:1;padding-block:44px 40px}
.ot-c-hero-text{max-width:calc(100% - 420px)}
.ot-c-hero .ot-crumbs{color:#C9D3DE;margin-bottom:10px}
.ot-c-badges{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px}
.ot-c-badges .ot-stars em{color:#E7ECF2}
.ot-c-hero h1{color:#fff;font-size:clamp(28px,4vw,46px);font-weight:900;margin:4px 0 8px}
.ot-c-sub{color:#E1E7EE;font-size:17px;max-width:760px}
.ot-c-master{display:inline-flex;align-items:center;gap:12px;color:#fff;margin-top:6px}
.ot-c-master img{width:52px;height:52px;border-radius:99px;object-fit:cover;border:2px solid rgba(255,255,255,.5)}
.ot-c-master strong{display:block;font-size:17px}
.ot-c-master small{color:#C9D3DE}
.ot-c-master:hover{color:#FFD6CE}
.ot-c-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:start}
.ot-c-main{grid-column:1;grid-row:1;padding-top:36px;min-width:0}
.ot-c-buy{grid-column:2;grid-row:1;position:sticky;top:calc(var(--hh) + 16px);margin-top:-300px;z-index:5}
.ot-c-buy-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-lg);overflow:hidden}
.ot-c-preview{background:#000;aspect-ratio:16/9}
.ot-c-preview>img{width:100%;height:100%;object-fit:cover}
.ot-c-preview .pv-player .pv-fs{display:none!important}
.ot-c-buy-body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px}
.ot-c-price .ot-price{font-size:22px}
.ot-c-buy-body h3{font-size:15px;margin:10px 0 0}
.ot-c-incl{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:14.5px}
.ot-c-incl li{display:flex;align-items:center;gap:10px}
.ot-c-incl .oa-i{color:var(--coral)}
.ot-c-level{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px;font-size:14px}
.ot-c-level b{background:var(--ok-t);color:var(--ok);border-radius:99px;padding:2px 12px;font-size:13px}
.ot-c-owned{background:var(--ok-t);border-radius:var(--r-sm);padding:12px 14px;display:grid;gap:6px}
.ot-c-owned strong{color:var(--ok)}
.ot-c-owned small{color:var(--muted)}
.ot-timer{display:flex;align-items:center;justify-content:center;gap:4px;background:var(--coral-tt);border-radius:var(--r-sm);padding:8px 10px;font-size:13px;color:var(--coral-d);direction:ltr;flex-wrap:wrap}
.ot-timer span{direction:rtl;font-weight:800;order:-1;width:100%;text-align:center;margin-bottom:4px}
.ot-timer b{background:#fff;border-radius:8px;min-width:30px;text-align:center;font-size:15px;padding:1px 4px}
.ot-timer i{font-style:normal;font-size:11px;opacity:.8;margin-inline-end:4px}
.ot-c-sec{margin-bottom:44px}
.ot-c-sec>h2{font-size:24px}
.ot-curr{display:grid;gap:10px;margin-top:14px}
.ot-curr-sec{border:1px solid var(--line);border-radius:var(--r);background:#fff;overflow:hidden}
.ot-curr-sec summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 18px;font-weight:800;color:var(--navy);background:var(--soft)}
.ot-curr-sec summary::-webkit-details-marker{display:none}
.ot-curr-n{width:30px;height:30px;border-radius:9px;background:var(--coral-t);color:var(--coral-d);display:flex;align-items:center;justify-content:center;font-size:14px;flex:none}
.ot-curr-t{flex:1}
.ot-curr-c{color:var(--muted);font-weight:600;font-size:13.5px}
.ot-curr-sec summary>.oa-i{color:var(--muted);transition:transform .2s}
.ot-curr-sec[open] summary>.oa-i{transform:rotate(180deg)}
.ot-free{background:var(--ok-t);color:var(--ok);font-size:12px;border-radius:99px;padding:1px 9px;font-weight:700}
.ot-curr ol{list-style:none;margin:0;padding:6px 10px 10px}
.ot-curr li>a,.ot-curr li>span{display:flex;align-items:center;gap:10px;padding:10px 10px;border-radius:10px;color:var(--text);font-size:15px}
.ot-curr li.is-open>a:hover{background:var(--blush);color:var(--coral)}
.ot-curr li.is-locked{color:var(--muted)}
.ot-curr li .oa-i{color:var(--coral);flex:none}
.ot-curr li.is-locked .oa-i{color:#B0B7C0}
.ot-curr-lt{flex:1}
.ot-curr li em{font-style:normal;font-size:12px;color:var(--ok);font-weight:700}
.ot-curr li small{color:var(--muted);font-size:13px}
.ot-c-gallery{position:relative;margin:0 0 44px}
.ot-scroller{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;padding-bottom:4px}
.ot-scroller::-webkit-scrollbar{display:none}
.ot-scroller>*{scroll-snap-align:start;flex:none;margin:0}
.ot-c-gallery figure{width:min(70%,420px);aspect-ratio:16/10;border-radius:var(--r);overflow:hidden}
.ot-c-gallery img{width:100%;height:100%;object-fit:cover}
.ot-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:99px;border:0;background:#fff;box-shadow:var(--sh);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--navy)}
.ot-scroll-btn.prev{inset-inline-start:-14px}
.ot-scroll-btn.next{inset-inline-end:-14px}
@media (max-width:700px){.ot-scroll-btn{display:none}}
.ot-c-box{background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;margin-top:20px}
.ot-c-box h3{font-size:17px;color:var(--coral-d)}
.ot-checks{list-style:none;padding:0!important;margin:0;display:grid;gap:8px}
.ot-checks li{position:relative;padding-inline-start:28px;margin:0}
.ot-checks li::before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:16px;height:9px;border-inline-start:2.5px solid var(--coral);border-bottom:2.5px solid var(--coral);transform:rotate(-45deg) scaleX(-1)}
.ot-checks-2{grid-template-columns:1fr 1fr;column-gap:24px}
@media (max-width:640px){.ot-checks-2{grid-template-columns:1fr}}
.ot-c-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:44px}
.ot-c-duo img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
.ot-recipe{width:190px;border-radius:var(--r);overflow:hidden;position:relative;aspect-ratio:4/5;background:var(--blush)}
.ot-recipe img{width:100%;height:100%;object-fit:cover}
.ot-recipe figcaption{position:absolute;inset-inline:0;bottom:0;padding:24px 12px 10px;color:#fff;font-weight:700;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent);text-align:center}
.ot-c-band{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:var(--coral);color:#fff;border-radius:var(--r-lg);padding:26px 28px;margin-bottom:44px}
.ot-c-band small{display:block;font-size:15px;opacity:.9}
.ot-c-band strong{display:block;font-size:clamp(18px,2.2vw,24px);line-height:1.6;max-width:520px}
.ot-c-teacher-in{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}
.ot-c-teacher-in>img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r)}
.ot-c-teacher h3 a{color:var(--navy)}
@media (max-width:640px){.ot-c-teacher-in{grid-template-columns:1fr}.ot-c-teacher-in>img{aspect-ratio:16/10}}
.ot-c-reviews .ot-review{width:min(84%,340px)}
.ot-c-reviews .ot-review strong{color:var(--navy)}
.ot-c-reviews figcaption{color:var(--coral-d);font-weight:700}
.ot-c-book{display:flex;align-items:center;gap:22px;background:var(--navy);color:#fff;border-radius:var(--r-lg);padding:22px;margin-bottom:44px}
.ot-c-book img{width:130px;border-radius:10px;flex:none}
.ot-c-book small{color:#FFB4A8;font-weight:700}
.ot-c-book strong{display:block;font-size:20px;margin:4px 0}
.ot-c-book p{margin:0;color:#C9D3DE}
.ot-about{list-style:none;padding:0;display:grid;gap:10px}
.ot-about li{display:flex;gap:10px;background:var(--soft);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px}
.ot-about .oa-i{color:var(--coral);margin-top:5px}
.ot-c-sticky{display:none}
@media (max-width:1000px){
  .ot-c-layout{grid-template-columns:1fr;gap:0}
  .ot-c-hero-text{max-width:none}
  .ot-c-hero{min-height:340px}
  .ot-c-buy{grid-column:1;grid-row:1;position:static;margin-top:-30px}
  .ot-c-main{grid-row:2}
  .ot-c-sticky{display:flex;position:fixed;inset-inline:0;bottom:0;z-index:900;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(18,43,70,.08);padding:10px 16px calc(10px + env(safe-area-inset-bottom));align-items:center;justify-content:space-between;gap:12px;transform:translateY(110%);transition:transform .25s}
  .ot-c-sticky.is-on{transform:none}
  .single-product .ot-footer{padding-bottom:70px}
}

/* coursemaster */
.ot-master-hero{background:var(--blush);padding:40px 0}
.ot-master-hero-in{display:grid;grid-template-columns:300px 1fr;gap:36px;align-items:center}
.ot-master-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-lg)}
.ot-master-hero h1{font-size:clamp(28px,4vw,42px);margin:8px 0 4px}
.ot-master-role{color:var(--coral-d);font-weight:700}
.ot-master-lead{font-size:17px;color:var(--ink)}
.ot-master-body{max-width:900px;padding-block:40px 56px}
.ot-master-long img{border-radius:var(--r-lg);margin-top:24px}
@media (max-width:760px){.ot-master-hero-in{grid-template-columns:1fr}.ot-master-photo{max-width:260px}}

/* contact */
.ot-contact{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;padding-bottom:64px;align-items:start}
.ot-form{display:grid;gap:14px;padding:26px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}
.ot-form label{display:grid;gap:6px;font-weight:700;color:var(--navy);font-size:14.5px}
.ot-hp{position:absolute;inset-inline-start:-9999px}
.ot-contact-info{background:var(--navy);color:#fff;border-radius:var(--r-lg);padding:26px}
.ot-contact-info h2{color:#fff;font-size:20px}
.ot-contact-info .ot-prose{color:#D3DCE6;font-size:15px}
.ot-contact-info .ot-prose h2{color:#fff;font-size:17px;margin-top:1em}
.ot-contact-info .ot-prose a.ot-btn{color:var(--navy)!important;text-decoration:none}
.ot-contact-info ul{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
.ot-contact-info li{display:flex;align-items:center;gap:10px}
.ot-contact-info li a{color:#fff}
@media (max-width:800px){.ot-contact{grid-template-columns:1fr}}

/* 404 */
.ot-404{text-align:center;padding:60px 0 80px}
.ot-404-num{font-size:120px;font-weight:950;color:var(--navy);line-height:1;display:flex;align-items:center;justify-content:center;gap:6px}
.ot-egg svg{width:110px;height:110px;animation:otWobble 3s ease-in-out infinite}
@keyframes otWobble{50%{transform:rotate(8deg)}}
.ot-404 .ot-hero-cta{justify-content:center}

/* app pages (cart/checkout/account/login) */
.ot-app-page{padding-block:30px 64px}
.ot-app-title{font-size:26px;border-inline-start:4px solid var(--coral);padding-inline-start:12px}

/* shortcode-rendered sections (blog/techniques) inherit fonts */
.ot-sc-host{min-height:50vh}

/* staff edit mode helpers rendered by the plugin */
[data-oa-edit]{transition:outline-color .15s}

@media (max-width:600px){
  .ot-curr-sec summary{flex-wrap:wrap;row-gap:4px;padding:12px 14px}
  .ot-curr-t{flex:1 1 calc(100% - 70px)}
  .ot-curr-sec summary .ot-free,.ot-curr-sec summary .ot-curr-c{margin-inline-start:42px}
  .ot-curr-sec summary .ot-free+.ot-curr-c{margin-inline-start:0}
  .ot-curr-sec summary>.oa-i{order:-1;margin-inline-start:auto;display:none}
}

/* v3.1 course page: full, uncropped images as on the old page */
.ot-c-full{margin:0 0 44px}
.ot-c-full img{display:block;width:100%;height:auto;border-radius:var(--r)}
.ot-c-bighead{font-size:clamp(20px,2.4vw,27px);font-weight:800;color:var(--navy);line-height:1.7;margin:0 0 18px}
.ot-c-teacher h3{font-size:20px;margin-bottom:14px}
.ot-c-teacher h3 a{color:var(--navy)}
.ot-c-teacher .ot-c-full{margin-bottom:14px}
.ot-c-teacher-role{font-weight:700;color:var(--navy);margin-bottom:6px}
.ot-c-gallery>h2{font-size:24px}
.ot-c-gallery .ot-recipe{width:calc((100% - 24px) / 3);aspect-ratio:3/4}
@media (max-width:640px){.ot-c-gallery .ot-recipe{width:calc((100% - 12px) / 2)}}
.ot-c-sec.ot-c-gallery .ot-scroll-btn{top:calc(50% + 20px)}
.ot-master-cv{color:var(--muted);font-size:15px;margin-top:-4px}
/* mega menu with the old header's icons */
.ot-mega a{flex-direction:row;align-items:center;gap:12px}
.ot-mega a img{width:34px;height:34px;flex:none}
.ot-mega a span{display:flex;flex-direction:column}
.ot-mega-all{grid-column:auto;background:none}
.ot-drawer details a span,.ot-drawer-link{display:flex;align-items:center;gap:10px}
.ot-drawer details a img,.ot-drawer-link img{width:24px;height:24px}
/* live search */
.ot-live{position:absolute;top:calc(100% + 8px);inset-inline-end:0;width:min(420px,92vw);max-height:70vh;overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-lg);padding:6px;z-index:1100}
.ot-drawer-search .ot-live{position:static;width:100%;box-shadow:none;margin-top:6px}
.ot-live-msg{padding:14px;color:var(--muted);font-size:14px;text-align:center}
.ot-live-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;color:var(--navy)}
.ot-live-item:hover,.ot-live-item:focus{background:var(--blush);outline:none;color:var(--coral)}
.ot-live-item img,.ot-live-ph{width:52px;height:40px;border-radius:8px;object-fit:cover;flex:none;background:var(--blush)}
.ot-live-ph{display:flex;align-items:center;justify-content:center;color:var(--coral-d);font-size:18px;font-weight:800}
.ot-live-course img{width:64px;height:48px}
.ot-live-h{padding:10px 8px 4px;font-size:12px;font-weight:800;color:var(--muted)}
.ot-live-h:not(:first-child){border-top:1px solid var(--line);margin-top:6px}
.ot-live-item span{display:flex;flex-direction:column;min-width:0;flex:1}
.ot-live-item strong{font-size:14.5px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ot-live-item small{color:var(--muted);font-size:12.5px}
.ot-live-item em{font-style:normal;font-size:12.5px;color:var(--coral-d);font-weight:700;white-space:nowrap}
.ot-live-all{display:block;text-align:center;padding:10px;font-weight:800;border-top:1px solid var(--line);margin-top:4px}
.ot-follow{display:block;color:var(--navy);font-size:14px;margin:6px 0 8px}
.ot-c-lang{background:var(--blush)!important;color:var(--navy)!important}
.ot-curr li details summary{list-style:none;cursor:pointer}
.ot-curr li details summary::-webkit-details-marker{display:none}
.ot-curr-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;color:var(--text);font-size:15px}
.ot-curr li.has-txt summary:hover .ot-curr-row{background:var(--blush)}
.ot-curr li details[open] summary>.ot-curr-row>.oa-i:last-child{transform:rotate(180deg)}
.ot-curr-txt{font-size:15px;padding:4px 38px 10px 12px;color:var(--text)}
.ot-curr-txt ul{margin:0}
.ot-curr-go{margin:0 38px 10px 0;font-size:14px}
.ot-related{gap:18px}
.ot-related>.ot-card{width:min(80vw,340px)}
.ot-curr-label{font-style:normal;font-size:12px;background:var(--blush);color:var(--muted);border-radius:99px;padding:0 8px}
.ot-master-latin{font-size:12.5px;color:var(--muted);font-family:system-ui,sans-serif}
.ot-cat-n{font-size:12px;color:var(--coral-d);background:var(--coral-tt);border-radius:99px;padding:0 10px}
.ot-form-h{font-size:20px;margin:0}
.pv-player img.pv-svg{border-radius:0!important;object-fit:contain!important}
/* scroller arrows everywhere */
.ot-scroll-host{position:relative}
.ot-scroll-host>.ot-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border-radius:99px;border:0;background:#fff;box-shadow:var(--sh-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--navy);transition:opacity .2s,transform .2s}
.ot-scroll-host>.ot-scroll-btn:hover{color:var(--coral);transform:translateY(-50%) scale(1.06)}
.ot-scroll-host>.ot-scroll-btn:disabled{opacity:0;pointer-events:none}
.ot-scroll-host>.ot-scroll-btn.prev{inset-inline-start:-16px}
.ot-scroll-host>.ot-scroll-btn.next{inset-inline-end:-16px}
.ot-scroll-host.ot-no-scroll>.ot-scroll-btn{display:none}
@media (max-width:700px){.ot-scroll-host>.ot-scroll-btn{display:flex;width:36px;height:36px}.ot-scroll-host>.ot-scroll-btn.prev{inset-inline-start:4px}.ot-scroll-host>.ot-scroll-btn.next{inset-inline-end:4px}}
.ot-reviews.ot-scroller{display:flex;grid-template-columns:none;gap:18px}
.ot-reviews.ot-scroller>.ot-review{width:calc((100% - 36px) / 3)}
@media (max-width:900px){.ot-reviews.ot-scroller>.ot-review{width:calc((100% - 18px) / 2)}}
@media (max-width:600px){.ot-reviews.ot-scroller>.ot-review{width:86%}}
.ot-review figcaption small a{color:var(--coral-d)}
/* buy-card price: one row — old price (right) → final price (left) */
.ot-c-price{display:flex;align-items:center;justify-content:center;gap:12px;margin:-2px 0 -4px}
.ot-c-old{display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.3}
.ot-c-old del{color:var(--muted);font-size:16px;text-decoration-color:var(--coral);text-decoration-thickness:2px}
.ot-c-old .ot-off{font-size:11.5px;padding:1px 8px}
.ot-c-arrow{color:var(--coral);display:flex}
.ot-c-new{display:flex;align-items:baseline;gap:5px;color:var(--navy);line-height:1.2}
.ot-c-new strong{font-size:28px;font-weight:900}
.ot-c-new small{font-size:14px;color:var(--muted)}
.ot-c-price.is-sale .ot-c-new strong{color:var(--coral-d)}
.ot-c-buy-body{gap:12px}
.ot-timer{justify-content:center}
.ot-c-price,.ot-c-old .ot-off{direction:rtl;unicode-bidi:isolate}
/* v3.6 price + timer: higher contrast, more urgency */
.ot-c-new{color:#0F172A}
.ot-c-new strong,.ot-c-price.is-sale .ot-c-new strong{color:#0F172A;font-size:30px}
.ot-c-new small{color:#334155;font-weight:700}
.ot-c-old del{color:#475569}
.ot-c-old .ot-off{display:inline-flex;align-items:center;gap:4px;background:#E11D48;color:#fff}
.ot-c-arrow{color:#E11D48}
.ot-timer{background:linear-gradient(135deg,#FF543E 0%,#E11D48 100%);color:#fff;padding:10px 10px 12px;border-radius:14px;box-shadow:0 8px 20px rgba(225,29,72,.25)}
.ot-timer span{color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px}
.ot-timer span .oa-i{color:#FFE4D6}
.ot-timer b{background:#fff;color:#0F172A;font-size:18px;font-weight:900;min-width:38px;padding:3px 6px;border-radius:9px;box-shadow:0 2px 0 rgba(0,0,0,.08)}
.ot-timer i{color:#FFE4E6;font-size:11.5px;font-weight:700;opacity:1}
.ot-timer b[data-u="s"]{animation:otTick 1s steps(1) infinite}
@keyframes otTick{50%{background:#FFF1F2}}
.ot-timer span .oa-i-flame{animation:otFlame 1.2s ease-in-out infinite alternate}
@keyframes otFlame{to{transform:scale(1.15) rotate(-6deg)}}
@media (prefers-reduced-motion:reduce){.ot-timer b[data-u="s"],.ot-timer span .oa-i-flame{animation:none}}

/* ---------- add-to-cart popup ---------- */
html.ot-pop-lock{overflow:hidden}
.ot-pop{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:16px}
.ot-pop[hidden]{display:none}
.ot-pop-bg{position:absolute;inset:0;background:rgba(15,23,42,.5);backdrop-filter:blur(3px);opacity:0;transition:opacity .3s ease}
.ot-pop-panel{position:relative;width:min(460px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:#fff;border-radius:22px;padding:24px 22px 20px;box-shadow:0 30px 80px rgba(15,23,42,.3);
  opacity:0;transform:translateY(24px) scale(.96);transition:opacity .3s cubic-bezier(.2,.8,.2,1),transform .34s cubic-bezier(.2,.8,.2,1);outline:none}
.ot-pop.is-in .ot-pop-bg{opacity:1}
.ot-pop.is-in .ot-pop-panel{opacity:1;transform:none}
.ot-pop-x{position:absolute;top:14px;inset-inline-end:14px;width:36px;height:36px;border-radius:99px;border:0;background:var(--blush);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer}
.ot-pop-x:hover{color:var(--navy)}
.ot-pop-ok{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.ot-pop-ok h2{font-size:18px;margin:0}
.ot-pop-check{width:40px;height:40px;border-radius:99px;background:var(--ok);color:#fff;display:flex;align-items:center;justify-content:center;flex:none;transform:scale(.4);opacity:0;transition:transform .45s cubic-bezier(.34,1.56,.64,1) .12s,opacity .2s .12s}
.ot-pop.is-in .ot-pop-check{transform:none;opacity:1}
.ot-pop-check svg path{stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .4s ease .35s}
.ot-pop.is-in .ot-pop-check svg path{stroke-dashoffset:0}
.ot-pop-item{display:flex;gap:14px;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:10px}
.ot-pop-item img{width:110px;aspect-ratio:16/10;object-fit:cover;border-radius:11px;flex:none}
.ot-pop-item strong{display:block;color:var(--navy);font-size:15.5px;line-height:1.6}
.ot-pop-item small{display:block;color:var(--muted);font-size:13px}
.ot-pop-price{display:flex;align-items:baseline;gap:6px;margin-top:4px;color:#0F172A;font-size:13px}
.ot-pop-price b{font-size:17px;font-weight:900}
.ot-pop-price del{color:#64748B;font-size:12.5px}
.ot-pop-offer{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px;border-radius:16px;background:linear-gradient(135deg,#FFF1EE,#FFE4E6);color:var(--navy);border:1px dashed #FDA4AF;transition:transform .2s}
.ot-pop-offer:hover{transform:translateY(-2px);color:var(--navy)}
.ot-pop-offer-badge{flex:none;width:46px;height:46px;border-radius:14px;background:#E11D48;color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;font-size:15px}
.ot-pop-offer span:not(.ot-pop-offer-badge){display:flex;flex-direction:column;flex:1;line-height:1.7}
.ot-pop-offer strong{font-size:14px}
.ot-pop-offer small{color:#9F1239;font-size:12.5px;font-weight:700}
.ot-pop-offer svg{color:#E11D48;flex:none}
.ot-pop-sum{display:flex;justify-content:space-between;margin:14px 2px 12px;color:var(--muted);font-size:14px}
.ot-pop-sum b{color:#0F172A;font-size:16px}
.ot-pop-actions{display:grid;gap:8px}
.ot-pop-actions .ot-btn{width:100%}
.ot-pop-later{background:none;border:0;color:var(--muted);font:inherit;font-weight:700;padding:6px;cursor:pointer}
.ot-pop-later:hover{color:var(--navy)}
@media (max-width:600px){
  .ot-pop{align-items:flex-end;padding:0}
  .ot-pop-panel{width:100%;border-radius:22px 22px 0 0;padding-bottom:calc(18px + env(safe-area-inset-bottom));transform:translateY(100%)}
  .ot-pop.is-in .ot-pop-panel{transform:none}
}
@media (prefers-reduced-motion:reduce){.ot-pop-panel,.ot-pop-bg,.ot-pop-check{transition:none}}
.ot-add-cart.is-busy{opacity:.7;pointer-events:none;position:relative}
.ot-add-cart.is-busy::after{content:"";width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:99px;animation:otSpin .7s linear infinite;margin-inline-start:6px}
@keyframes otSpin{to{transform:rotate(360deg)}}
.ot-cart-count.bump{animation:otBump .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes otBump{40%{transform:scale(1.5)}}

.ot-c-gallery.is-empty{display:none}
.oae-on .ot-c-gallery.is-empty{display:block}