/* Commerce pages use the same typography and navigation as basuratti.com. */
.commerce-shell,.account-shell{width:min(1200px,calc(100% - 96px));margin-inline:auto}.commerce-hero{padding:60px 0 55px}.commerce-hero__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center}.commerce-title{font-size:clamp(58px,6.5vw,88px);line-height:.94;margin-bottom:25px}.commerce-descriptor{font:500 32px/1.15 var(--serif);letter-spacing:-.025em;max-width:420px}.commerce-lede{font-size:14px;color:var(--muted);line-height:1.9;max-width:460px;margin-top:22px}.commerce-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px}.commerce-note{font-size:11px;color:var(--muted);margin-top:16px}.commerce-hero__media{min-width:0}.product-emblem{height:460px;display:flex;align-items:center;justify-content:center;background:#e9e0d9;position:relative;overflow:hidden}.product-emblem>img{width:83%;height:78%;object-fit:contain}.product-emblem--spy_butler{background:#303a36}.product-emblem--spy_butler>img{width:64%}.product-emblem--basuratti_one{background:#e7e1d3;flex-direction:column;padding:35px}.one-wordmark{font:italic 180px/.9 var(--serif);color:#544b37;letter-spacing:-.06em}.one-card-label{font-size:10px;letter-spacing:.25em;margin-top:18px}.one-card-products{border-top:1px solid #c8c0b0;width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:45px;padding-top:20px;font-size:10px;color:#655f51}.emblem-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:13px}.commerce-section{padding:65px 0;border-top:1px solid var(--line)}.product-story{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.story-copy h2{font-size:50px}.story-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);margin-top:20px;max-width:400px}.story-list{display:grid;gap:0}.story-item{display:grid;grid-template-columns:34px 1fr;gap:14px;padding:22px 0;border-bottom:1px solid var(--line)}.story-item:first-child{padding-top:0}.story-item:last-child{border:0;padding-bottom:0}.story-item>span{font:italic 22px var(--serif);color:var(--accent)}.story-item h3{font:500 26px/1.15 var(--serif);margin-bottom:8px}.story-item p{font-size:12px;line-height:1.8;color:var(--muted)}.tariff-stage__head{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:30px}.tariff-stage__head h2{font-size:54px}.tariff-stage__head>p{max-width:340px;color:var(--muted);font-size:12px;line-height:1.8}.brand-tariffs{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.brand-tariff{position:relative;padding:27px 24px 22px;border:1px solid var(--line);background:var(--white);display:flex;flex-direction:column;border-radius:4px}.brand-tariff--featured{border-color:#8a7756;background:#efe9dc}.brand-tariff__tag{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:20px;min-height:16px}.brand-tariff__period{font:500 30px/1.15 var(--serif)}.brand-tariff__price{font:500 37px/1.15 var(--serif);margin-top:20px!important;letter-spacing:-.03em}.brand-tariff__hint{font-size:11px;line-height:1.8;color:var(--muted);margin-top:15px;max-width:28ch}.tariff-card-actions{margin-top:auto;padding-top:25px}.tariff-card-actions .button{width:100%}.tariff-group+.tariff-group{margin-top:38px}.tariff-group__title{border-top:1px solid var(--line);padding-top:28px;margin-bottom:22px}.tariff-group__title h3{font:500 30px var(--serif)}.tariff-group__title p:not(.eyebrow){font-size:12px;color:var(--muted);margin-top:8px}.legal-hint{font-size:10px;line-height:1.85;color:var(--muted);max-width:810px;margin-top:22px}.legal-hint a{text-decoration:underline;text-underline-offset:3px}.commerce-one-banner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px}.commerce-one-banner h2{font-size:46px}.commerce-one-banner p:not(.eyebrow){color:var(--muted);max-width:650px;font-size:13px;margin-top:18px}.faq-section h2{font-size:44px;margin-bottom:28px}.faq-section details{border-top:1px solid var(--line);padding:19px 0}.faq-section details:last-child{border-bottom:1px solid var(--line)}.faq-section summary{cursor:pointer;list-style:none;font-size:14px;display:flex;justify-content:space-between;gap:20px}.faq-section summary::after{content:'+';color:var(--accent)}.faq-section details[open] summary::after{content:'−'}.faq-section details p{font-size:13px;line-height:1.8;max-width:710px;margin-top:15px;color:var(--muted)}.faq-section details a{text-decoration:underline}.notice,.tariff-error{font-size:13px;background:#ece6d8;padding:20px;border-radius:4px;margin-bottom:20px}.notice.error{color:#8b372b;background:#f3e5dc}.tariff-error .button{margin-left:16px}.modal{position:fixed;inset:0;z-index:100;background:#22251fe0;display:grid;place-items:center;padding:20px}.modal-card{background:var(--paper);padding:40px;width:min(460px,100%);border-radius:5px;max-height:calc(100dvh - 40px);overflow:auto}.modal-card h2{font-size:40px}.modal-card>p{margin-block:18px 26px;font-size:13px;color:var(--muted)}.modal-card>.button{margin-top:24px}.modal-card #telegramWidgetHost{min-height:45px}.modal-status{font-size:12px;color:#8b372b}.payment-feedback{margin-top:20px}.payment-feedback:empty{display:none}
/* Individual purchase pages and the account's compatibility route. */
.product--spy .tariff-purchase-card{background:#303a36;color:#f2ecdc}.product--spy .tariff-purchase-card p,.product--spy .tariff-purchase-card .owner-note{color:#d4d5c8}
.hero.shell,.account-shell{padding-block:55px 70px}.hero h1{font-size:64px}.hero>p:not(.eyebrow){color:var(--muted);max-width:640px;margin-top:22px;font-size:14px}.hero-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:24px}.section{padding-block:45px}.section-heading p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:430px}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.product-card{border:1px solid var(--line);padding:30px;background:var(--white)}.product-card h3{font:500 38px var(--serif)}.product-card__lede,.product-card__bullets{font-size:13px;color:var(--muted);margin-block:20px}.product-card__price{margin:24px 0}.product-card__amount{font:38px var(--serif)}.product-card__from,.product-card__period{font-size:12px}.one-banner{display:flex;align-items:center;justify-content:space-between;gap:40px}.one-banner p:not(.eyebrow){color:var(--muted);font-size:13px;max-width:650px;margin-top:15px}.commerce-detail-hero{padding-block:55px}.commerce-detail-grid{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:80px}.tariff-purchase-card{background:#e8e3d6;padding:30px}.tariff-purchase-card img{height:100px;max-width:160px;object-fit:contain;margin-bottom:25px}.tariff-purchase-card h2{font-size:48px}.tariff-purchase-card p:not(.brand-tariff__tag),.owner-note{font-size:12px;color:var(--muted);margin-top:15px}.purchase-strip{display:flex;gap:40px;justify-content:space-between;align-items:center}.purchase-strip p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:680px;margin-top:20px}.purchase-strip h2{font-size:42px}.commerce-shell>.legal-hint{margin-bottom:55px}.account-head{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:40px}.account-head h1{font-size:64px}.account-login{padding:35px 0;border-block:1px solid var(--line)}.account-login h2{font-size:36px}.account-login p{color:var(--muted);font-size:13px;margin-block:18px}.account-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.account-panel{border:1px solid var(--line);padding:25px}.account-panel h2{font-size:32px;margin-bottom:20px}.account-panel>p{font-size:12px;color:var(--muted)}.account-wide{grid-column:1/-1}.account-kv{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:12px}.account-kv span{color:var(--muted)}.account-row{display:flex;gap:20px;justify-content:space-between;border-top:1px solid var(--line);padding:16px 0;font-size:12px}.account-row span{display:block;color:var(--muted);margin-top:6px}.account-row em{font-style:normal;color:var(--muted)}.account-row-actions{display:flex;gap:10px}.account-action{margin-top:20px}.panel-title-row{display:flex;justify-content:space-between;align-items:start;gap:15px}.panel-title-row>a{font-size:12px;text-decoration:underline}.compact-button{min-height:36px;padding:7px 12px;font-size:11px}.empty-row{font-size:13px;color:var(--muted);padding:15px 0}.limit-ring{font:44px var(--serif);margin-bottom:15px}.limit-ring small{font-size:28px}.account-status{font-size:13px;margin-bottom:16px}
@media(max-width:1000px){.commerce-shell,.account-shell{width:calc(100% - 56px)}.commerce-hero__grid{gap:35px}.commerce-title{font-size:68px}.product-emblem{height:400px}.product-story{gap:50px}.brand-tariffs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:740px){.commerce-shell,.account-shell{width:calc(100% - 40px)}.commerce-hero{padding-block:35px 38px}.commerce-hero__grid{grid-template-columns:1fr;gap:30px}.commerce-title{font-size:64px}.commerce-descriptor{font-size:30px}.commerce-lede{font-size:13px;max-width:460px;margin-top:18px}.commerce-actions{gap:15px;margin-top:23px}.product-emblem{height:300px}.product-emblem>img{height:85%;width:75%}.product-emblem--spy_butler>img{width:50%}.one-wordmark{font-size:140px}.one-card-products{margin-top:25px}.commerce-section{padding-block:40px}.product-story{grid-template-columns:1fr;gap:30px}.story-copy h2{font-size:42px}.story-item h3{font-size:25px}.tariff-stage__head{display:block}.tariff-stage__head h2{font-size:46px}.tariff-stage__head>p{margin-top:18px}.brand-tariffs{gap:12px}.brand-tariff{padding:20px 16px}.brand-tariff__tag{font-size:8px;margin-bottom:16px}.brand-tariff__period{font-size:26px}.brand-tariff__price{font-size:34px}.brand-tariff__hint{font-size:10px}.brand-tariff .button{padding-inline:10px}.commerce-one-banner{display:block}.commerce-one-banner>.button{margin-top:24px}.commerce-one-banner h2{font-size:40px}.faq-section h2{font-size:38px}.modal-card{padding:28px 22px}.modal-card h2{font-size:34px}.product-grid{grid-template-columns:1fr}.hero h1,.account-head h1{font-size:48px}.one-banner,.purchase-strip,.account-head{display:block}.one-banner>.button,.purchase-strip>.button,.account-head>.button{margin-top:24px}.commerce-detail-grid{grid-template-columns:1fr;gap:30px}.account-grid{grid-template-columns:1fr}.account-wide{grid-column:auto}.account-panel{padding:20px}.account-row{flex-wrap:wrap}.tariff-error .button{margin:15px 0 0;display:flex}}
@media(max-width:360px){.brand-tariffs{grid-template-columns:1fr}.commerce-title{font-size:56px}}

/* Apply the project's palette to its complete page, not only the emblem. */
.commerce-product{background:var(--paper);color:var(--ink)}
.commerce-product .product-emblem{background:transparent}
.commerce-product .product-emblem img{transform:none;object-position:center}
.brand-tariff,.product-card,.tariff-purchase-card{background:var(--raised)}
.brand-tariff--featured{background:var(--feature);border-color:var(--accent)}
.notice,.tariff-error{background:var(--notice)}.notice.error{background:var(--error-surface);color:var(--error)}
.modal-status{color:var(--error)}
.product--spy .tariff-purchase-card{background:var(--raised);color:var(--ink)}
.product--spy .tariff-purchase-card p,.product--spy .tariff-purchase-card .owner-note{color:var(--muted)}
@media(prefers-color-scheme:dark){
 .product--one{--paper:#211f18;--ink:#f0e9d7;--muted:#c1bba8;--line:#514b3a;--accent:#dabe80;--raised:#2c281e;--feature:#3c3421}
 .one-wordmark{color:var(--accent)}.one-card-label{color:var(--ink)}.one-card-products{color:var(--muted);border-color:var(--line)}
}

.commerce-product .notice:not(.error),.commerce-product .tariff-error{background:var(--raised);color:var(--ink)}
