/* ===== Teb3a premium black & white layer ===== */
:root{--tb-ink:#0b0b0c;--tb-ink-2:#3a3a3d;--tb-mute:#8a8a8f;--tb-line:#e4e4e0;--tb-panel:#f1f1ee;--tb-paper:#fbfbf9;--tb-display:"Reem Kufi",var(--font-family);--tb-mono:ui-monospace,"SFMono-Regular",Menlo,monospace}
body{background:var(--tb-paper);color:var(--tb-ink)}
h1,h2,h3{font-family:var(--tb-display);letter-spacing:-.005em}
.yc-btn,button,input,select,textarea{border-radius:0}

/* product cards */
.product-card{background:transparent}
.product-card .img-link{background:var(--tb-panel);overflow:hidden}
.product-card .img-link img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.product-card:hover .img-link img{transform:scale(1.05)}
.product-card .title{font-weight:500}
.product-card .price .current{font-weight:700;color:var(--tb-ink)}
.product-card .price .compare-at{color:var(--tb-mute)}

/* shared */
.tb-wrap{max-width:1240px;margin:0 auto;padding-inline:16px}
.tb-eyebrow{font-family:var(--tb-mono);font-size:11px;letter-spacing:.18em;color:var(--tb-mute);text-transform:uppercase;direction:ltr;display:inline-block}
.tb-h2{font-size:clamp(28px,3.6vw,42px);margin:6px 0 0}
.tb-btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 28px;border:1.5px solid var(--tb-ink);background:var(--tb-ink);color:#fff;font-weight:600;text-decoration:none;transition:background .2s,color .2s}
.tb-btn:hover{background:transparent;color:var(--tb-ink)}
.tb-btn--ghost{background:transparent;color:var(--tb-ink)}
.tb-btn--ghost:hover{background:var(--tb-ink);color:#fff}

/* hero */
.tb-hero{padding-block:48px 64px}
.tb-hero__grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.tb-hero__title{font-size:clamp(40px,6.4vw,84px);line-height:1.2;margin:8px 0 0}
.tb-hero__title em{font-style:normal;-webkit-text-stroke:1.5px var(--tb-ink);color:transparent}
.tb-hero__sub{color:var(--tb-ink-2);font-size:17px;max-width:46ch;margin:20px 0 28px;line-height:1.8}
.tb-hero__cta{display:flex;gap:12px;flex-wrap:wrap}
.tb-hero__stats{display:flex;gap:36px;margin-top:40px;padding-top:24px;border-top:1px solid var(--tb-line)}
.tb-hero__stats b{font-family:var(--tb-display);font-size:26px;display:block}
.tb-hero__stats span{font-size:13px;color:var(--tb-mute)}
.tb-hero__stage{position:relative;aspect-ratio:1/1.05;background:var(--tb-panel);display:grid;place-items:center;overflow:hidden}
.tb-hero__img{width:80%;max-width:100%;height:auto;mix-blend-mode:multiply}
.tb-hero__img.is-spin{animation:tb-spin 40s linear infinite}
@keyframes tb-spin{to{transform:rotate(360deg)}}
.tb-reg{position:absolute;width:26px;height:26px}
.tb-reg::before,.tb-reg::after{content:"";position:absolute;background:var(--tb-ink)}
.tb-reg::before{inset:12px 0 auto 0;height:1px}.tb-reg::after{inset:0 auto 0 12px;width:1px}
.tb-reg--1{top:16px;right:16px}.tb-reg--2{top:16px;left:16px}.tb-reg--3{bottom:16px;right:16px}.tb-reg--4{bottom:16px;left:16px}
.tb-chip{position:absolute;top:22px;left:56px;background:var(--tb-ink);color:#fff;font-size:12px;padding:5px 12px}
.tb-spec{position:absolute;bottom:22px;right:56px;font-family:var(--tb-mono);font-size:11px;color:var(--tb-ink-2);direction:ltr;letter-spacing:.08em}

/* trust */
.tb-trust{border-block:1px solid var(--tb-line);background:#fff}
.tb-trust__grid{display:grid;grid-template-columns:repeat(4,1fr)}
.tb-trust__item{display:flex;gap:12px;align-items:center;padding:22px 12px;border-inline-start:1px solid var(--tb-line)}
.tb-trust__item:first-child{border-inline-start:0}
.tb-trust__icon svg{width:28px;height:28px;display:block}
.tb-trust__item b{display:block;font-size:14px}
.tb-trust__item span{font-size:12.5px;color:var(--tb-mute)}

/* steps */
.tb-steps{background:var(--tb-ink);color:#fff;padding-block:80px}
.tb-steps .tb-eyebrow{color:#9a9aa0}
.tb-steps__grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px;border-top:1px solid #2a2a2e}
.tb-step{padding:28px 20px 8px;border-inline-start:1px solid #2a2a2e}
.tb-step:first-child{border-inline-start:0}
.tb-step__n{font-family:var(--tb-mono);font-size:12px;color:#9a9aa0;direction:ltr;display:block}
.tb-step b{font-family:var(--tb-display);font-size:22px;display:block;margin:14px 0 6px}
.tb-step p{color:#b9b9bf;font-size:14px;margin:0}

@media (max-width:980px){
  .tb-hero__grid{grid-template-columns:1fr}
  .tb-trust__grid,.tb-steps__grid{grid-template-columns:repeat(2,1fr)}
  .tb-trust__item:nth-child(3),.tb-step:nth-child(3){border-inline-start:0}
}
@media (max-width:560px){
  .tb-hero{padding-block:28px 40px}
  .tb-hero__stats{gap:20px}
  .tb-steps__grid{grid-template-columns:1fr}
  .tb-step{border-inline-start:0;border-bottom:1px solid #2a2a2e}
}
@media (prefers-reduced-motion:reduce){.tb-hero__img.is-spin{animation:none}}

/* ===== v2: header ===== */
body yc-header{background:rgba(251,251,249,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--tb-line);padding-block:.6em}
body yc-header .logo img{max-height:64px;width:auto;object-fit:contain}
body yc-header .links a.yc-btn.link{font-weight:600;font-size:15px;position:relative;color:var(--tb-ink)}
body yc-header .links a.yc-btn.link::after{content:"";position:absolute;inset:auto 10px 2px 10px;height:1.5px;background:var(--tb-ink);transform:scaleX(0);transition:transform .25s}
body yc-header .links a.yc-btn.link:hover::after{transform:scaleX(1)}
body .sub-links{border-radius:0!important;border:1px solid var(--tb-ink)!important;box-shadow:none!important}

/* ===== v2: announcement ===== */
body yc-announcement-bar,body .announcement-bar{background:var(--tb-ink)!important;color:#fff!important;font-size:13px;letter-spacing:.02em}

/* ===== v2: product cards ===== */
body .product-card[data-style$=standard]{border:0!important;background:transparent}
body .product-card[data-style$=standard] .img-link{border:0!important;background:var(--tb-panel);border-radius:0}
body .product-card .info{padding-inline:0!important;gap:6px}
body .product-card .info .title{font-size:15px;color:var(--tb-ink)}
body .product-card .info .yc-btn.secondary{background:var(--tb-ink)!important;color:#fff!important;border:1.5px solid var(--tb-ink)!important;border-radius:0!important;font-weight:600}
body .product-card .info .yc-btn.secondary:hover{background:transparent!important;color:var(--tb-ink)!important}
body .product-card .badge{border-radius:0!important;background:var(--tb-ink);color:#fff}
body .collection-card,body .collection-card *{border-radius:0!important}
body .collection-card{background:var(--tb-panel);border:0!important;transition:background .25s,color .25s}

/* ===== v2: footer ===== */
body footer{background:var(--tb-ink)!important;color:#c9c9cd}
body footer .content{border-block:0;border-bottom:1px solid #2a2a2e;padding-block:64px 40px;padding-inline:max(16px,8%)}
body footer .content .store-brand img{width:150px;max-width:100%;height:auto}
body footer .content .links-box .navigation > p{color:#fff;font-weight:700;font-size:15px}
body footer .content .links-box .navigation .links a{color:#b9b9bf;font-size:14px}
body footer .content .links-box .navigation .links a:hover{color:#fff}
.tb-foot-tagline{text-transform:none;font-size:14px;line-height:1.8;color:#b9b9bf;max-width:34ch;margin:16px 0 0}
body footer .copyright{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;padding:20px max(16px,8%);font-size:12.5px;color:#9a9aa0}
.tb-pay{display:flex;gap:8px}
.tb-pay span{border:1px solid #3a3a3e;padding:3px 10px;font-family:var(--tb-mono);font-size:11px;direction:ltr}
body #youcan-section--footer{margin-top:0}
