@font-face{font-family:"Manrope Local";font-style:normal;font-weight:200 800;font-display:swap;src:url('/assets/fonts/manrope-variable.woff') format('woff')}
/* Experimental refinement only. Original card and calculator remain untouched. */
.catalogue-card{--trial-accent:#ae3029;--trial-ink:#252522;--trial-muted:#676762;--trial-line:#d7d6d1}
.catalogue-card h1{letter-spacing:-.04em;text-wrap:balance}
.catalogue-card .photo-toolbar{font-size:12px;line-height:1.5;flex-wrap:wrap;padding:6px 0}
.photo-toolbar button,.effect-strip-heading button{min-width:44px;min-height:44px;display:inline-grid;place-items:center}
.effect-strip-heading>div{display:flex;gap:8px}
.catalogue-card .effect-options span{font-size:13px;line-height:1.45;min-height:38px;max-height:38px}
.catalogue-card .order-color #order-color-sample{width:54px;height:54px;flex:0 0 54px;border-radius:50%;background-position:center;border:0;outline:1px solid #0002;padding:0;cursor:pointer;touch-action:manipulation}
.catalogue-card #order-color-sample:focus-visible{outline:2px solid var(--trial-accent);outline-offset:5px}
.catalogue-card #order-color-sample[data-flat=true]{background-image:none!important}
@media(hover:hover) and (pointer:fine){.catalogue-card #order-color-sample:hover{background-image:none!important}}
.catalogue-card .calculation-row>div>span{font-size:13px;line-height:1.5;max-width:38ch}
.catalogue-card .calculation-row>span{line-height:1.5;overflow-wrap:anywhere}
.catalogue-card .calculation-row>span[data-label="Фасовка"]{white-space:pre-line}
.catalogue-card .calculation-row>span[data-label="Стоимость"]{font-weight:500}
.catalogue-card .calculation-text-action{min-height:44px}
.catalogue-card .calculation-reserve{min-height:44px;margin-bottom:16px}
.catalogue-card .palette-tools button,.catalogue-card .order-secondary button{min-height:44px}
.catalogue-card .calculation-total #order-total{font-variant-numeric:tabular-nums}
.catalogue-card input{caret-color:var(--trial-accent)}
.catalogue-card ::selection{background:#e9dfcb;color:var(--trial-ink)}
@media(max-width:600px){.calculation-row>span:before{font-size:12px;line-height:1.5}.catalogue-card .line-editor .calculation-text-action{font-size:13px}.catalogue-card .calculation-choice .order-color{width:100%}.catalogue-card .order-color a{margin-left:auto;min-height:44px;display:inline-flex;align-items:center}}

.card-breadcrumb{flex-wrap:wrap;align-items:center}.card-breadcrumb>a:last-child{margin-left:auto;text-decoration:underline;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}@media(max-width:600px){.card-breadcrumb>a:last-child{margin-left:0;flex-basis:100%}}

/* Taste trial: a printed material catalogue, with a distinct reading and operating voice. */
@font-face{font-family:"Cormorant Garamond Local";font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/cormorant-garamond-normal-500.woff') format('woff')}
@font-face{font-family:"Cormorant Garamond Local";font-style:italic;font-weight:500;font-display:swap;src:url('/assets/fonts/cormorant-garamond-italic-500.woff') format('woff')}
.catalogue-card{--card-display:"Cormorant Garamond Local",Georgia,serif;--card-text:"Manrope Local",Manrope,Arial,sans-serif;font-family:var(--card-text);font-synthesis:none}
.catalogue-card .catalogue-heading{margin:0 0 34px}
.catalogue-card .catalogue-heading h1{font-family:var(--card-display);font-size:clamp(48px,7.3vw,104px);font-style:italic;font-weight:500;line-height:1.04;letter-spacing:-.025em;text-wrap:balance;margin:0 0 14px;max-width:100%;font-kerning:normal;display:flex;align-items:baseline;gap:clamp(4px,1vw,14px)}
.catalogue-heading h1 sup{font-family:var(--card-text);font-size:16px;font-style:normal;font-weight:400;letter-spacing:0;vertical-align:super;margin-left:0;align-self:flex-start;margin-top:.6em;flex:0 0 auto}
.catalogue-card .material-maker{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font:400 14px/1.5 var(--card-text);margin:0;letter-spacing:0;color:var(--trial-muted)}
.material-maker img{display:block;width:66px;height:34px;object-fit:contain;mix-blend-mode:multiply}
.material-detail-page .card-index{margin-bottom:40px}
.material-detail-page .card-index a{font-size:14px;line-height:1.4}
.catalogue-card h2{font-family:var(--card-text);font-size:clamp(24px,2.5vw,34px);font-style:normal;font-weight:500;letter-spacing:-.025em;line-height:1.2;margin-bottom:24px;text-wrap:balance}
.catalogue-card .material-intro{font-family:var(--card-display);font-size:clamp(24px,2.1vw,28px);font-style:italic;font-weight:500;line-height:1.35;letter-spacing:0;margin:0 0 20px;max-width:42ch;text-wrap:pretty}
.catalogue-card #characteristics>p:not(.material-intro):not(.card-note){font-size:16px;line-height:1.6;max-width:48ch}
.catalogue-card .material-facts{border-block:1px solid var(--trial-line);padding:12px 0;margin:28px 0 18px}
.catalogue-card .material-facts>div{border:0;grid-template-columns:minmax(100px,1fr) minmax(0,1.65fr);padding:9px 0;gap:18px;font-size:14px;line-height:1.5}
.catalogue-card .material-facts dd{font-size:15px;line-height:1.5}
.catalogue-card .card-note{font-size:13px;line-height:1.6}
.catalogue-card>section{margin-top:80px;padding-top:0;border-top:0}
.catalogue-card .catalogue-section-heading{margin-bottom:22px;gap:24px;align-items:baseline}
.catalogue-card .catalogue-section-heading h2{margin:0}
.catalogue-card .palette-tools{margin-bottom:28px}
.catalogue-card .round-palette .color-code{font-size:13px;line-height:1.4}
.catalogue-card .calculation-start input,.catalogue-card .calculation-start select,.catalogue-card .recipe-settings-grid select,.catalogue-card .line-editor input,.catalogue-card .line-editor select{font-family:var(--card-text);font-size:16px;line-height:1.4}
.catalogue-card .calculation-start .area-first input{font-size:24px;font-variant-numeric:tabular-nums}
.catalogue-card .calculation-table-head{font-size:13px;line-height:1.5;padding:16px 0}
.catalogue-card .calculation-row{padding:24px 0;align-items:start}
.catalogue-card .calculation-row>div>strong{font-size:17px;line-height:1.4}
.catalogue-card .calculation-total{margin-top:20px;padding-top:24px}
.catalogue-card .calculation-total #order-total{font-family:var(--card-text);font-size:36px;font-weight:500;letter-spacing:-.025em;line-height:1.3}
.catalogue-card #selection .order-actions{margin-top:24px}
@media(max-width:850px){.catalogue-card .catalogue-heading{margin-bottom:26px}.material-detail-page .card-index{margin-bottom:28px}.material-detail-page .card-index a{font-size:13px}.catalogue-card .catalogue-spread{gap:40px}.catalogue-card>section{margin-top:56px}}
@media(max-width:600px){.catalogue-card .catalogue-heading h1{font-size:clamp(43px,11.6vw,66px);line-height:1.05;letter-spacing:-.02em}.catalogue-heading h1 sup{font-size:13px}.catalogue-card .material-maker{font-size:13px;gap:10px}.material-maker img{width:56px;height:29px}.catalogue-card h2{font-size:24px;line-height:1.2}.catalogue-card .material-intro{font-size:24px;line-height:1.35;max-width:42ch}.catalogue-card .material-facts>div{grid-template-columns:minmax(90px,1fr) minmax(0,1.6fr);gap:14px}.catalogue-card .material-facts dd{font-size:14px}.catalogue-card .catalogue-section-heading{display:flex;flex-wrap:wrap;gap:12px}.catalogue-card .calculation-row{padding:22px 0}.catalogue-card .calculation-total #order-total{font-size:30px}}

.material-maker a{text-decoration:underline;text-underline-offset:4px}.material-maker a:hover{color:var(--trial-accent)}

/* Grotesk headings and a quieter editorial lead; scoped to trial card 2. */
.material-detail-page{font-family:"Manrope Local",Manrope,Arial,sans-serif}.catalogue-card #characteristics-title{font-family:var(--card-text);font-style:normal;font-weight:600;margin:0 0 16px}.catalogue-card #characteristics{min-width:0}.catalogue-card #characteristics>p:not(.material-intro):not(.card-note){margin-top:0}

/* Restore the reference card's row rhythm in the characteristics table. */
.catalogue-card .material-facts>div+div{border-top:1px solid var(--trial-line)}

/* Final working-card actions: clear priority, without a second outlined slab. */
.catalogue-card #selection .order-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 28px;max-width:none;margin-top:28px}.catalogue-card #selection .order-actions>button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;width:auto;padding:14px 24px;border:1px solid var(--trial-ink);background:var(--trial-ink);color:#fff;font-family:var(--card-text);font-size:14px;font-weight:500;line-height:1.5;letter-spacing:0;transition:background-color 160ms ease,border-color 160ms ease}.catalogue-card #selection .order-actions>a{display:inline-flex;align-items:center;justify-content:flex-start;min-height:52px;padding:12px 0;border:0;background:none;color:var(--trial-ink);font-family:var(--card-text);font-size:14px;font-weight:500;line-height:1.5;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.catalogue-card #selection .order-actions>button:disabled{opacity:.5;cursor:default}@media(hover:hover) and (pointer:fine){.catalogue-card #selection .order-actions>button:not(:disabled):hover{background:var(--trial-accent);border-color:var(--trial-accent)}.catalogue-card #selection .order-actions>a:hover{color:var(--trial-accent)}}@media(max-width:600px){.catalogue-card #selection .order-actions{flex-direction:column;align-items:stretch;gap:6px}.catalogue-card #selection .order-actions>button{width:100%;padding:14px 18px}.catalogue-card #selection .order-actions>a{align-self:flex-start;min-height:48px}.catalogue-card #selection .order-secondary{margin-top:18px}}@media(prefers-reduced-motion:reduce){.catalogue-card #selection .order-actions>button{transition:none}}
/* Documents stay compact: one quiet rail, catalogue pages first. */
.catalogue-card .card-document-rail{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#aaa transparent;touch-action:pan-x pan-y;padding:4px 4px 16px;margin:0 -4px}.catalogue-card .card-document-rail>.document-row{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex:0 0 180px;min-width:0;gap:12px;padding:0;border:0;scroll-snap-align:start}.catalogue-card .card-document-rail .document-preview{flex:none;width:100%}.catalogue-card .card-document-rail .document-preview img{width:100%;height:160px;object-fit:contain;object-position:left top;background:transparent}.catalogue-card .card-document-rail .document-row>div{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0;line-height:1.45}.catalogue-card .card-document-rail .document-row>div>span{font-size:14px;min-height:40px}.catalogue-card .card-document-rail small{font-size:12px;line-height:1.5;margin:0}.catalogue-card .card-document-rail a[download]{font-size:14px;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.card-document-rail:focus-visible{outline:2px solid var(--trial-accent);outline-offset:4px}@media(max-width:600px){.catalogue-card .card-document-rail{gap:18px}.catalogue-card .card-document-rail>.document-row{flex-basis:170px}.catalogue-card .card-document-rail .document-preview img{height:145px}}

/* Agreed order controls: rounded buttons; input geometry unchanged. */
.catalogue-card #selection .order-actions>button,.catalogue-card #selection .order-secondary>button{border-radius:999px}
.catalogue-card #system-application{border-top:1px solid #d7d6d1;margin-top:24px;padding:18px 0;font-size:13px;max-width:760px}.catalogue-card #system-application summary{cursor:pointer;min-height:44px;display:list-item;padding:10px 0}.catalogue-card #system-application p{margin:12px 0}

/* Footer tone matched to the warm neutral card palette. */
body.material-detail-page>footer{background:#aaa8a1;color:var(--trial-ink,#24251f)}
