@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#11120f;--muted:#707269;--cream:#f6f4ee;--orange:#f5a23d;--orange2:#ff7b32;--line:#deddd7;--white:#fff;--green:#1c2921}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#faf9f6;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{position:fixed;inset:0 0 auto;z-index:50;background:rgba(250,249,246,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.06);transition:.3s}.site-header.scrolled{box-shadow:0 12px 40px rgba(0,0,0,.06)}.nav-wrap{height:92px;display:flex;align-items:center;gap:44px}.logo img{width:190px;display:block}.site-header nav{display:flex;gap:30px;margin-left:auto}.site-header nav a{font-size:14px;font-weight:600;position:relative}.site-header nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--orange);transition:.3s}.site-header nav a:hover:after{right:0}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:15px 22px;border-radius:999px;font-weight:700;transition:.3s}.header-cta{background:var(--ink);color:#fff;font-size:14px}.header-cta:hover,.btn.primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,.18)}.menu-toggle{display:none;border:0;background:none;font-size:26px}.hero{min-height:860px;padding-top:135px;position:relative;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 80% 28%,#fff2de 0,transparent 30%),linear-gradient(135deg,#fbfaf7 0,#f3f1ea 100%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px}.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:700;color:#52564e}.eyebrow i{width:28px;height:1px;background:var(--orange)}h1,h2,h3{font-family:Manrope,sans-serif;margin-top:0}.hero h1{font-size:clamp(54px,6.3vw,92px);line-height:.98;letter-spacing:-.06em;margin:27px 0}.hero h1 em,.page-hero h1 em{font-style:normal;color:var(--orange)}.hero-copy>p{font-size:18px;line-height:1.7;color:var(--muted);max-width:610px}.hero-actions{display:flex;align-items:center;gap:26px;margin:35px 0 46px}.btn.primary{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff}.btn.white{background:#fff;color:#111}.play-link{display:flex;align-items:center;gap:10px;font-weight:700}.play-link b{width:38px;height:38px;border:1px solid #bbb;border-radius:50%;display:grid;place-items:center;font-size:11px}.metrics{display:flex;gap:46px}.metrics div{display:flex;flex-direction:column}.metrics strong{font:800 35px Manrope}.metrics strong:after{content:'+';color:var(--orange)}.metrics div:last-child strong:after{content:'%'}.metrics span{font-size:12px;color:var(--muted);max-width:105px}.hero-visual{position:relative;height:630px}.product-stage{height:100%;position:relative;display:grid;place-items:center;perspective:1200px}.stage-ring{position:absolute;width:480px;height:480px;border-radius:50%;background:linear-gradient(145deg,#f4af53,#ef7e34);box-shadow:inset -30px -30px 80px rgba(119,50,0,.18),0 60px 100px rgba(224,123,38,.25);animation:pulse 5s ease-in-out infinite}.stage-ring:after{content:'';position:absolute;inset:18px;border:1px solid rgba(255,255,255,.5);border-radius:50%}.floating-product{position:relative;z-index:3;max-height:580px;max-width:78%;filter:drop-shadow(0 35px 28px rgba(0,0,0,.28));animation:float 4.5s ease-in-out infinite;transform-style:preserve-3d}.float-card{position:absolute;z-index:5;background:rgba(255,255,255,.85);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.7);box-shadow:0 18px 50px rgba(0,0,0,.12);padding:18px;border-radius:18px;width:180px;display:flex;gap:12px;align-items:center}.float-card span{color:var(--orange);font-weight:800}.float-card b{font-size:13px}.card-a{left:0;top:22%;animation:float 5.2s 1s ease-in-out infinite}.card-b{right:-10px;bottom:20%;animation:float 5.7s .4s ease-in-out infinite}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-1{width:100px;height:100px;border:20px solid rgba(245,162,61,.16);left:-20px;top:210px}.orb-2{width:180px;height:180px;border:1px solid rgba(0,0,0,.1);right:-70px;bottom:30px}.scroll-mark{position:absolute;bottom:28px;left:50%;font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#777;display:flex;gap:12px}.marquee{display:flex;overflow:hidden;background:var(--ink);color:#fff;padding:18px 0;font:700 13px Manrope;letter-spacing:.14em;white-space:nowrap}.marquee div{animation:marquee 24s linear infinite}.section{padding:120px 0}.split{display:grid;grid-template-columns:1fr 3fr;gap:60px}.section-label{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;color:#888}.big-copy h2,.section-head h2,.dark-band h2,.contact-grid h2,.prose h2{font-size:clamp(36px,4vw,60px);line-height:1.1;letter-spacing:-.045em}.big-copy p,.prose p{font-size:18px;line-height:1.8;color:var(--muted);max-width:850px}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:70px}.glass{padding:42px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.65);transition:.35s}.glass:hover{transform:translateY(-8px);box-shadow:0 25px 60px rgba(0,0,0,.08)}.glass>span,.product-card>span,.blog-card>div>span{font-size:12px;color:var(--orange);font-weight:800;text-transform:uppercase;letter-spacing:.12em}.glass h3{font-size:28px;margin:28px 0 12px}.glass p{color:var(--muted);line-height:1.7}.products-section{background:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:48px}.section-head h2{margin:14px 0 0;max-width:700px}.section-head>a{font-weight:700;border-bottom:1px solid #aaa;padding-bottom:8px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{min-height:500px;padding:28px;border:1px solid #e4e3dd;border-radius:25px;background:#f8f7f3;position:relative;overflow:hidden;transition:.4s}.product-card:hover{transform:translateY(-10px);box-shadow:0 30px 70px rgba(0,0,0,.1);border-color:transparent}.product-no{position:absolute;right:22px;top:22px;color:#aaa;font:700 13px Manrope}.product-img{height:245px;display:grid;place-items:center;margin-bottom:15px}.product-img img{max-width:88%;max-height:240px;filter:drop-shadow(0 18px 20px rgba(0,0,0,.2));transition:.45s}.product-card:hover .product-img img{transform:scale(1.06) rotate(-2deg)}.animal-icon{font-size:110px;color:#e6a14e}.animal-icon.giant{font-size:220px}.product-card h3{font-size:25px;margin:12px 0}.product-card p{color:var(--muted);line-height:1.6}.product-card b{position:absolute;bottom:26px;font-size:13px}.dark-band{background:#162019;color:#fff}.dark-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.section-label.light{color:#aeb8af}.feature-list>div{display:grid;grid-template-columns:50px 1fr;column-gap:22px;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.15)}.feature-list b{color:var(--orange)}.feature-list h3{font-size:24px;margin:0}.feature-list p{grid-column:2;color:#b9c0bb;line-height:1.6}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;transition:.35s}.blog-card:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(0,0,0,.08)}.blog-thumb{height:210px;background:linear-gradient(135deg,#222a24,#0d120f);position:relative;padding:22px;color:#fff}.blog-thumb span{font-size:12px}.blog-symbol{position:absolute;right:25px;bottom:-30px;color:var(--orange);font:800 190px Manrope;opacity:.45;line-height:1}.blog-card>div:last-child{padding:28px}.blog-card h3{font-size:22px;margin:12px 0}.blog-card p{color:var(--muted);line-height:1.6}.blog-card b{font-size:13px}.cta-section{padding:100px 0;background:linear-gradient(135deg,#ef9a32,#ff7834);color:#fff;text-align:center}.cta-section h2{font-size:clamp(40px,5vw,72px);max-width:900px;margin:15px auto 35px;letter-spacing:-.05em}.footer{background:#0e110f;color:#b7bdb8;padding:80px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr 1.2fr;gap:70px}.footer-logo{width:190px;filter:brightness(0) invert(1);margin-bottom:20px}.footer p{line-height:1.7}.footer h4{color:#fff}.footer-grid>div{display:flex;flex-direction:column;gap:12px}.footer a:hover{color:#fff}.footer-btn{margin-top:8px;color:#fff}.copyright{border-top:1px solid #252a26;margin-top:60px;padding-top:24px;display:flex;justify-content:space-between;font-size:12px}.page-hero{padding:230px 0 120px;background:radial-gradient(circle at 80% 30%,#fee8ca,transparent 30%),#f4f2ec}.page-hero.compact{padding-bottom:90px}.page-hero h1{font-size:clamp(55px,7vw,100px);line-height:1;letter-spacing:-.06em;margin:28px 0 0}.content-grid{display:grid;grid-template-columns:1fr 3fr;gap:80px}.quote{font:700 28px Manrope;border-left:4px solid var(--orange);padding:25px 30px;margin-top:45px;background:#fff}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}.filters a{padding:11px 17px;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:700}.filters a.active{background:var(--ink);color:#fff}.listing{grid-template-columns:repeat(3,1fr)}.detail-hero{padding:180px 0 100px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.detail-img{min-height:600px;background:radial-gradient(circle,#ffe3be,#f1eee7 65%);border-radius:35px;display:grid;place-items:center}.detail-img img{max-height:560px;max-width:85%;filter:drop-shadow(0 25px 30px rgba(0,0,0,.25))}.detail-grid h1{font-size:clamp(45px,5vw,75px);line-height:1;letter-spacing:-.05em;margin:22px 0}.lead{font-size:20px;color:var(--muted);line-height:1.7}.detail-text{line-height:1.8;margin:30px 0}.article{padding:190px 0 110px}.narrow{max-width:840px}.article h1{font-size:clamp(48px,6vw,80px);line-height:1.03;letter-spacing:-.055em;margin:30px 0}.article-lead{font-size:22px;line-height:1.6;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:35px}.article-body{font-size:18px;line-height:1.9;padding:35px 0}.back-link{font-weight:700}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-items{display:grid;gap:14px;margin-top:40px}.contact-items>*{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line)}.contact-items span{color:var(--muted)}.contact-form{background:#fff;border:1px solid var(--line);border-radius:28px;padding:36px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;margin-bottom:18px}input,textarea{width:100%;padding:15px;border:1px solid #d9d9d2;border-radius:12px;font:inherit;background:#fbfbf8;outline:none}input:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(245,162,61,.12)}.alert{padding:15px;border-radius:12px;margin-bottom:18px}.alert.success{background:#e8f7ed;color:#176533}.alert.error{background:#fff0ed;color:#9e2b20}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.cursor-glow{width:300px;height:300px;border-radius:50%;background:rgba(245,162,61,.08);position:fixed;pointer-events:none;z-index:-1;transform:translate(-50%,-50%);filter:blur(20px)}@keyframes float{50%{transform:translateY(-18px) rotateY(4deg)}}@keyframes pulse{50%{transform:scale(1.035)}}@keyframes marquee{to{transform:translateX(-100%)}}@media(max-width:900px){.site-header nav{display:none;position:absolute;top:92px;left:24px;right:24px;background:#fff;padding:25px;border-radius:18px;flex-direction:column;box-shadow:0 20px 50px rgba(0,0,0,.15)}.site-header nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.header-cta{display:none}.nav-wrap{height:78px}.logo img{width:150px}.hero{padding-top:110px;min-height:auto}.hero-grid,.detail-grid,.contact-grid,.dark-grid{grid-template-columns:1fr}.hero-visual{height:520px}.stage-ring{width:380px;height:380px}.floating-product{max-height:480px}.product-grid,.listing,.blog-grid{grid-template-columns:1fr 1fr}.split,.content-grid{grid-template-columns:1fr}.mission-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.section{padding:85px 0}}@media(max-width:600px){.container{width:min(100% - 30px,1180px)}.hero h1{font-size:51px}.hero-actions{align-items:flex-start;flex-direction:column}.metrics{gap:18px}.metrics strong{font-size:27px}.hero-visual{height:440px}.stage-ring{width:300px;height:300px}.floating-product{max-height:400px}.float-card{width:145px;padding:12px}.product-grid,.listing,.blog-grid,.footer-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;gap:20px;flex-direction:column}.form-row{grid-template-columns:1fr}.detail-img{min-height:430px}.page-hero{padding-top:165px}.page-hero h1{font-size:52px}.scroll-mark{display:none}}

