/* Jewelry-only adaptation. The approved 1920px composition stays in jewelry.css. */
@media(min-width:721px) and (max-width:1050px){
  .jewelry-page .jewelry-situations .jewelry-heading h2>.gold-text{display:block;white-space:nowrap}
}
.jewelry-page :is(a,button,input,summary,select,textarea){-webkit-tap-highlight-color:transparent}
.jewelry-page :is(a,button,input,summary,select,textarea):focus{outline:0}
.jewelry-page .nav-industry-menu .nav-industry-dropdown{visibility:hidden;opacity:0;pointer-events:none}
.jewelry-page .nav-industry-menu.is-open .nav-industry-dropdown{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,0)}
.jewelry-page .nav-industry-menu .nav-industry-trigger>span{transform:rotate(45deg)}
.jewelry-page .nav-industry-menu.is-open .nav-industry-trigger>span{transform:translateY(3px) rotate(225deg)}
.jewelry-page .callback-modal{z-index:130;overflow-y:auto;padding:20px;overscroll-behavior:contain}
.jewelry-page .modal-card{max-height:calc(100dvh - 40px);overflow-y:auto;min-width:0}

@media(max-width:1600px){
  .jewelry-page .header .nav{gap:20px}
  .jewelry-page .header .nav-links{gap:22px}
  .jewelry-page .header .nav-actions{gap:14px}
  .jewelry-page .header .callback-btn{white-space:nowrap;flex-shrink:0;padding-inline:14px}
  .jewelry-page .jewelry-hero-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .jewelry-page .jewelry-hero-copy .hero-buttons .btn{min-width:0;padding-inline:12px;font-size:17px}
  .jewelry-page .footer-main{grid-template-columns:1.15fr .65fr .7fr 1.2fr 1fr;gap:24px}
  .jewelry-page .footer-main>.footer-column{transform:none;width:auto}
  .jewelry-page .footer-documents :is(a,button){white-space:normal}
}
@media(min-width:1051px) and (max-width:1280px){
  .jewelry-page .jewelry-hero-copy h1{font-size:clamp(32px,3.12vw,40px)}
  .jewelry-page .jewelry-hero-copy>p{font-size:19px}
  .jewelry-page .jewelry-hero-copy .hero-buttons{flex-direction:column;align-items:flex-start}
  .jewelry-page .jewelry-hero-copy .hero-buttons .btn{width:100%;max-width:350px}
}
@media(max-width:1100px){
  .jewelry-page .cases-heading-row{grid-template-columns:minmax(0,1fr);gap:0}
  .jewelry-page .cases-heading-row .section-heading{max-width:850px;margin-bottom:24px}
  .jewelry-page .cases-heading-row .cases-all-link{margin:0 0 30px}
  .jewelry-page :is(.container,.hero-copy,.platform-copy,.demo-copy,.estimate-copy,.lead-form,.quiz-card,.faq-list,.cases-layout>*){min-width:0}
  .jewelry-page .jewelry-platform .system-gem{display:none}
  .jewelry-page .demo-shell,.jewelry-page .estimate-shell,.jewelry-page .faq-shell{grid-template-columns:minmax(0,1fr);gap:36px}
  .jewelry-page .lead-form,.jewelry-page .quiz-card{width:100%;max-width:760px;justify-self:center}
  .jewelry-page .lead-form label,.jewelry-page .quiz-step,.jewelry-page .input-label{min-width:0}
  .jewelry-page input:not([type=checkbox]):not([type=radio]){min-width:0;max-width:100%;width:100%;box-sizing:border-box}
  .jewelry-page .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
  .jewelry-page .footer-brand,.jewelry-page .footer-contact{grid-column:1/-1}
  .jewelry-page .footer-signature{margin-top:24px;transform:none;gap:16px;flex-wrap:wrap}
  .jewelry-page .footer-documents{grid-column:1/-1}
  .jewelry-page .approach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jewelry-page .approach-grid article:nth-child(n){border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
  .jewelry-page .approach-grid article:nth-child(2n){border-right:0}
  .jewelry-page .approach-grid article:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:1050px){
  .jewelry-page .business-types-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:620px;align-items:stretch}
  .jewelry-page .business-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;grid-column:1/-1;grid-row:1;margin:0;min-width:0}
  .jewelry-page .business-types button{width:100%;min-width:0;min-height:44px;padding:8px 6px;font-size:clamp(11px,3.2vw,13px);line-height:1.25;white-space:normal}
  .jewelry-page .business-types-row .business-types-arrows{grid-column:2;grid-row:1;align-self:end;justify-content:center;min-height:44px;margin:0;gap:16px}
  .jewelry-page .business-types-arrows button{height:44px;width:44px}
  .jewelry-page .business-types-arrows svg{margin:auto}
  .jewelry-page .jewelry-hero{min-height:0;padding:44px 0 24px}
  .jewelry-page .jewelry-hero-main{width:calc(100% - 48px);grid-template-columns:minmax(0,1fr);min-height:0;gap:24px;transform:none}
  .jewelry-page .jewelry-hero-copy{order:2;max-width:760px;padding:0;margin:auto}
  .jewelry-page .jewelry-hero-copy h1{font-size:clamp(32px,5.1vw,46px);letter-spacing:-1px}
  .jewelry-page .jewelry-hero-copy .jewelry-title-line{white-space:normal;display:block}
  .jewelry-page .jewelry-hero-copy h1 br{display:none}
  .jewelry-page .jewelry-hero .hero-visual{order:1;container-type:inline-size;width:min(680px,100%);height:auto;aspect-ratio:688/610;margin:8px auto 0;transform:none}
  .jewelry-page .hero-visual .monitor{left:0;top:13cqw;width:98%;padding:1cqw;border-radius:3.6cqw}
  .jewelry-page .hero-visual .dashboard{border-radius:2.9cqw}
  .jewelry-page .hero-visual .phone{left:3%;top:32cqw;width:24.7%;height:48.7cqw;padding:.87cqw;border-radius:4.4cqw}
  .jewelry-page .hero-visual .phone-screen{padding:0;border-radius:3.5cqw}
  /* The old HTML dashboard must never show through the media edges. */
  .jewelry-page .hero-visual .phone-screen>:not(video):not(img),
  .jewelry-page .hero-visual .dashboard>:not(video):not(img){display:none}
  .jewelry-page .hero-visual :is(.phone-video,.phone-poster,.monitor-video,.monitor-poster){inset:0;width:100%;height:100%;border-radius:inherit}
  .jewelry-page .hero-visual .monitor-video{display:block}
  .jewelry-page .hero-visual .monitor-poster{display:none}
  .jewelry-page .hero-visual .dashboard.video-fallback .monitor-video{display:none}
  .jewelry-page .hero-visual .dashboard.video-fallback .monitor-poster{display:block}
  .jewelry-page .hero-visual .phone-speaker{width:7cqw;height:.7cqw;top:1.6cqw}
  .jewelry-page .hero-visual .founder-image{right:-1%;bottom:0;width:56%;height:85cqw}
  .jewelry-page .hero-visual .founder-image:not(.founder-fade){filter:brightness(1.025) contrast(.97) saturate(.94) drop-shadow(0 16px 26px rgba(39,31,26,.065))}
  .jewelry-page .jewelry-client-logos{width:calc(100% - 48px);margin:30px auto 0}
  .jewelry-page .jewelry-client-logos .client-logo.client-logo-liza{height:75px;background-image:none!important;background-color:#b1844f;mask:url('../cases/liza-borzaya/assets/liza-borzaya-logo.svg') center/min(170px,100%) auto no-repeat;-webkit-mask:url('../cases/liza-borzaya/assets/liza-borzaya-logo.svg') center/min(170px,100%) auto no-repeat}
  .jewelry-page .system-track{grid-template-columns:repeat(6,minmax(0,1fr));gap:36px 12px}
  .jewelry-page .system-track article{grid-column:span 2;padding:0 12px}
  .jewelry-page .system-track article:nth-child(4){grid-column:2/span 2}
  .jewelry-page .system-track article:nth-child(n)::before,.jewelry-page .system-track article:nth-child(n)::after{display:none}
  .jewelry-page .system-outcomes{grid-template-columns:repeat(3,minmax(0,1fr))}
  .jewelry-page .system-outcomes p{min-width:0;flex-wrap:nowrap;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:14px}
  .jewelry-page .system-outcomes .outcome-icon{flex:none;width:82px;height:48px}
  .jewelry-page .system-outcomes .outcome-copy{min-height:70px}
  .jewelry-page .system-outcomes p{padding:22px 14px}
}
@media(min-width:981px) and (max-width:1050px){
  .jewelry-page .jewelry-client-logos .client-logo-pokrov{background-size:170px auto!important}
  .jewelry-page .jewelry-client-logos .client-logo-areal{background-size:130px auto!important}
  .jewelry-page .jewelry-client-logos .client-logo-lileo{background-size:130px auto!important}
  .jewelry-page .business-types-row{grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px}
  .jewelry-page .business-types{grid-template-columns:repeat(3,minmax(0,1fr))}
  .jewelry-page .business-types-row .business-types-arrows{grid-column:3}
  .jewelry-page .footer-main{grid-template-columns:1fr 1fr 1.4fr;gap:36px 28px}
  .jewelry-page .footer-brand{grid-column:1/3;grid-row:1}
  .jewelry-page .footer-contact{grid-column:3;grid-row:1}
  .jewelry-page .footer-main>.footer-column{grid-row:2}
  .jewelry-page .footer-documents{grid-column:3}
}
@media(max-width:980px){
  .jewelry-page .header .nav{min-height:74px}
  .jewelry-page .header.menu-open{max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}
  .jewelry-page .header.menu-open .nav-links{gap:0}
  .jewelry-page .header.menu-open .nav-actions{display:flex;order:5;width:100%;flex-wrap:wrap;padding:8px 0 12px}
  .jewelry-page .header.menu-open .messengers{display:flex}
  .jewelry-page .header.menu-open .header-phone{display:block;white-space:nowrap}
  .jewelry-page .header.menu-open .nav-industry-trigger>span{display:block}
  .jewelry-page .header.menu-open .nav-industry-dropdown{display:none;padding:0 0 6px;transform:none;border:0}
  .jewelry-page .header.menu-open .nav-industry-menu.is-open .nav-industry-dropdown{display:block;transform:none}
  .jewelry-page .header.menu-open .nav-industry-dropdown a{border:0;padding:12px 14px}
  .jewelry-page section[id]{scroll-margin-top:90px}
}
@media(max-width:720px){
  .jewelry-page .container{width:calc(100% - 32px)}
  .jewelry-page .section{padding:58px 0}
  .jewelry-page .jewelry-hero{padding-top:30px}
  .jewelry-page .jewelry-hero-main{width:calc(100% - 32px);gap:18px}
  .jewelry-page .jewelry-hero-copy h1{font-size:clamp(27px,6.9vw,39px);line-height:1.14;letter-spacing:-.8px}
  .jewelry-page .jewelry-hero-copy>p{font-size:17px;line-height:1.5;margin:20px 0 24px}
  .jewelry-page .jewelry-hero-copy .hero-buttons{flex-direction:column;gap:12px}
  .jewelry-page .jewelry-hero-copy .hero-buttons .btn{width:100%;font-size:16px;min-height:52px}
  .jewelry-page .jewelry-client-logos{width:calc(100% - 40px);gap:20px 22px;padding:8px 0 20px}
  .jewelry-page .jewelry-client-logos .client-logo{min-width:0;height:55px;max-width:100%}
  .jewelry-page .jewelry-client-logos .client-logo-asher{mask-size:min(159.5px,100%) auto;-webkit-mask-size:min(159.5px,100%) auto}
  .jewelry-page main :is(.section-heading h2,.platform-copy h2,.demo-copy h2,.estimate-copy h2),.jewelry-page main .jewelry-platform .platform-copy h2{font-size:clamp(28px,6.6vw,38px);line-height:1.14;letter-spacing:-.7px;overflow-wrap:normal}
  .jewelry-page .business-types-row{margin:26px 0}
  .jewelry-page .business-types{gap:10px}
  .jewelry-page .business-types button{max-width:100%;white-space:normal}
  .jewelry-page .situation-list article>div{min-width:0;grid-template-columns:28px minmax(0,1fr);column-gap:12px}
  .jewelry-page .jewelry-system .system-map{margin-top:32px}
  .jewelry-page .system-track{grid-template-columns:minmax(0,1fr);gap:28px}
  .jewelry-page .system-track article,.jewelry-page .system-track article:nth-child(4){grid-column:auto;display:grid;grid-template-columns:50px minmax(0,1fr);column-gap:18px;max-width:none;width:100%;padding:0;text-align:left;margin:0}
  .jewelry-page .system-track .diamond-icon{grid-row:1/3;width:50px;height:50px;margin:0}
  .jewelry-page .system-track h3{margin:0 0 7px}
  .jewelry-page .jewelry-system .system-outcomes{margin-top:32px;grid-template-columns:1fr}
  .jewelry-page .system-outcomes p{padding:26px 22px}
  .jewelry-page .system-outcomes .outcome-copy{min-height:0}
  .jewelry-page .system-outcomes p+p{margin-top:14px}
  .jewelry-page .system-outcomes p+p::before{left:22px;right:22px;top:-7px;bottom:auto;width:auto;height:1px}
  .jewelry-page .jewelry-platform .platform-copy h2 br{display:none}
  .jewelry-page .platform-points .change-card{padding:24px}
  .jewelry-page .cases-layout{grid-template-columns:minmax(0,1fr)}
  .jewelry-page .cases-heading-row h2>span{display:inline;white-space:normal}
  .jewelry-page .cases-heading-row h2>span:first-child::after{content:' '}
  .jewelry-page .case-card{padding:24px;min-width:0}
  .jewelry-page .case-card h3{font-size:27px}
  .jewelry-page .case-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .jewelry-page .case-stats strong{font-size:32px}
  .jewelry-page .case-stats small{overflow-wrap:break-word}
  .jewelry-page .lead-form,.jewelry-page .quiz-card{padding:22px;min-height:0}
  .jewelry-page .lead-form input:not([type=checkbox]),.jewelry-page .input-label input{font-size:16px;padding-inline:12px}
  .jewelry-page .quiz-actions{gap:12px;flex-wrap:wrap}
  .jewelry-page .quiz-actions .quiz-next{min-width:0;white-space:normal;flex:1 1 170px;padding-inline:12px;font-size:16px}
  .jewelry-page .file-promise{gap:14px}
  .jewelry-page .file-promise>span{flex-shrink:0}
  .jewelry-page .approach-grid{grid-template-columns:minmax(0,1fr)}
  .jewelry-page .approach-grid article:nth-child(n){border-right:0;border-bottom:1px solid var(--line);min-height:0;padding:26px}
  .jewelry-page .approach-grid article:last-child{border-bottom:0}
  .jewelry-page .faq-list summary{gap:16px;font-size:18px}
  .jewelry-page .faq-list summary span{flex-shrink:0}
  .jewelry-page .footer-main{padding:46px 0;gap:30px 20px}
  .jewelry-page .footer-contact-actions{flex-wrap:wrap}
  .jewelry-page .footer-contact-socials{flex-wrap:wrap}
  .jewelry-page .cookie-panel{max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;left:12px;right:12px;bottom:12px}
  .jewelry-page .cookie-actions{flex-wrap:wrap}
  .jewelry-page .modal-card{padding:30px 20px 22px}
  .jewelry-page .modal-card h2{font-size:27px;padding-right:16px}
}
@media(max-width:1050px) and (prefers-reduced-motion:reduce){
  .jewelry-page .hero-visual .monitor-video{display:none}
  .jewelry-page .hero-visual .monitor-poster{display:block}
}
