/* BITRONTIX USA — Premium commerce UX refinement (no images/video modified) */
html{scroll-padding-top:12px}
body{font-synthesis:none}
:is(.app,.editorial-page) :where(a,button,input,select,textarea):focus-visible{outline:3px solid #caa16e;outline-offset:3px}
main.app .pendant-details{margin:14px 0 0;padding:12px 14px;background:#fffdf9;border:1px solid #e6d9c9;border-radius:7px;text-align:left}
main.app .pendant-details summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#562e40;font-size:12px;line-height:1.5;font-weight:750;list-style:none}
main.app .pendant-details summary::-webkit-details-marker{display:none}
main.app .pendant-details summary span{font-size:18px;font-weight:400;color:#936e53}
main.app .pendant-details[open] summary span{transform:rotate(45deg)}
main.app .pendant-details p{font-size:12px;line-height:1.7;color:#6c5d56;margin:11px 0 0}
main.app .pendant-details a{color:#6d2a49;text-underline-offset:2px}
main.app .product-box .trust-mini{line-height:1.65;color:#745c4f}
main.app #reference-insight{background:#f8f1e7;border:1px solid #e9d9c5;border-radius:8px;padding:13px 15px;text-align:left}
main.app #reference-insight strong{font-size:11px;letter-spacing:.04em;color:#835f45}
main.app #reference-insight p{font-size:12px!important;line-height:1.55!important;margin:6px 0 8px!important;color:#5c4a45!important}
main.app #reference-insight small{display:block;font-size:10px;line-height:1.6;color:#876f5d}
main.app .bracelet-theme{padding:10px 8px;background:#fffdf7;border:1px solid #dfcda8;border-radius:9px}
main.app .bracelet-theme strong{display:block;color:#67213b;font-size:10.5px;line-height:1.3}
main.app .bracelet-theme small{display:block;color:#685b54;font-size:10px;line-height:1.55;margin-top:5px}
main.app .result .price-pending{font-size:13px;line-height:1.7}
main.app .result .price-pending strong{font-size:17px;color:#552137}
main.app #checkout-choice .checkout-panel{scroll-margin-top:0;padding-top:16px!important}
main.app #checkout-choice #upsell-headline{max-width:450px;margin:6px auto 12px;font-size:clamp(24px,5.1vw,30px);line-height:1.2}
main.app #checkout-choice #bracelet-chart-reason{font-size:12.5px!important;line-height:1.56!important;font-weight:550!important;color:#3f5845!important}
main.app #checkout-choice #bracelet-chart-support{font-size:13px!important;line-height:1.55!important}
main.app:has(#checkout-choice:not(.hidden)) > #site-header{position:sticky!important;top:0;z-index:105;background:#fffdf9}
main.app #checkout-choice:not(.hidden){min-height:calc(100dvh - 66px)!important}
main.app #checkout-choice .checkout-panel>small{display:block;max-width:380px;margin:11px auto 0;line-height:1.6}
main.app .chart{max-width:630px;margin-inline:auto}
main.app .result{max-width:650px;margin-inline:auto}
@media(min-width:1024px){
  body{background:#fffdf9!important}
  main.app{max-width:none!important;box-shadow:none!important;background:#fffdfa!important}
  main.app>.wrap{width:100%!important;max-width:1220px!important;padding:34px 34px 56px!important}
  main.app #intro{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(365px,.93fr);grid-template-rows:auto auto;grid-template-areas:"video heading" "video form";align-items:center;gap:0 clamp(34px,4vw,64px);min-height:535px}
  main.app #intro .home-video-wrap{grid-area:video;width:100%;margin:0!important;aspect-ratio:16/9!important;align-self:center;overflow:hidden}
  main.app #intro .home-video{object-fit:contain!important}
  main.app #intro .hero-top{grid-area:heading;padding:15px 0 0!important;text-align:left!important;align-self:end}
  main.app #intro .hero-top h1{font-size:clamp(42px,3.7vw,59px);line-height:1.12;letter-spacing:-.8px;margin:13px 0 10px}
  main.app #intro .hero-top .lead{max-width:500px;font-size:14px;line-height:1.75;margin-bottom:17px}
  main.app #intro .birth-input{grid-area:form;align-self:start;margin:0!important;padding:19px!important}
  main.app #intro .birth-input .btn{font-size:13px;letter-spacing:.015em}
  main.app #concern-screen,main.app #reading{max-width:720px;margin:10px auto 0}
  main.app #checkout-choice .checkout-panel{max-width:555px}
  main.app .chart{max-width:650px}
}
@media(min-width:1024px) and (max-width:1170px){
 main.app #intro{grid-template-columns:minmax(0,1fr) minmax(345px,1fr);gap:0 30px}
 main.app #intro .hero-top h1{font-size:43px}
}
@media(max-width:700px){
 main.app #checkout-choice #upsell-headline{font-size:25px;margin:5px 14px 10px!important}
 main.app #checkout-choice .checkout-panel{padding-top:15px!important}
}
@media(prefers-reduced-motion:reduce){main.app .result,main.app .result *{scroll-behavior:auto!important}}
.brand-static .brand-content h1{font:400 clamp(28px,4.3vw,40px)/1.2 Georgia,serif;color:#51263d;margin:13px 0 22px}
.brand-static .brand-content h1{font:400 clamp(28px,4.3vw,40px)/1.2 Georgia,serif;color:#51263d;margin:13px 0 22px}