/* ============================================================
   MAĞAZA / ÜRÜNLER SAYFASI — Trendyol/WoodMart tarzı katalog
   ============================================================ */
.shop{padding:46px 0 110px}
.shop-crumbs{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);margin-bottom:26px}
.shop-crumbs a{color:var(--muted)}
.shop-crumbs a:hover{color:var(--orange)}
.shop-crumbs b{color:var(--ink);font-weight:700}
.shop-crumbs span{color:#c3c2bb}
.filter-toggle{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 16px;font:700 13px 'DM Sans';cursor:pointer}

.shop-layout{display:grid;grid-template-columns:278px 1fr;gap:34px;align-items:start}

/* ---- Sol filtre paneli ---- */
.shop-sidebar{position:sticky;top:112px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px 22px}
.sidebar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.sidebar-head h3{font:800 20px Manrope;margin:0}
.sidebar-close{display:none;border:0;background:none;font-size:20px;cursor:pointer;color:var(--muted)}

.shop-search{display:flex;gap:8px;margin-bottom:22px}
.shop-search input{flex:1;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#faf9f6;font:inherit;font-size:14px}
.shop-search input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(245,162,61,.12)}
.shop-search button{flex:0 0 auto;width:44px;border:0;border-radius:12px;background:var(--ink);color:#fff;font-size:18px;cursor:pointer;transition:.25s}
.shop-search button:hover{background:var(--orange)}

.filter-block{padding:18px 0;border-top:1px solid var(--line)}
.filter-block:first-of-type{border-top:0;padding-top:0}
.filter-block h4{font:800 12px Manrope;letter-spacing:.09em;text-transform:uppercase;color:#8b8d84;margin:0 0 12px}
.filter-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
.filter-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:11px;font-size:14px;font-weight:600;color:#33352e;transition:.2s}
.filter-list a span{display:flex;align-items:center;gap:9px}
.filter-list a em{font-style:normal;font-size:12px;font-weight:700;color:#a2a49b;background:#f2f1ec;border-radius:999px;padding:2px 9px;min-width:26px;text-align:center;transition:.2s}
.filter-list a:hover{background:#f6f4ee}
.filter-list a.active{background:var(--ink);color:#fff}
.filter-list a.active em{background:var(--orange);color:#fff}

.filter-check{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;cursor:pointer;color:#33352e}
.filter-check .box{width:20px;height:20px;border:1.5px solid var(--line);border-radius:6px;display:grid;place-items:center;font-size:12px;color:#fff;transition:.2s}
.filter-check.active .box{background:var(--orange);border-color:var(--orange)}

.clear-filters{display:block;text-align:center;margin-top:8px;padding:11px;border:1px dashed #d3cfc4;border-radius:12px;font-size:13px;font-weight:700;color:var(--orange2)}
.clear-filters:hover{background:#fff4ea;border-color:var(--orange)}

/* ---- Sağ ana alan ---- */
.active-tags{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px}
.active-tags a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fff4ea;border:1px solid #f6d9b6;color:#a55a15;font-size:13px;font-weight:700}
.active-tags a b{font-size:11px}
.active-tags a:hover{background:var(--orange);color:#fff;border-color:var(--orange)}

.shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:22px}
.result-count{font-size:14px;color:var(--muted)}
.result-count b{color:var(--ink);font-weight:800}
.sort-form label{flex-direction:row;align-items:center;gap:10px;margin:0;font-size:13px;color:var(--muted);font-weight:700}
.sort-form select{padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#faf9f6;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.sort-form select:focus{outline:none;border-color:var(--orange)}

.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.shop-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.35s}
.shop-card:hover{transform:translateY(-8px);box-shadow:0 26px 55px rgba(0,0,0,.11);border-color:transparent}
.shop-card-img{position:relative;height:230px;background:radial-gradient(circle at 50% 40%,#fff5e7,#f6f4ee 70%);display:grid;place-items:center;padding:20px}
.shop-card-img img{max-width:90%;max-height:200px;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(0,0,0,.16));transition:.4s}
.shop-card:hover .shop-card-img img{transform:scale(1.07)}
.shop-card-img .animal-icon{font-size:88px}
.badge-featured{position:absolute;left:14px;top:14px;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;font:800 10px Manrope;letter-spacing:.05em;text-transform:uppercase;padding:6px 11px;border-radius:999px;box-shadow:0 8px 18px rgba(245,120,50,.35)}
.shop-card-body{display:flex;flex-direction:column;flex:1;padding:20px 20px 22px}
.shop-cat{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--orange)}
.shop-card-body h3{font:700 19px Manrope;margin:9px 0 4px;line-height:1.25}
.shop-brand{color:#9a9c92;font-size:12px;font-weight:700;margin-bottom:8px}
.shop-card-body p{color:var(--muted);font-size:14px;line-height:1.6;margin:6px 0 0;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.shop-more{margin-top:16px;font-size:13px;font-weight:800;color:var(--ink);display:inline-flex;align-items:center;gap:8px}
.shop-more b{color:var(--orange);transition:.25s}
.shop-card:hover .shop-more b{transform:translateX(5px)}

.empty-products{grid-column:1/-1;text-align:center;padding:70px 20px;background:#fff;border:1px solid var(--line);border-radius:22px}
.empty-products .empty-emoji{font-size:52px;margin-bottom:14px}
.empty-products h3{font:700 24px Manrope;margin:0 0 8px}
.empty-products p{color:var(--muted);margin:0 0 22px}

/* ---- Mobil filtre çekmecesi ---- */
.shop-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:60}
.shop-overlay.open{display:block}

@media(max-width:960px){
    .shop-layout{grid-template-columns:1fr}
    .filter-toggle{display:inline-block}
    .shop-sidebar{position:fixed;top:0;left:0;bottom:0;width:min(320px,86vw);border-radius:0 20px 20px 0;z-index:70;transform:translateX(-105%);transition:transform .3s;overflow-y:auto;box-shadow:0 25px 60px rgba(0,0,0,.25)}
    .shop-sidebar.open{transform:none}
    .sidebar-close{display:block}
    .shop-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
    .shop-grid{grid-template-columns:1fr 1fr;gap:14px}
    .shop-card-img{height:170px}
    .shop-card-body{padding:15px}
    .shop-card-body h3{font-size:16px}
    .shop-toolbar{flex-direction:column;align-items:flex-start;gap:12px}
}

/* ============================================================
   ÜRÜN DETAY — galeri, özellik tablosu, sekmeler, benzer ürünler
   ============================================================ */
.detail-media{display:flex;flex-direction:column;gap:16px}
.detail-thumbs{display:flex;gap:12px;flex-wrap:wrap}
.detail-thumbs .thumb{width:82px;height:82px;border:1.5px solid var(--line);border-radius:14px;background:#fff;padding:6px;cursor:pointer;overflow:hidden;transition:.2s}
.detail-thumbs .thumb img{width:100%;height:100%;object-fit:contain}
.detail-thumbs .thumb:hover{border-color:var(--orange)}
.detail-thumbs .thumb.active{border-color:var(--orange);box-shadow:0 0 0 3px rgba(245,162,61,.15)}

.detail-meta{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.detail-meta li{display:flex;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--line);font-size:14px}
.detail-meta li:last-child{border-bottom:0}
.detail-meta li span{color:var(--muted)}
.detail-meta li b{font-weight:700;text-align:right}

.detail-tabs{margin-top:70px}
.tab-nav{display:flex;gap:6px;flex-wrap:wrap;border-bottom:2px solid var(--line)}
.tab-btn{background:none;border:0;padding:14px 22px;font:700 15px 'DM Sans';color:var(--muted);cursor:pointer;border-radius:0;position:relative;top:2px;border-bottom:2px solid transparent;transition:.2s}
.tab-btn:hover{color:var(--ink)}
.tab-btn.active{color:var(--ink);border-bottom-color:var(--orange)}
.tab-body{padding:32px 2px;font-size:17px;line-height:1.85;color:#3c3e37;max-width:900px}
.tab-pane{display:none}
.tab-pane.active{display:block}

.related{margin-top:80px}
.related h2{font:800 clamp(28px,3.4vw,42px) Manrope;letter-spacing:-.03em;margin:0 0 30px}

@media(max-width:900px){
    .detail-media{flex-direction:column}
    .detail-tabs{margin-top:50px}
    .related{margin-top:56px}
}