:root{--ttl-bg:#090b0f;--ttl-panel:#11151b;--ttl-panel2:#171c24;--ttl-text:#f6f7fb;--ttl-muted:#aab0bd;--ttl-purple:#9c36ff;--ttl-purple2:#d064ff;--ttl-line:#252b35;--ttl-radius:18px;--ttl-shadow:0 20px 60px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ttl-bg);color:var(--ttl-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.ttl-container{width:min(1180px,calc(100% - 40px));margin:auto}.ttl-site-header{position:sticky;top:0;z-index:100;background:rgba(9,11,15,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--ttl-line)}.ttl-header-inner{height:78px;display:flex;align-items:center;gap:30px}.ttl-brand{margin-right:auto}.ttl-brand img{max-height:48px;width:auto}.ttl-brand-mark{font-size:30px;font-weight:900;font-style:italic;letter-spacing:-1.8px}.ttl-brand-mark span{color:var(--ttl-purple2)}.ttl-main-nav ul,.ttl-site-footer ul{list-style:none;padding:0;margin:0}.ttl-main-nav ul{display:flex;gap:28px}.ttl-main-nav a{font-weight:700;font-size:14px;color:#e7e8ee}.ttl-main-nav a:hover{color:var(--ttl-purple2)}.ttl-header-actions{display:flex;align-items:center;gap:18px;font-size:22px}.ttl-cart-link{position:relative}.ttl-cart-count{position:absolute;right:-10px;top:-10px;display:grid;place-items:center;background:var(--ttl-purple);width:20px;height:20px;border-radius:50%;font-size:11px;font-weight:900}.ttl-menu-toggle{display:none;background:none;border:0;color:#fff;font-size:26px}.ttl-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--ttl-line);background:radial-gradient(circle at 70% 45%,rgba(133,43,255,.35),transparent 32%),linear-gradient(120deg,#0a0d12 0%,#10101a 58%,#180b2b 100%)}.ttl-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}.ttl-hero-grid{min-height:540px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;position:relative}.ttl-kicker{font-size:15px;font-weight:900;letter-spacing:6px;color:var(--ttl-purple2);margin-bottom:12px}.ttl-hero h1{font-size:clamp(46px,7vw,92px);line-height:.95;letter-spacing:-5px;margin:0 0 22px;max-width:760px}.ttl-hero p{font-size:21px;color:#d3d6df;max-width:560px;margin:0 0 30px}.ttl-btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;background:linear-gradient(135deg,var(--ttl-purple),#6f22ff);border-radius:10px;font-weight:900;box-shadow:0 10px 28px rgba(123,34,255,.28);transition:.2s ease}.ttl-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.ttl-btn-small{padding:11px 16px;font-size:13px}.ttl-hero-art{min-height:390px;display:grid;place-items:center;position:relative}.ttl-glow{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,var(--ttl-purple),transparent 66%);filter:blur(20px);opacity:.34}.ttl-character-card{position:relative;width:340px;height:340px;border:1px solid rgba(255,255,255,.13);border-radius:48% 52% 50% 50%;background:linear-gradient(145deg,#171d27,#0b0d12);box-shadow:var(--ttl-shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(3deg)}.ttl-character-emoji{font-size:110px}.ttl-character-card strong{font-size:34px;font-style:italic}.ttl-character-card small{margin-top:18px;text-align:center;text-transform:uppercase;font-weight:900;letter-spacing:1px;color:#d5c7ff}.ttl-benefits{border-bottom:1px solid var(--ttl-line);background:#0d1015}.ttl-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0;gap:18px}.ttl-benefit-grid>div{display:grid;grid-template-columns:auto 1fr;column-gap:12px}.ttl-benefit-grid span{grid-row:1/3;font-size:28px}.ttl-benefit-grid strong{font-size:14px}.ttl-benefit-grid small{color:var(--ttl-muted)}.ttl-section{padding:58px 0}.ttl-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.ttl-section-head h2{font-size:34px;margin:0;letter-spacing:-1.5px}.ttl-section-head a{color:var(--ttl-purple2);font-weight:800;font-size:14px}.ttl-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ttl-category-card{min-height:205px;padding:22px;border:1px solid var(--ttl-line);border-radius:var(--ttl-radius);background:linear-gradient(155deg,var(--ttl-panel2),#0c0f14);display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.ttl-category-card:before{content:"";position:absolute;inset:auto -25px -55px auto;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(159,54,255,.28),transparent 70%)}.ttl-category-card span{font-size:66px;margin-bottom:auto}.ttl-category-card strong{font-size:20px}.ttl-category-card em{position:absolute;right:20px;bottom:18px;font-style:normal;color:var(--ttl-purple2);font-size:24px}.ttl-category-card:hover{border-color:#6f3ca1;transform:translateY(-3px)}.ttl-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ttl-product-card{background:var(--ttl-panel);border:1px solid var(--ttl-line);border-radius:var(--ttl-radius);overflow:hidden}.ttl-product-image{display:grid;place-items:center;aspect-ratio:1/1;background:#eef0f4;color:#1b1d22;font-weight:800;overflow:hidden}.ttl-product-image img{width:100%;height:100%;object-fit:cover}.ttl-product-body{padding:18px}.ttl-product-body h3{font-size:17px;margin:0 0 8px}.ttl-product-price{font-weight:900;margin-bottom:14px}.ttl-product-price del{color:#7f8591}.ttl-product-price ins{text-decoration:none}.ttl-wide-banner{margin-top:20px;background:linear-gradient(110deg,#10131a 0%,#13102a 52%,#2a0b4b 100%);border-block:1px solid #302045}.ttl-wide-banner-inner{min-height:270px;display:flex;align-items:center;justify-content:space-between;gap:30px}.ttl-wide-banner span{font-size:21px;font-weight:900;letter-spacing:2px}.ttl-wide-banner b{color:var(--ttl-purple2)}.ttl-wide-banner h2{font-size:48px;margin:6px 0 10px;letter-spacing:-2px}.ttl-wide-banner p{color:#c8c9d1}.ttl-support-card{min-height:220px;border:1px solid #35244b;border-radius:var(--ttl-radius);background:radial-gradient(circle at 75% 40%,rgba(152,52,255,.32),transparent 24%),linear-gradient(130deg,#11151c,#171026 64%,#211038);display:flex;align-items:center;justify-content:space-between;padding:42px 54px;gap:40px}.ttl-support-card span{font-size:20px;font-weight:900}.ttl-support-card h2{font-size:42px;margin:5px 0}.ttl-support-card p{max-width:360px;color:#d7d7df;font-weight:700}.ttl-content{padding:56px 0;min-height:60vh}.ttl-content h1{font-size:46px;letter-spacing:-2px}.ttl-entry{color:#d6d8df}.ttl-entry a{color:var(--ttl-purple2)}.ttl-site-footer{margin-top:55px;border-top:1px solid var(--ttl-line);background:#07090c;padding:52px 0 28px}.ttl-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px}.ttl-footer-grid h4{margin:0 0 16px}.ttl-site-footer li{margin:8px 0}.ttl-site-footer a{color:#c2c6cf}.ttl-socials{display:flex;gap:12px;flex-wrap:wrap}.ttl-socials a{padding:6px 10px;border:1px solid var(--ttl-line);border-radius:7px}.ttl-copyright{margin-top:36px;padding-top:24px;border-top:1px solid var(--ttl-line);color:#7f8590;font-size:13px}.woocommerce .button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button{background:var(--ttl-purple)!important;color:white!important;border-radius:9px!important}.woocommerce ul.products li.product{background:var(--ttl-panel);padding:14px!important;border:1px solid var(--ttl-line);border-radius:14px}.woocommerce div.product p.price,.woocommerce div.product span.price,.woocommerce ul.products li.product .price{color:var(--ttl-purple2)!important}.woocommerce-message,.woocommerce-info{border-top-color:var(--ttl-purple)!important;background:#131720!important;color:#fff!important}.woocommerce table.shop_table{border-color:var(--ttl-line)!important}.woocommerce input,.woocommerce textarea,.woocommerce select{background:#10141a;color:#fff;border:1px solid var(--ttl-line);padding:10px;border-radius:8px}.ttl-notice{grid-column:1/-1;padding:24px;border:1px dashed var(--ttl-line);border-radius:12px;color:var(--ttl-muted)}
@media(max-width:900px){.ttl-main-nav{display:none;position:absolute;left:20px;right:20px;top:72px;background:#0c1015;border:1px solid var(--ttl-line);border-radius:14px;padding:20px}.ttl-main-nav.is-open{display:block}.ttl-main-nav ul{flex-direction:column}.ttl-menu-toggle{display:block;order:2}.ttl-header-actions{order:3}.ttl-hero-grid{grid-template-columns:1fr;min-height:auto;padding:70px 0 40px}.ttl-hero-art{min-height:300px}.ttl-character-card{width:280px;height:280px}.ttl-benefit-grid,.ttl-category-grid,.ttl-product-grid,.ttl-footer-grid{grid-template-columns:repeat(2,1fr)}.ttl-wide-banner-inner,.ttl-support-card{flex-direction:column;align-items:flex-start;padding-block:45px}.ttl-wide-banner h2{font-size:38px}}
@media(max-width:560px){.ttl-container{width:min(100% - 28px,1180px)}.ttl-header-inner{height:68px;gap:14px}.ttl-brand-mark{font-size:24px}.ttl-header-actions a:first-child{display:none}.ttl-hero h1{font-size:52px;letter-spacing:-3px}.ttl-hero p{font-size:18px}.ttl-benefit-grid,.ttl-category-grid,.ttl-product-grid,.ttl-footer-grid{grid-template-columns:1fr}.ttl-benefit-grid>div{padding:8px 0}.ttl-section{padding:42px 0}.ttl-section-head{align-items:center}.ttl-section-head h2{font-size:29px}.ttl-section-head a{font-size:12px}.ttl-support-card{padding:30px}.ttl-support-card h2{font-size:34px}.ttl-wide-banner h2{font-size:34px}}

/* ===== TuTelesLive V2 visual match ===== */
.ttl-hero-v2{background:linear-gradient(90deg,#090b10 0%,#0b0e15 38%,#130922 70%,#1a0b2c 100%);min-height:0}
.ttl-hero-v2:before{opacity:.35}
.ttl-hero-v2 .ttl-hero-grid{min-height:560px;grid-template-columns:.9fr 1.35fr;gap:10px;overflow:visible}
.ttl-hero-v2 .ttl-hero-copy{position:relative;z-index:3;padding-left:6px}
.ttl-hero-logo-text{font-size:clamp(64px,7vw,118px);font-weight:950;font-style:italic;line-height:.88;letter-spacing:-7px;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-shadow:0 2px 0 rgba(255,255,255,.02)}
.ttl-hero-v2 .ttl-kicker{margin:18px 0 12px;font-size:18px;letter-spacing:8px;color:#c95bff}
.ttl-hero-v2 .ttl-hero-copy p{font-size:24px;margin:0 0 28px;max-width:560px}
.ttl-hero-image-wrap{align-self:stretch;display:flex;align-items:flex-end;justify-content:flex-end;overflow:visible;position:relative}
.ttl-hero-image{width:112%;max-width:none;height:auto;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 16px 30px rgba(0,0,0,.3));margin-right:-55px}
.ttl-benefits{background:#0d1015}
.ttl-benefit-grid{padding:18px 0}
.ttl-category-grid-v2 .ttl-category-card{min-height:190px;background:linear-gradient(160deg,#1b222c,#10141a)}
.ttl-category-grid-v2 .ttl-category-card span{font-size:76px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.25))}
.ttl-home-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:30px;padding-top:20px}
.ttl-home-main{min-width:0}
.ttl-product-grid-v2{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ttl-home-side{display:flex;flex-direction:column;gap:16px}
.ttl-promo-image-card,.ttl-shipping-card{display:block;border:1px solid #2d3440;border-radius:12px;overflow:hidden;background:#12161d}
.ttl-promo-image-card img{width:100%;display:block;aspect-ratio:2.78/1;object-fit:cover}
.ttl-support-image img{aspect-ratio:4.34/1}
.ttl-shipping-card{min-height:150px;padding:24px;background:radial-gradient(circle at 62% 45%,rgba(128,44,255,.2),transparent 28%),linear-gradient(120deg,#151922,#0d1016);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px}
.ttl-shipping-title{font-size:18px;font-weight:900;color:#cc5eff;line-height:1.2}.ttl-shipping-title strong{color:#fff}
.ttl-shipping-list{display:flex;flex-direction:column;gap:12px;font-weight:800;font-size:13px;color:#eef0f4}
.ttl-section-head h2{font-size:31px}
.ttl-product-card{border-radius:10px}.ttl-product-body{padding:12px}.ttl-product-body h3{font-size:15px}.ttl-btn-small{width:100%;padding:10px 12px}
@media(max-width:1100px){.ttl-home-grid{grid-template-columns:1fr}.ttl-home-side{display:grid;grid-template-columns:1fr 1fr}.ttl-support-image{grid-column:1/-1}.ttl-hero-v2 .ttl-hero-grid{grid-template-columns:1fr 1fr}.ttl-hero-image{width:125%;margin-right:-20px}.ttl-hero-logo-text{font-size:76px}}
@media(max-width:900px){.ttl-hero-v2 .ttl-hero-grid{grid-template-columns:1fr;padding-top:50px}.ttl-hero-image-wrap{min-height:330px}.ttl-hero-image{width:100%;margin-right:0}.ttl-home-side{grid-template-columns:1fr}.ttl-support-image{grid-column:auto}.ttl-product-grid-v2{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ttl-hero-logo-text{font-size:58px;letter-spacing:-4px}.ttl-hero-v2 .ttl-kicker{font-size:13px;letter-spacing:5px}.ttl-hero-v2 .ttl-hero-copy p{font-size:18px}.ttl-hero-image-wrap{min-height:240px}.ttl-product-grid-v2{grid-template-columns:1fr}.ttl-shipping-card{grid-template-columns:1fr}}

/* ===== TuTelesLive V3 closer to approved mockup ===== */
.ttl-container{width:min(1460px,calc(100% - 48px))}
.ttl-site-header{background:rgba(6,8,12,.92)}
.ttl-header-inner{height:74px}
.ttl-main-nav ul{gap:34px}
.ttl-main-nav a{font-size:15px}
.ttl-hero-v2{position:relative;min-height:0;background:#0a0d12}
.ttl-hero-v2:before{display:none}
.ttl-hero-bg{position:absolute;inset:0;background-repeat:no-repeat;background-size:cover;background-position:center top;opacity:.42}
.ttl-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,16,.92) 0%,rgba(8,11,16,.88) 20%,rgba(8,11,16,.52) 42%,rgba(23,8,42,.38) 67%,rgba(24,10,40,.74) 100%)}
.ttl-hero-grid-v3{position:relative;z-index:2;grid-template-columns:42% 58%;gap:0;min-height:505px;align-items:end}
.ttl-hero-grid-v3 .ttl-hero-copy{padding:62px 0 48px 0}
.ttl-hero-title-image{display:block;width:min(100%,540px);height:auto;margin:0 0 18px 0;filter:drop-shadow(0 10px 20px rgba(0,0,0,.22))}
.ttl-hero-v2 .ttl-kicker{margin:0 0 16px;font-size:16px;letter-spacing:8px}
.ttl-hero-v2 .ttl-hero-copy p{font-size:22px;line-height:1.35;max-width:520px;margin:0 0 28px}
.ttl-hero-image-wrap-v3{position:relative;min-height:505px;overflow:visible;align-self:stretch}
.ttl-hero-image-v3{position:absolute;right:-32px;bottom:0;width:min(1060px,70vw);max-width:none;height:auto;filter:drop-shadow(0 22px 50px rgba(0,0,0,.38))}
.ttl-benefits{background:linear-gradient(180deg,#0b0f14 0%,#0a0d12 100%)}
.ttl-benefit-grid{padding:16px 0 17px;gap:14px}
.ttl-benefit-grid>div{align-items:center}
.ttl-benefit-grid span{font-size:24px}
.ttl-section-tight{padding-top:12px;padding-bottom:18px}
.ttl-section{padding:24px 0 34px}
.ttl-section-head{margin-bottom:14px}
.ttl-section-head h2{font-size:28px}
.ttl-category-grid-v3{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ttl-category-card-v3{position:relative;min-height:176px;padding:0;border-radius:10px;background:#131821;border:1px solid #252d38;overflow:hidden;display:block}
.ttl-category-card-v3 img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .28s ease}
.ttl-category-card-v3:hover img{transform:scale(1.03)}
.ttl-category-card-v3 .ttl-category-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.20) 45%,rgba(10,13,18,.84) 100%)}
.ttl-category-card-v3 strong{position:absolute;left:18px;right:18px;bottom:14px;z-index:2;font-size:18px;display:flex;justify-content:space-between;align-items:center;text-shadow:0 3px 10px rgba(0,0,0,.5)}
.ttl-category-card-v3 strong em{font-style:normal;color:#fff;opacity:.9}
.ttl-home-grid-v3{grid-template-columns:minmax(0,1.65fr) minmax(360px,.95fr);gap:18px;padding-top:2px}
.ttl-product-grid-v2{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ttl-product-card{background:#11161d;border:1px solid #2a313c;border-radius:10px}
.ttl-product-image{background:#edf0f4;aspect-ratio:1.02/1}
.ttl-product-body{padding:12px 12px 14px}
.ttl-product-body h3{font-size:15px;line-height:1.25;min-height:37px}
.ttl-product-price{font-size:14px;margin-bottom:12px}
.ttl-home-side{gap:12px}
.ttl-promo-image-card{border-radius:10px;border:1px solid #2b3240;background:#12161d;overflow:hidden;display:block}
.ttl-promo-image-card img{display:block;width:100%;height:auto}
.ttl-site-footer{margin-top:28px}

@media (max-width:1300px){
  .ttl-container{width:min(100% - 40px,1320px)}
  .ttl-hero-grid-v3{grid-template-columns:46% 54%;min-height:470px}
  .ttl-hero-image-wrap-v3{min-height:470px}
  .ttl-hero-image-v3{width:min(900px,68vw);right:-20px}
}
@media (max-width:1100px){
  .ttl-home-grid-v3{grid-template-columns:1fr}
  .ttl-home-side{display:grid;grid-template-columns:repeat(3,1fr)}
  .ttl-hero-grid-v3{grid-template-columns:1fr 1fr;min-height:440px}
  .ttl-hero-image-wrap-v3,.ttl-hero-image-v3{min-height:440px}
  .ttl-hero-image-v3{width:min(760px,70vw);right:-10px}
}
@media (max-width:900px){
  .ttl-container{width:min(100% - 28px,1180px)}
  .ttl-hero-grid-v3{grid-template-columns:1fr;min-height:auto;gap:10px;padding-top:30px}
  .ttl-hero-grid-v3 .ttl-hero-copy{padding:28px 0 0}
  .ttl-hero-image-wrap-v3{min-height:290px}
  .ttl-hero-image-v3{position:relative;right:auto;bottom:auto;width:100%}
  .ttl-benefit-grid,.ttl-category-grid-v3,.ttl-product-grid-v2{grid-template-columns:repeat(2,1fr)}
  .ttl-home-side{grid-template-columns:1fr}
}
@media (max-width:560px){
  .ttl-hero-title-image{width:86%}
  .ttl-hero-v2 .ttl-kicker{font-size:13px;letter-spacing:5px}
  .ttl-hero-v2 .ttl-hero-copy p{font-size:18px}
  .ttl-benefit-grid,.ttl-category-grid-v3,.ttl-product-grid-v2{grid-template-columns:1fr}
}

/* ===== V4 homepage closer to first mockup ===== */
.ttl-homepage-v4{background:#090b10}
.ttl-container{width:min(1540px,calc(100% - 44px))}
.ttl-site-header{background:rgba(7,9,13,.92);border-bottom:1px solid rgba(255,255,255,.09)}
.ttl-header-inner{height:72px}
.ttl-brand-mark{font-size:32px}
.ttl-main-nav ul{gap:32px}
.ttl-header-actions{gap:16px}

.ttl-hero-v4{position:relative;overflow:hidden;background:linear-gradient(90deg,#090b10 0%,#0a0d14 42%,#1a0c2b 100%);border-bottom:1px solid rgba(255,255,255,.09)}
.ttl-hero-v4 .ttl-hero-bg{position:absolute;inset:0;background-repeat:no-repeat;background-size:cover;background-position:center center;opacity:.24;transform:scale(1.02)}
.ttl-hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,15,.96) 0%,rgba(8,10,15,.94) 22%,rgba(9,11,16,.78) 40%,rgba(15,9,26,.44) 60%,rgba(22,11,36,.56) 100%)}
.ttl-hero-grid-v4{position:relative;z-index:2;display:grid;grid-template-columns:39% 61%;align-items:end;min-height:520px;gap:0}
.ttl-hero-copy-v4{padding:42px 0 32px 0;align-self:center}
.ttl-hero-title-image-v4{display:block;width:min(100%,700px);height:auto;margin:0 0 18px 0;filter:drop-shadow(0 16px 30px rgba(0,0,0,.3))}
.ttl-kicker-v4{font-size:16px;font-weight:900;letter-spacing:8px;color:#cb5eff;margin:0 0 18px}
.ttl-hero-copy-v4 p{font-size:22px;line-height:1.35;color:#eef0f6;max-width:520px;margin:0 0 28px}
.ttl-btn-v4{padding:15px 30px;font-size:18px;border-radius:12px}
.ttl-hero-visual-v4{position:relative;min-height:520px;overflow:visible}
.ttl-hero-image-v4{position:absolute;right:-16px;bottom:0;width:min(1030px,64vw);max-width:none;height:auto;display:block;filter:drop-shadow(0 24px 54px rgba(0,0,0,.42))}

.ttl-benefits-v4{background:#0c0f15;border-bottom:1px solid rgba(255,255,255,.08)}
.ttl-benefit-grid-v4{padding:14px 0;gap:14px}
.ttl-benefit-grid-v4>div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}
.ttl-benefit-grid-v4 span{grid-row:1/3;font-size:24px}
.ttl-benefit-grid-v4 strong{font-size:14px}
.ttl-benefit-grid-v4 small{font-size:14px}

.ttl-v4-categories-wrap{padding-top:16px;padding-bottom:36px}
.ttl-section-head-v4{margin-bottom:14px}
.ttl-section-head-v4 h2{font-size:28px;letter-spacing:-1px}
.ttl-section-head-v4 a{font-size:14px;font-weight:800}
.ttl-main-layout-v4{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(360px,.92fr);gap:16px;align-items:start}
.ttl-left-stack-v4{min-width:0}
.ttl-right-stack-v4{display:flex;flex-direction:column;gap:14px}

.ttl-category-grid-v4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.ttl-category-card-v4{position:relative;display:block;height:178px;border:1px solid #2a313d;border-radius:10px;overflow:hidden;background:#151a22}
.ttl-category-card-v4 img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .28s ease}
.ttl-category-card-v4:hover img{transform:scale(1.03)}
.ttl-category-shade-v4{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.15) 40%,rgba(8,10,15,.84) 100%)}
.ttl-category-card-v4 strong{position:absolute;left:16px;right:16px;bottom:12px;z-index:2;color:#fff;font-size:18px;display:flex;justify-content:space-between;align-items:center;line-height:1.15;text-shadow:0 4px 16px rgba(0,0,0,.55)}
.ttl-category-card-v4 em{font-style:normal;color:#fff}

.ttl-products-head-v4{margin-top:0}
.ttl-product-grid-v4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ttl-product-card{background:#11161c;border:1px solid #2a303b;border-radius:10px;overflow:hidden;box-shadow:none}
.ttl-product-image{aspect-ratio:1/1;background:#edf0f4}
.ttl-product-image img{width:100%;height:100%;object-fit:cover}
.ttl-product-body{padding:12px}
.ttl-product-body h3{font-size:15px;line-height:1.2;min-height:36px;margin:0 0 6px}
.ttl-product-price{font-size:14px;font-weight:800;margin-bottom:10px}
.ttl-btn-small{width:100%;padding:10px 12px;font-size:14px}

.ttl-promo-card-v4{display:block;border:1px solid #2b3240;border-radius:10px;overflow:hidden;background:#12161d}
.ttl-promo-card-v4 img{width:100%;display:block;height:auto}
.ttl-site-footer{margin-top:20px}

@media (max-width:1280px){
  .ttl-container{width:min(100% - 36px,1380px)}
  .ttl-hero-grid-v4{grid-template-columns:42% 58%;min-height:480px}
  .ttl-hero-visual-v4{min-height:480px}
  .ttl-hero-image-v4{width:min(860px,63vw);right:-10px}
}
@media (max-width:1100px){
  .ttl-main-layout-v4{grid-template-columns:1fr}
  .ttl-right-stack-v4{display:grid;grid-template-columns:repeat(3,1fr)}
  .ttl-hero-grid-v4{grid-template-columns:1fr 1.05fr;min-height:430px}
  .ttl-hero-visual-v4{min-height:430px}
  .ttl-hero-image-v4{width:min(700px,61vw)}
}
@media (max-width:900px){
  .ttl-container{width:min(100% - 28px,1180px)}
  .ttl-hero-grid-v4{grid-template-columns:1fr;min-height:auto;gap:0}
  .ttl-hero-copy-v4{padding:28px 0 0}
  .ttl-hero-title-image-v4{width:min(100%,520px)}
  .ttl-hero-visual-v4{min-height:270px}
  .ttl-hero-image-v4{position:relative;right:auto;bottom:auto;width:100%;max-width:none}
  .ttl-category-grid-v4,.ttl-product-grid-v4,.ttl-benefit-grid-v4{grid-template-columns:repeat(2,1fr)}
  .ttl-right-stack-v4{grid-template-columns:1fr}
}
@media (max-width:560px){
  .ttl-category-grid-v4,.ttl-product-grid-v4,.ttl-benefit-grid-v4{grid-template-columns:1fr}
  .ttl-kicker-v4{font-size:13px;letter-spacing:5px}
  .ttl-hero-copy-v4 p{font-size:18px}
  .ttl-btn-v4{font-size:16px}
}


/* ===== V6 fix: remove duplicated hero background figure ===== */
.ttl-hero-v4{background:
  radial-gradient(circle at 74% 30%, rgba(132, 49, 255, 0.22), transparent 26%),
  linear-gradient(90deg,#090b10 0%, #090c13 35%, #120820 72%, #180a28 100%) !important;
}
.ttl-hero-v4 .ttl-hero-bg{display:none !important;}
.ttl-hero-vignette{background:linear-gradient(90deg,rgba(8,10,15,.90) 0%,rgba(8,10,15,.82) 28%,rgba(10,12,18,.42) 52%,rgba(18,10,31,.20) 72%,rgba(24,10,40,.28) 100%) !important;}
.ttl-hero-grid-v4{min-height:500px !important;}
.ttl-hero-copy-v4{padding-top:34px !important;}
.ttl-hero-visual-v4{min-height:500px !important;}
.ttl-hero-image-v4{right:-6px !important; bottom:0 !important; width:min(1010px, 63vw) !important;}
@media (max-width:1280px){
  .ttl-hero-grid-v4,.ttl-hero-visual-v4{min-height:470px !important;}
  .ttl-hero-image-v4{width:min(860px,62vw) !important; right:0 !important;}
}
@media (max-width:1100px){
  .ttl-hero-grid-v4,.ttl-hero-visual-v4{min-height:430px !important;}
}
@media (max-width:900px){
  .ttl-hero-grid-v4,.ttl-hero-visual-v4{min-height:auto !important;}
  .ttl-hero-image-v4{width:100% !important; right:auto !important;}
}

/* ===== V7 hero: one full-width image, no separate front image ===== */
.ttl-homepage-v7{background:#090b10}
.ttl-hero-v7{
  min-height:446px;
  background-color:#090b10;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.ttl-hero-inner-v7{
  min-height:446px;
  display:flex;
  align-items:center;
}
.ttl-hero-copy-v7{
  width:min(44%, 620px);
  padding:30px 0 36px;
}
.ttl-hero-title-image-v7{
  display:block;
  width:min(100%, 560px);
  height:auto;
  margin:0 0 18px;
  filter:drop-shadow(0 12px 26px rgba(0,0,0,.34));
}
.ttl-kicker-v7{
  color:#cf61ff;
  letter-spacing:8px;
  font-size:16px;
  font-weight:900;
  margin:0 0 18px;
}
.ttl-hero-copy-v7 p{
  font-size:22px;
  line-height:1.35;
  max-width:520px;
  margin:0 0 28px;
  color:#eef0f6;
}
.ttl-btn-v7{padding:15px 30px;font-size:18px;border-radius:12px}

@media (max-width:1200px){
  .ttl-hero-v7,.ttl-hero-inner-v7{min-height:400px}
  .ttl-hero-copy-v7{width:min(48%, 560px)}
}
@media (max-width:900px){
  .ttl-hero-v7{background-position:66% center;min-height:350px}
  .ttl-hero-inner-v7{min-height:350px;align-items:flex-start}
  .ttl-hero-copy-v7{width:min(70%, 560px);padding-top:28px}
  .ttl-hero-copy-v7 p{font-size:18px}
  .ttl-kicker-v7{letter-spacing:5px;font-size:13px}
  .ttl-btn-v7{font-size:16px}
}
@media (max-width:560px){
  .ttl-hero-v7{background-position:72% center;min-height:310px}
  .ttl-hero-inner-v7{min-height:310px}
  .ttl-hero-copy-v7{width:100%;padding-right:20px}
  .ttl-hero-title-image-v7{width:88%}
}