/* BULOSHNAYA v0.10 — brand UI system. Functional components/IDs remain intact.
   Palette supports the approved warm product-photo direction, without copying Bagetmast UI. */
:root{
  --bg:#F8F7F2;--paper:#FFFFFF;--ink:#1C221F;--muted:#58635C;
  --accent:#F8C938;--accent-hover:#F0BD21;--tan:#F0EEE5;
  --sand:#F7E8BA;--line:#DDE0D8;--choc:#202722;--cream:#F8C938;
  --radius:11px;--shadow:0 18px 44px rgba(16,24,18,.12);
}
body{font-family:Arial,"Helvetica Neue",Helvetica,system-ui,sans-serif;background:var(--bg);color:var(--ink)}
html{scroll-padding-top:88px}
::selection{background:#F8C938;color:#17211B}
.wrap{width:min(1256px,calc(100% - 64px))}
.section{padding-block:94px}
.eyebrow{color:#455647;font-size:12px;letter-spacing:.145em;font-weight:860;text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:10px}
.eyebrow:before{content:"";width:24px;height:5px;background:var(--accent);flex:none}
.eyebrow--light{color:#FBCE53}
.eyebrow--light:before{background:#FBCE53}
h1,h2,h3{font-family:Arial,"Helvetica Neue",Helvetica,system-ui,sans-serif;letter-spacing:-.052em;color:var(--ink)}
h1{font-size:clamp(49px,5.3vw,79px);line-height:1.02;font-weight:900}
h2{font-size:clamp(34px,3.7vw,53px);line-height:1.045;font-weight:900}
h3{font-weight:850}
.btn{border-radius:10px;min-height:53px;font-size:14px;font-weight:800;padding:14px 20px;letter-spacing:-.01em;transition:background .18s,color .18s,transform .18s,border-color .18s}
.btn:hover{transform:translateY(-1px)}
.btn--small{min-height:45px;padding:12px 18px}
.btn--accent,.btn--cream{background:var(--accent);color:#1C221F;border-color:var(--accent)}
.btn--accent:hover,.btn--cream:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.btn--outline,.btn--ghost{background:transparent;color:var(--ink);border:1.5px solid #AAB2A8}
.btn--outline:hover,.btn--ghost:hover{background:#E9ECE6;border-color:#647569}
.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #F3BC20;outline-offset:3px}
/* Header: compact, studio-like, firm yellow rail, not brown bakery navigation. */
.site-header{background:#FCFBF7;border-bottom:1px solid #DDE1D9;box-shadow:none;backdrop-filter:blur(12px)}
.header-line{background:#1C231E;color:#F8F6ED;letter-spacing:.045em;font-size:11px}
.header-line .wrap{padding-block:8px}
.header-inner{min-height:86px}
.brand img{width:183px}
.desktop-nav{gap:29px;font-size:14px;font-weight:800}
.desktop-nav a{position:relative}
.desktop-nav a:hover,.header-phone:hover{color:#242A22}
.desktop-nav a:after{content:"";position:absolute;bottom:-11px;left:0;height:4px;width:100%;background:#F8C938;transform:scaleX(0);transform-origin:left;transition:transform .18s}
.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{transform:scaleX(1)}
.header-phone{font-size:14px}
.menu-button span{background:#1C221F}
.mobile-nav{background:#F9F8F2}
/* Signature editorial hero: bold typographic panel + real product imagery with straight geometry. */
.hero{background:#F7CE4D;position:relative;overflow:hidden;padding:0;border-bottom:1px solid #DDB63F}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 27%,rgba(255,255,255,.25),transparent 40%);opacity:.8}
.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:30px;min-height:600px;padding-top:62px;padding-bottom:62px}
.hero-copy{max-width:695px;z-index:2;position:relative}
.hero .eyebrow{color:#2A372B;margin-bottom:28px}
.hero .eyebrow:before{background:#1B261E}
.hero h1{max-width:770px;font-size:clamp(51px,5.3vw,78px);margin-bottom:26px}
.hero-copy p{color:#333E35;font-size:18px;line-height:1.57;max-width:560px;margin-bottom:33px;font-weight:500}
.hero-actions{gap:12px}
.hero-actions .btn--accent{background:#1E2721;color:#fff;border-color:#1E2721}
.hero-actions .btn--accent:hover{background:#394B3D;border-color:#394B3D}
.hero-actions .btn--ghost{border-color:#1E2721;color:#1E2721;background:#F9D973}
.hero-actions .btn--ghost:hover{background:#FFF0B2}
.hero-scroll{color:#1E2A20;border-bottom:2px solid #1E2A20;font-size:14px;margin-top:35px}
.hero-visual{height:505px;max-width:610px;margin-right:-4%;isolation:isolate}
.hero-circle{display:none}
.hero-visual:before{content:"";position:absolute;right:-8%;top:-4%;width:72%;height:104%;border:1.5px solid #6A5D3380;border-radius:90px 14px 90px 14px;transform:rotate(6deg);pointer-events:none}
.hero-shot{border:0;background:#FCFBF7;box-shadow:11px 12px 0 rgba(28,34,31,.13);padding:10px;border-radius:7px;transform:none;overflow:hidden}
.hero-shot img{object-fit:contain;mix-blend-mode:normal}
.legacy-product-media .hero-shot img{mix-blend-mode:multiply}
.hero-shot--main{left:0;top:16%;width:67%;height:70%;transform:none;z-index:2}
.hero-shot--upper{right:1%;top:1%;width:39%;height:39%;transform:none;z-index:3}
.hero-shot--lower{right:-4%;bottom:0;width:41%;height:39%;transform:none;z-index:3}
.hero-visual:after{content:"ХЛЕБ / БУЛОЧКИ";position:absolute;bottom:4%;left:-4%;z-index:4;padding:12px 15px;background:#1C221F;color:#F8C938;letter-spacing:.14em;font-weight:900;font-size:11px;transform:rotate(-4deg)}
/* Commercial facts: a graphic information ribbon instead of rounded beige tiles */
.highlights{background:#1D261F;border:0;color:white}
.highlights-grid>div{padding:27px 27px 26px;border-right:1px solid #5B6C5E}
.highlights-grid>div:first-child{padding-left:12px}
.highlights-grid strong{color:#FFF7D2;font-size:15px;font-weight:850;line-height:1.35}
.highlights-grid span{color:#C9D2C9;font-size:13px;line-height:1.5}
.highlights-grid>div:last-child{border:0}
/* Product catalog: restrained editorial grid and oversized genuine product photos */
.catalog-section{background:#F8F7F2}
.section-heading{margin-bottom:34px;align-items:end}
.section-heading h2{max-width:720px}
.section-heading p,.section-intro{font-size:16px;color:var(--muted);max-width:680px}
.catalog-controls{border-block:1px solid #C7CEC5;padding:17px 0;gap:30px;align-items:center}
.category-switch{border-radius:0;background:transparent;padding:0;gap:4px;border-right:1px solid #C4CCC1;padding-right:25px}
.category-switch button{border-radius:5px;background:transparent;min-height:49px;min-width:105px;color:#616D60;font-size:16px;font-weight:820}
.category-switch button[aria-pressed="true"]{background:#1F2B22;color:white;box-shadow:none}
.filter-pills{gap:4px 13px}
.filter-pills button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;padding:12px 4px 9px;color:#657368;font-size:14px;font-weight:700;min-height:45px}
.filter-pills button:hover{color:#1B2720}
.filter-pills button[aria-pressed="true"]{border-color:#F3BF25;background:transparent;color:#1C241D}
.filter-select select{border-radius:8px;background:#fff;border:1px solid #BAC4B9;color:#263129}
.catalog-toolbar{margin:18px 0 25px}
.catalog-toolbar p{font-size:13px;color:#657065}
.clear-filter{color:#26342A;text-decoration:none;border-bottom:1px solid #637468;padding:8px 1px}
.products-grid{gap:19px}
.product-card{background:#fff;border:1px solid #E1E5DC;border-radius:8px;box-shadow:none;overflow:hidden}
.product-card:hover{border-color:#A4B3A7;box-shadow:0 16px 32px rgba(26,45,33,.09);transform:translateY(-2px)}
.product-photo{aspect-ratio:4/3;background:#F1EFE7;padding:16px;border-bottom:0}
.product-photo img{mix-blend-mode:normal;object-fit:contain}
.legacy-product-media .product-photo img{mix-blend-mode:multiply}
.product-card:hover .product-photo img{transform:scale(1.055)}
.product-photo .photo-action{left:16px;right:auto;top:auto;bottom:18px;background:#F8C938;color:#17211B;border-radius:4px;letter-spacing:-.01em;font-size:12px;box-shadow:0 5px 20px #1a242139}
.product-photo-placeholder{border-radius:0;background:#EEEDE6;color:#6A7267}
.product-body{padding:19px 20px 18px}
.product-kicker{color:#667569;font-size:11px;letter-spacing:.15em;font-weight:850;margin-bottom:12px}
.product-name{font-size:20px;font-weight:850;line-height:1.22;min-height:55px;letter-spacing:-.03em}
.product-name:hover{text-decoration:none}
.product-actions{border-top:1px solid #E6E9E2;margin-top:16px;padding-top:14px;gap:12px}
.product-actions .btn{background:#F8C938;border-color:#F8C938;color:#1C221F;border-radius:7px;min-height:43px;font-size:13px}
.product-actions .btn:hover{background:#F2BD21}
.link-button{color:#1E2821;font-weight:800;text-decoration:none;font-size:13px}
.link-button:hover{color:#546A54;text-decoration:none}
.catalog-footer{margin-top:34px;background:#EAEDE5;border:1px solid #DCE2D8;border-radius:8px;padding:25px 28px}
.catalog-footer p{color:#3F4F43;font-size:15px}
/* PDF: high contrast editorial promo rather than the same brown banner as Bagetmast */
.pdf-section{background:#F8F7F2;padding-block:25px 90px}
.pdf-band{border-radius:8px;background:#202A22;color:#fff;min-height:350px;padding:55px 65px;position:relative;overflow:hidden}
.pdf-band:before{content:"PDF";position:absolute;right:22%;top:-60px;font-family:Arial,sans-serif;font-size:250px;line-height:1;font-weight:950;letter-spacing:-.09em;color:#fff;opacity:.035;pointer-events:none}
.pdf-copy h2{color:white;max-width:700px;font-size:clamp(36px,3.8vw,54px)}
.pdf-copy p{color:#D7E0D3;max-width:585px}
.pdf-band .btn--cream{background:#F8C938;border-color:#F8C938;color:#1A241B}
.pdf-book{min-width:250px}
.pdf-book-cover{transform:rotate(6deg);background:#F8C938;color:#19221B;border-radius:3px;box-shadow:13px 15px 0 #6E796652,21px 25px 34px #030b0673;height:256px;width:190px;padding:19px}
.pdf-book-cover small{color:#202A20;font-weight:950;font-size:12px}
.pdf-book-cover b{font-family:Arial,sans-serif;font-size:35px;line-height:1.02;font-weight:950;letter-spacing:-.055em}
.pdf-book-cover span{font-size:11px;color:#38462D}
/* Contrasting structure throughout lower half */
.conditions-section{background:#FFF2C5;border-top:1px solid #E9D890;border-bottom:1px solid #E9D890}
.conditions-section .eyebrow{color:#4A513D}
.conditions-grid{gap:0;margin-top:40px;border-top:1px solid #D4CCAD;border-left:1px solid #D4CCAD}
.condition-item{background:transparent;border:0;border-right:1px solid #D4CCAD;border-bottom:1px solid #D4CCAD;border-radius:0;padding:27px 27px 30px}
.condition-icon{background:#1C281E;color:#F8C938;border-radius:7px;width:42px;height:42px;display:grid;place-items:center;font-size:20px;margin-bottom:22px}
.condition-item h3{font-size:19px;color:#1B251D}
.condition-item p{color:#4E5B4E;font-size:14px}
.offer-section{background:#F8F7F2}
.offer-grid{gap:20px}
.offer-card{background:#F0F1E9;border:1px solid #E1E5DD;border-radius:8px;padding:42px}
.offer-card:nth-child(2){background:#202A23;color:white;border-color:#202A23}
.offer-card:nth-child(2) h2{color:white}
.offer-card:nth-child(2) p{color:#D7DFD5}
.offer-card:nth-child(2) .eyebrow{color:#F8C938}
.offer-card:nth-child(2) .btn--outline{color:#F8C938;border-color:#9AA996}
.offer-card:nth-child(2) .btn--outline:hover{color:#1B231B;background:#F8C938;border-color:#F8C938}
.offer-card h2{font-size:clamp(27px,2.8vw,38px);line-height:1.1}
.offer-card p{color:#58635C;font-size:16px}
.about-section{background:white}
.about-grid{grid-template-columns:43% 1fr;gap:70px}
.about-image{border-radius:6px;background:#EDECE5;min-height:380px;border:1px solid #DEE1D7;position:relative}
.about-image:after{content:"БУЛОШНАЯ / МОСКВА";position:absolute;bottom:14px;left:14px;background:#F8C938;color:#1F2B20;padding:10px 13px;letter-spacing:.11em;font-size:11px;font-weight:850}
.about-grid p{color:var(--muted)}
.contact-section{background:#F8F7F2}
.contact-panel{background:#F8C938;border-radius:8px;padding:58px 60px;align-items:center;gap:36px}
.contact-panel h2{max-width:700px;font-size:clamp(32px,3.6vw,52px)}
.contact-panel p{color:#344232}
.contact-actions .btn--accent{background:#1B261D;border-color:#1B261D;color:white}
.contact-actions .btn--accent:hover{background:#3B503D}
.contact-actions .btn--ghost{background:transparent;border:1.5px solid #283629}
.contact-actions a{color:#1B261F}
.footer{background:#1C261E;color:white;padding:36px 0}
.footer-inner p{color:#C1D0C0}
.footer-inner a:hover{color:#F8C938}
.request-tray{background:#1C281F;border-radius:11px;box-shadow:0 18px 34px #111c17a0}
/* Drawer: same product passport structure, distinctly different label/shape/typographic rhythm */
.screen-overlay{background:#16221BD1}
.product-drawer{background:#FAFAF7;box-shadow:-15px 0 60px #050a0555}
.drawer-header{background:#1D2920;border-bottom:0}
.drawer-header>span{color:#F8CB3B;letter-spacing:.15em;font-weight:900}
.drawer-header .icon-button{background:#F9F9F1;border:0;border-radius:7px;color:#172017}
.drawer-gallery{background:#EFF0E8}
.big-photo{background:#EFF0E8}
.big-photo img{mix-blend-mode:normal}
.legacy-product-media .big-photo img{mix-blend-mode:multiply}
.big-photo:after{background:#1D2A20;color:#F8C938;border-radius:5px;bottom:16px;right:16px}
.photo-thumbs{background:#F0F1E9;border-color:#D8DFD4}
.photo-thumb{border-radius:6px;background:#fff}
.photo-thumb[aria-pressed="true"]{border-color:#202A20;box-shadow:inset 0 0 0 1px #202A20}
.photo-thumb img{mix-blend-mode:normal}
.legacy-product-media .photo-thumb img{mix-blend-mode:multiply}
.drawer-body{padding:34px 32px 42px}
.drawer-category{color:#5D7060;letter-spacing:.15em}
.drawer-body h2{font-size:36px;font-weight:900;letter-spacing:-.05em}
.drawer-intro{color:#4D5A4F;font-size:16px}
.drawer-badges span,.drawer-chips span{background:#E8EDE5;color:#344A39;border-radius:4px;font-size:12px}
.drawer-section{border-color:#D9E0D7;padding:25px 0}
.drawer-section h3{font-size:18px;color:#1B261E}
.drawer-section p{color:#556257}
.fact-card{background:#F0F2EC;border-color:#DDE4DA;border-radius:7px}
.fact-card b{color:#657566}
.fact-card span{color:#1B251E}
.drawer-section--selection{background:#F5EDCF;border-color:#E6DCB2;border-radius:6px}
.related{border-color:#DDE2D8;border-radius:5px}
.drawer-actions{background:#FAFAF7;border-color:#DAE2D8}
.drawer-actions .btn{border-radius:7px}
.form-dialog{background:#FCFCF8;border-radius:12px}
.form-dialog-header>span{color:#526A55}
.form-field input,.form-field textarea{border-color:#B4C2B3;border-radius:8px;background:#fff}
.form-agree{color:#485D4D}
.form-agree input{accent-color:#273927}
.form-error{color:#9B3023}
/* Tablet and mobile, visual change must not compromise established interactions */
@media(max-width:1180px){.desktop-nav{gap:18px}.hero-grid{gap:20px}.hero-visual{margin-right:0}.pdf-band{padding:44px}.header-inner{gap:12px}}
@media(max-width:960px){
 .header-inner{min-height:72px}.brand img{width:168px}
 .hero-grid{grid-template-columns:1.2fr .8fr;min-height:495px;padding-block:45px}
 .hero h1{font-size:clamp(42px,5.1vw,62px)}
 .hero-visual{height:370px}.hero-shot--main{width:69%}.hero-shot--upper{width:45%}.hero-shot--lower{width:47%}
 .highlights-grid>div{border-bottom:1px solid #5B6C5E}
 .highlights-grid>div:nth-child(2){border-right:0}
 .highlights-grid>div:nth-child(3),.highlights-grid>div:nth-child(4){border-bottom:0}
 .highlights-grid>div:nth-child(3){padding-left:27px}
 .category-switch{padding-right:15px}
 .filter-select select{border-radius:7px}
}
@media(max-width:700px){
 .wrap{width:min(100% - 36px,600px)}.section{padding-block:64px}
 .site-header{background:#FDFCFA}.header-inner{min-height:70px}.brand img{width:155px}
 .hero{padding:0}.hero-grid{display:flex;flex-direction:column;gap:20px;min-height:0;padding-top:39px;padding-bottom:43px}
 .hero .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:18px}
 .hero h1{font-size:clamp(38px,9.5vw,52px);margin-bottom:22px;letter-spacing:-.065em;line-height:1.04}
 .hero-copy p{font-size:16px;line-height:1.52;max-width:570px;margin-bottom:22px}
 .hero-actions{display:grid;gap:9px}.hero-actions .btn{min-height:51px}
 .hero-scroll{margin-top:18px}
 .hero-visual{height:290px;max-width:470px;margin:10px auto 0;width:100%}
 .hero-visual:before{height:95%;right:-2%;top:0;width:70%}
 .hero-shot{border-radius:5px;padding:7px;box-shadow:7px 8px 0 #24322320}
 .hero-shot--main{width:64%;top:12%;height:75%;left:2%}
 .hero-shot--upper{width:41%;height:43%;top:0;right:2%}
 .hero-shot--lower{width:43%;height:43%;bottom:0;right:0}
 .hero-visual:after{font-size:9px;bottom:1%;left:0;padding:9px}
 .highlights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .highlights-grid>div{padding:17px 11px 17px 12px}
 .highlights-grid>div:first-child{padding-left:0}
 .highlights-grid>div:nth-child(3){padding-left:0}
 .highlights-grid strong{font-size:13px;color:#FFF2C9}
 .highlights-grid span{font-size:12px;color:#D3DAD0}
 .section-heading h2{font-size:36px}.section-heading p{font-size:15px}
 .catalog-controls{gap:12px;border-bottom:0;padding-block:12px}
 .category-switch{width:100%;border-right:0;border-bottom:1px solid #C4CDC1;padding:0 0 10px;display:grid;grid-template-columns:1fr 1fr}
 .category-switch button{min-height:46px;font-size:15px}
 .filter-select{width:100%;flex:1}.filter-select select{width:100%;font-size:15px;min-height:47px}
 .catalog-toolbar{margin:11px 0 17px}
 .products-grid{gap:13px}.product-card{border-radius:6px}
 .product-photo{aspect-ratio:4/3;padding:7px}
 .product-body{padding:12px 11px 13px}
 .product-kicker{font-size:10px;margin-bottom:6px}
 .product-name{font-size:15.5px;line-height:1.28;min-height:52px}
 .product-actions{gap:6px;padding-top:11px;flex-wrap:wrap}
 .product-actions .btn{border-radius:6px;min-height:43px;flex:1;font-size:12px}
 .link-button{font-size:12px;padding:8px 2px}
 .catalog-footer{padding:21px;border-radius:7px}
 .pdf-section{padding-block:20px 66px}.pdf-band{padding:40px 26px;border-radius:8px}.pdf-copy h2{font-size:38px}.pdf-copy p{font-size:15px}
 .conditions-grid{grid-template-columns:1fr;border-left:0;margin-top:27px}.condition-item{padding:23px 4px 25px;border-right:0}
 .condition-icon{margin-bottom:15px}
 .offer-card{padding:32px 26px;border-radius:7px}
 .about-grid{grid-template-columns:1fr;gap:27px}.about-image{min-height:270px;max-height:330px;border-radius:6px}
 .contact-panel{padding:37px 25px;border-radius:8px;gap:22px}.contact-panel h2{font-size:37px}
 .footer{padding:38px 0}
 .request-tray{bottom:calc(11px + env(safe-area-inset-bottom));border-radius:9px}
 .drawer-header{min-height:58px}.big-photo{height:min(42vh,345px)}
 .drawer-body{padding:26px 19px 36px}.drawer-body h2{font-size:30px}
 .drawer-actions{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
}
@media(max-width:355px){
 .wrap{width:calc(100% - 28px)}
 .hero h1{font-size:36px}
 .hero-visual{height:255px}
 .products-grid{gap:9px}
 .product-body{padding:10px 9px}
 .product-name{font-size:14.5px;min-height:59px}
 .product-actions{flex-direction:column;align-items:stretch}
 .link-button{width:100%}
 .category-switch{width:100%}
 .fact-grid{grid-template-columns:1fr}
}
@media(hover:none),(pointer:coarse){
 .photo-action{display:none!important}
 .product-card:hover{transform:none;box-shadow:none}
 .product-card:hover .product-photo img{transform:none}
}
/* Final visual QA adjustments: PDF cover should never clip its title; future photo system can drop legacy blending. */
.pdf-book-cover b{font-size:28px;line-height:1.1;letter-spacing:-.058em;overflow-wrap:normal}
.catalog-section{padding-bottom:69px}
.pdf-section{padding-top:15px;padding-bottom:76px}


/* ================================================================
   v0.14 — Catalog and product passport visual system
   Built on the approved v0.13 Hero; its styles and behavior are untouched.
   Marketing photos remain provisional source imagery.
   ================================================================ */
.catalog-section {
  background: #f7f8f4;
  padding-top: 104px;
  padding-bottom: 88px;
}
.catalog-section .section-heading {
  margin-bottom: 38px;
  padding-bottom: 31px;
  border-bottom: 1px solid #dfe4d9;
  align-items: center;
}
.catalog-section .section-heading .eyebrow { margin-bottom: 17px; }
.catalog-section .section-heading h2 { max-width: 760px; margin-bottom: 15px; }
.catalog-section .section-heading p {
  color: #576359; max-width: 620px; line-height: 1.6;
}
.catalog-section .catalog-pdf {
  background: transparent; color: #243329; border: 1.5px solid #859888;
  border-radius: 7px; font-weight: 800;
}
.catalog-section .catalog-pdf:hover { background: #e8eee5; }
.catalog-controls {
  gap: 28px; padding: 0 0 22px;
  align-items: center; flex-wrap: wrap;
}
.category-switch {
  background: transparent; border-radius: 0; padding: 0;
  display: flex; gap: 4px; border-bottom: 2px solid #dce4da;
}
.category-switch button {
  min-width: 126px; padding: 13px 18px 14px; background: transparent;
  font-weight: 860; font-size: 16px; color: #6b776b;
  border-radius: 0; border-bottom: 4px solid transparent;
  box-shadow: none; margin-bottom: -2px;
  transition: color .18s,border-color .18s;
}
.category-switch button[aria-pressed="true"] {
  background: transparent; color: #192d20; border-bottom-color: #ffc82f;
  box-shadow: none;
}
.category-switch button:hover { color: #172b1d; }
.filter-pills { gap: 6px 9px; }
.filter-pills button {
  min-height: 40px; border-radius: 6px; background: transparent;
  color: #46554b; border: 1px solid transparent;
  padding: 10px 13px; font-size: 13px; font-weight: 760;
}
.filter-pills button:hover { color: #1b2b20; background: #e9ede6; }
.filter-pills button[aria-pressed="true"] {
  background: #1e3024; color: #fff; border-color: #1e3024;
}
.filter-select select {border:1.5px solid #b7c6b4; border-radius:7px; background-color:#fff;}
.catalog-toolbar {
  margin: 0 0 18px; padding: 0 1px 2px;
  align-items:center;
}
.catalog-toolbar p { color:#5b6a60; font-size:13px; font-weight:650; }
.clear-filter { color:#36513d; text-decoration:none; border-bottom:1px solid #69816b; padding:5px 0; }
.clear-filter:hover { color:#14291a; }
.products-grid {
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px; align-items: stretch;
}
.product-card {
  border: 1px solid #dce2d9; border-radius: 13px; background:#fff;
  box-shadow: 0 2px 0 rgba(17,36,20,.018);
  transform:none;
  transition: border-color .2s, box-shadow .2s, transform .2s;
}
@media(hover:hover) and (pointer:fine){
  .product-card:hover {
    border-color: #a5b7a4;
    box-shadow:0 12px 29px rgba(22,38,26,.095);
    transform:translateY(-3px);
  }
}
.product-photo {
  padding: 20px 19px 6px;
  aspect-ratio: 1.23;
  background: #f2f3ed;
  border-bottom: 1px solid #e5e8df;
}
.product-photo img {
  object-fit:contain; display:block;
  transition:transform .3s ease;
}
.legacy-product-media .product-photo img { mix-blend-mode: multiply; }
@media(hover:hover) and (pointer:fine){
  .product-card:hover .product-photo img {transform:scale(1.028)}
}
.product-photo .photo-action {
  top:auto;right:auto;bottom:17px;left:17px;
  border-radius:6px; background:#19291fee; color:#fff;
  padding:11px 15px; font-size:12px; font-weight:850;
}
.product-photo-placeholder {
  background:#e9ede4; color:#526452; border-radius:7px;
}
.product-body {
  padding:19px 19px 19px;
  gap:0; min-height:166px;
}
.product-kicker {
  color:#637365; font-size:10px; letter-spacing:.14em;
  font-weight:900; margin-bottom:9px;
}
.product-name {
  color:#1b281e; font-weight:900; font-size:19px;
  letter-spacing:-.037em; line-height:1.23;
  min-height:48px; transition:color .15s;
}
.product-name:hover {color:#203b2b; text-decoration:none}
.product-name:focus-visible {outline-offset:5px}
.product-actions {
  border-color:#e6eae2; padding-top:15px;
  margin-top:15px; gap:12px;
}
.product-actions .btn {
  background:#ffca36; border-color:#ffca36;
  color:#1b291e; font-size:13px; font-weight:880;
  min-height:43px; padding:10px 12px; border-radius:7px;
  box-shadow:none;
}
.product-actions .btn:hover {background:#f6b92a; border-color:#f6b92a}
.product-actions .btn[aria-pressed="true"] {
  background:#e1ebdf; border-color:#b8c8b7; color:#21402b;
}
.product-actions .link-button {
  font-weight:800; font-size:13px; color:#314638;
  padding:10px 1px; white-space:nowrap;
}
.product-actions .link-button:hover {text-decoration:none;color:#182d1e}
.catalog-footer {
  margin-top:32px; border-radius:9px;
  border:1px solid #dce4d7; background:#edf1e9;
  padding:25px 29px;
}
.catalog-footer p { color:#3d5041; font-size:15px; }
.catalog-footer .btn {background:transparent;color:#233a2a;border-color:#90a391}
.catalog-footer .btn:hover {background:#e1e9df}
/* Detailed product passport. Informs rather than decorating. */
.screen-overlay:has(.product-drawer){background:rgba(13,27,19,.62)}
.product-drawer {
  background:#fffefb; border-radius:0; width:min(610px,100%);
  box-shadow:-16px 0 52px rgba(10,26,17,.21);
}
.drawer-header {
  background:#1b2c21; padding-inline:26px; min-height:61px;
}
.drawer-header>span {color:#f9ce3f; font-size:11px; letter-spacing:.18em}
.drawer-header .icon-button {background:#fff; color:#1c2d21; border-radius:50%; width:39px;height:39px}
.drawer-gallery{background:#f3f4eb}
.big-photo{
  height:390px; background:#f4f4ed; padding:16px;
}
.big-photo img{object-fit:contain}
.legacy-product-media .big-photo img{mix-blend-mode:multiply}
.big-photo:after { background:#1b2c21;color:#fff; border-radius:5px; }
.photo-thumbs {
  background:#f3f4ec; border-bottom:1px solid #e3e8dc;
  padding:13px 22px;gap:10px;
}
.photo-thumb {
  background:#fff; width:60px; height:55px;
  border-radius:6px; border:2px solid transparent;
}
.photo-thumb[aria-pressed="true"] {border-color:#f6c42d;box-shadow:0 0 0 1px #586d55}
.photo-pagination{color:#617160;font-size:12px;font-weight:750}
.drawer-body {padding:35px 33px 44px}
.drawer-category{color:#627367;font-size:11px;letter-spacing:.15em; font-weight:900;margin-bottom:11px}
.drawer-body h2{font-size:clamp(30px,3vw,39px);line-height:1.1;letter-spacing:-.055em;margin-bottom:15px}
.drawer-intro{font-size:16px;line-height:1.65;color:#4a5a4c;margin-bottom:23px}
.drawer-badges,.drawer-chips{gap:7px}
.drawer-badges span,.drawer-chips span {
  border:1px solid #dce6da; border-radius:5px;
  background:#f1f5ee; color:#37523d; font-weight:730;
  font-size:12px; padding:7px 9px;
}
.drawer-section {
  border-top:1px solid #dfe5dc; border-bottom:0;
  padding:23px 0 24px;
}
.drawer-section h3{
  color:#1d3123; font-weight:900; font-size:17px;
  letter-spacing:-.018em; line-height:1.3; margin-bottom:13px;
}
.drawer-section p{font-size:15px;line-height:1.65;color:#4d5f52}
.fact-grid{gap:10px}
.fact-card {
  background:#f4f6ef; border:1px solid #e2e8de;
  border-left:3px solid #e5b522; border-radius:6px;
  padding:15px 15px 16px;
}
.fact-card b{color:#5b6b5d; letter-spacing:.08em; font-size:11px; line-height:1.35}
.fact-card span{color:#1c3022;font-size:14px;line-height:1.5;font-weight:700}
.drawer-section--selection {
  margin:8px 0 16px; background:#f8f3dc; border:1px solid #efe3ad;
  border-left:4px solid #ffc52e; border-radius:6px;
  padding:19px 19px;
}
.drawer-section--selection h3{margin-bottom:8px}
.drawer-section--selection p{margin:0}
.related-grid{gap:11px}
.related {
  border:1px solid #dfe4db; border-radius:7px;
  background:#fafbf8; text-align:left;
}
.related:hover{border-color:#98b19b;background:#f1f6ef}
.drawer-actions{
  gap:10px;padding:14px 23px calc(14px + env(safe-area-inset-bottom));
  background:#fffefb; border-top:1px solid #dde5dc;
  box-shadow:0 -8px 21px rgba(20,35,22,.04);
}
.drawer-actions .btn{font-weight:880;border-radius:7px;min-height:49px}
.drawer-actions .btn--accent{background:#ffca36;color:#172719;border-color:#ffca36}
.drawer-actions .btn--accent:hover{background:#f7ba24}
.drawer-actions .btn--outline{color:#203629;background:#fff;border-color:#abc0ae}
.drawer-actions .btn--outline:hover{background:#f2f6ef}
/* Mobile behavior: full-width detail view and touch-scale controls. */
@media(max-width:700px) {
 .catalog-section{padding-top:70px;padding-bottom:68px}
 .catalog-section .section-heading{display:block;padding-bottom:25px;margin-bottom:20px}
 .catalog-section .section-heading h2{font-size:clamp(32px,8.5vw,38px)}
 .catalog-section .section-heading p{font-size:15px;line-height:1.58}
 .catalog-section .catalog-pdf{margin-top:19px;width:100%;justify-content:center}
 .catalog-controls{gap:13px;padding-bottom:15px}
 .category-switch{display:grid;grid-template-columns:1fr 1fr;width:100%;flex:0 0 100%;gap:0;padding:0}
 .category-switch button{min-height:47px;font-size:16px;padding:12px 8px}
 .filter-select{width:100%;flex:0 0 100%;min-width:0;margin:0}
 .filter-select select{min-height:49px;padding:11px 15px;font-size:15px;border-radius:7px}
 .catalog-toolbar{margin:6px 0 15px}
 .catalog-toolbar p,.clear-filter{font-size:12px}
 .products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .product-card{border-radius:10px}
 .product-photo{aspect-ratio:1.12;padding:10px 8px 4px}
 .product-body{padding:13px 12px 14px;min-height:153px}
 .product-kicker{font-size:10px;letter-spacing:.09em;margin-bottom:9px}
 .product-name{font-size:15px;line-height:1.29;min-height:55px;letter-spacing:-.025em}
 .product-actions{gap:3px;flex-direction:column;align-items:stretch;padding-top:10px;margin-top:12px}
 .product-actions .btn{min-height:43px;flex:auto;font-size:12px;padding:9px}
 .product-actions .link-button{width:100%;font-size:12px;padding:8px 3px 3px;text-align:center}
 .catalog-footer{margin-top:22px;padding:20px;display:flex;flex-direction:column;align-items:stretch}
 .catalog-footer p{font-size:14px}
 .catalog-footer .btn{width:100%}
 .product-drawer{width:100%;height:100dvh;max-height:100dvh}
 .drawer-header{min-height:55px;padding-inline:15px}
 .drawer-header .icon-button{width:37px;height:37px}
 .big-photo{height:min(39vh,360px);padding:10px}
 .photo-thumbs{padding:10px 14px;gap:8px}
 .photo-thumb{width:53px;height:50px}
 .drawer-body{padding:24px 19px 32px}
 .drawer-body h2{font-size:30px;margin-bottom:14px}
 .drawer-intro{font-size:15px;line-height:1.6;margin-bottom:18px}
 .drawer-section{padding:20px 0 22px}
 .drawer-section h3{font-size:16px}
 .drawer-section p{font-size:14px}
 .fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fact-card{padding:12px}
 .drawer-actions{padding:9px 12px calc(9px + env(safe-area-inset-bottom))}
 .drawer-actions .btn{min-height:46px;font-size:12px;padding-inline:9px}
}
@media(max-width:355px){
 .product-photo{aspect-ratio:1.05;padding:6px}
 .products-grid{gap:9px}
 .product-body{padding:11px 9px 12px}
 .product-name{font-size:14.5px;min-height:59px}
 .drawer-body{padding-inline:15px}
 .fact-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 .product-card,.product-photo img,.product-photo .photo-action{transition:none!important}
}


/* ==============================================================
   v0.15 • B2B conversion sections polish (exclusively below catalog)
   Keeps approved v0.13 Hero and v0.14 product UI unchanged.
   ============================================================= */
.pdf-section{background:#F7F8F4;padding:18px 0 110px}
.pdf-band{display:grid;grid-template-columns:minmax(0,1fr) 262px;gap:54px;min-height:382px;align-items:center;padding:62px 72px;border-radius:16px;background:#1C2B23;color:#FDFCF6;isolation:isolate;box-shadow:0 18px 45px rgba(26,43,33,.075)}
.pdf-band::before{content:"";inset:auto -65px -160px auto;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(248,201,56,.2) 0%,rgba(248,201,56,.055) 44%,transparent 69%);pointer-events:none;position:absolute;z-index:-1}
.pdf-band::after{content:"";position:absolute;left:72px;right:72px;bottom:0;height:5px;background:linear-gradient(90deg,#F8C938 0 25%,transparent 25% 100%);pointer-events:none}
.pdf-copy{max-width:730px}
.pdf-copy .eyebrow{color:#F7CD49;margin-bottom:20px}
.pdf-copy h2{color:#FAFAF5;font-size:clamp(35px,4.05vw,57px);line-height:1.05;letter-spacing:-.052em;margin:0 0 18px}
.pdf-copy p{font-size:17px;line-height:1.59;color:#DCE5D9;margin-bottom:26px;max-width:590px}
.pdf-band .btn--cream{background:#F8C938;border-color:#F8C938;color:#20291F;border-radius:8px;min-height:53px}
.pdf-band .btn--cream:hover{background:#FFE06C;border-color:#FFE06C}
.pdf-book{min-width:0;width:260px;height:270px;position:relative;justify-content:center;margin-left:auto;transform:none}
.pdf-book::before{content:"";position:absolute;width:194px;height:249px;left:36px;top:16px;background:#53624F;transform:rotate(7deg);border-radius:5px;box-shadow:0 20px 35px rgba(0,0,0,.18)}
.pdf-book-cover{position:relative;z-index:1;width:197px;height:255px;margin:0;padding:21px 19px 20px;background:#F9C93B;border-radius:5px;box-shadow:0 20px 35px rgba(0,0,0,.19);transform:rotate(-4deg);color:#17251B}
.pdf-book-cover small{font-size:13px;color:#17251B;letter-spacing:.13em}
.pdf-book-cover b{font-family:Arial,Helvetica,sans-serif;color:#17251B;font-size:31px;letter-spacing:-.055em;line-height:1.07;font-weight:900;overflow:visible}
.pdf-book-cover span{font-size:12px;line-height:1.5;color:#384836}

.conditions-section{background:#FFFDF4;border-top:1px solid #E9EADD;border-bottom:1px solid #E9EADD;padding:100px 0 108px}
.conditions-section .eyebrow{margin-bottom:17px}
.conditions-section h2{max-width:760px;margin-bottom:17px}
.conditions-section .section-intro{font-size:17px;line-height:1.6;max-width:690px;color:#5A685E}
.conditions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:39px}
.condition-item{background:#fff;border:1px solid #E3E9E0;border-radius:11px;padding:31px 29px 30px;min-height:218px;box-shadow:0 4px 22px rgba(27,42,30,.035);display:flex;flex-direction:column;gap:0;position:relative}
.condition-item:nth-child(2){background:#F9E39A;border-color:#F3DD97}
.condition-item:nth-child(2) .condition-icon{background:#1C2B23;color:#F8C938}
.condition-icon{display:grid;place-items:center;align-self:flex-start;width:38px;height:38px;background:#EFF3E9;border-radius:8px;font-size:21px;color:#233A29;margin-bottom:21px;font-weight:700}
.condition-item h3{font-size:20px;line-height:1.22;letter-spacing:-.026em;font-weight:860;margin:0 0 12px;color:#202B22}
.condition-item p{font-size:15px;line-height:1.55;color:#56645A;margin:0;max-width:310px}
.condition-item:nth-child(2) p{color:#374431}

.offer-section{background:#F7F8F4;padding:100px 0}
.offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.offer-card{position:relative;overflow:hidden;min-height:385px;border-radius:13px;padding:46px 43px 42px;display:flex;flex-direction:column;align-items:flex-start}
.offer-card:first-child{background:#F5EABC;border-color:#EEE1B4}
.offer-card:nth-child(2){background:#203529;border-color:#203529}
.offer-card::after{content:"";position:absolute;right:-56px;bottom:-93px;width:205px;height:205px;border:1px solid rgba(32,51,39,.11);border-radius:50%;pointer-events:none}
.offer-card:nth-child(2)::after{border-color:rgba(255,255,255,.19)}
.offer-card h2{font-size:clamp(29px,2.9vw,40px);line-height:1.12;max-width:530px;margin:0 0 18px}
.offer-card p{font-size:16px;line-height:1.65;max-width:510px;color:#536251;margin:0 0 32px}
.offer-card .eyebrow{font-size:11px;margin-bottom:20px}
.offer-card .btn{margin-top:auto;border-radius:8px;min-height:49px}
.offer-card:first-child .btn{border:1.5px solid #293B2E;color:#243629;background:transparent}
.offer-card:first-child .btn:hover{background:#1D2E23;color:white}
.offer-card:nth-child(2) .btn{background:#F8C938;border-color:#F8C938;color:#1B281F}
.offer-card:nth-child(2) .btn:hover{background:#FFE070;border-color:#FFE070}

.about-section{background:#fff;padding:108px 0}
.about-grid{grid-template-columns:minmax(0,.93fr) minmax(0,1fr);gap:76px;align-items:center}
.about-image{background:#F3F1E9;border:1px solid #EDF0E7;border-radius:12px;min-height:390px;box-shadow:none;overflow:hidden}
.about-image img{padding:24px;object-fit:contain;mix-blend-mode:multiply}
.about-image:after{font-size:11px;letter-spacing:.14em;bottom:20px;left:20px;box-shadow:0 7px 25px rgba(28,41,28,.07)}
.about-grid .eyebrow{margin-bottom:18px}
.about-grid h2{max-width:620px;font-size:clamp(34px,3.35vw,48px);margin-bottom:26px}
.about-grid p{max-width:585px;color:#526054;line-height:1.65;margin-bottom:16px;font-size:17px}
.about-grid .btn{margin-top:15px;border-radius:8px;background:#F8C938;border-color:#F8C938;color:#1C281D}
.about-grid .btn:hover{background:#FFE073}

.contact-section{background:#F7F8F4;padding:40px 0 110px}
.contact-panel{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:50px;align-items:center;background:#F7D757;border-radius:14px;padding:60px 66px 61px;border:1px solid #EEC940;position:relative;overflow:hidden}
.contact-panel::before{content:"";width:8px;height:100%;background:#23392C;position:absolute;top:0;left:0}
.contact-panel::after{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(39,51,35,.16);border-radius:50%;right:-66px;bottom:-140px;pointer-events:none}
.contact-panel .eyebrow{color:#304735;margin-bottom:21px}
.contact-panel .eyebrow::before{background:#263B2D}
.contact-panel h2{font-size:clamp(35px,3.7vw,51px);line-height:1.06;max-width:690px;margin-bottom:19px}
.contact-panel p{color:#43513D;font-size:17px;line-height:1.59;max-width:610px;margin-bottom:0}
.contact-actions{width:100%;min-width:0;display:flex;flex-direction:column;gap:12px}
.contact-actions .btn{width:100%;border-radius:8px;min-height:50px}
.contact-actions .btn--accent{background:#203728;border-color:#203728;color:white}
.contact-actions .btn--accent:hover{background:#395542;border-color:#395542}
.contact-actions .btn--ghost{background:#FFF9DB;border-color:#65755D;color:#243929}
.contact-actions .btn--ghost:hover{background:#FFFDF0}
.contact-actions a{padding:10px;color:#24372B;font-size:15px;text-align:center;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}

.footer{background:#1B2820;padding:38px 0 45px;border-top:4px solid #F8C938}
.footer-inner{gap:30px;align-items:center}
.footer-inner p{color:#D4DBD0;line-height:1.5}
.footer-inner>div{font-size:14px;gap:9px}
.footer-inner>div a:first-child{font-size:16px}

/* Form styling: visible steps, clear field grouping, large mobile controls. */
.form-screen{background:rgba(12,22,15,.7)}
.form-dialog{background:#FDFDF9;border-radius:14px;box-shadow:0 20px 65px rgba(10,19,13,.23)}
.form-dialog-header{background:#F5F7F0;border-bottom:1px solid #DFE6DC}
.form-dialog-header>span{color:#3A5943;font-weight:850}
.form-dialog-body h2{font-size:clamp(28px,2.7vw,39px);line-height:1.12;letter-spacing:-.045em}
.form-dialog-body>p{font-size:16px;line-height:1.55;color:#58665C}
.form-field{margin-top:17px}
.form-field label{font-size:14px;font-weight:780;color:#26382B;margin-bottom:8px}
.form-field input,.form-field textarea{border:1.5px solid #BECBBE;background:#fff;border-radius:9px;min-height:53px;padding:13px 15px;font-size:16px;color:#1D2A21}
.form-field input:focus,.form-field textarea:focus{border-color:#355C3B;outline:2px solid #D8E4D7;outline-offset:0}
.form-field textarea{min-height:112px;resize:vertical}
.form-agree{font-size:13px;line-height:1.5;color:#4C5D50;gap:11px}
.form-agree input{width:18px;height:18px;flex:none;margin-top:1px}
.form-submit{width:100%;min-height:54px;border-radius:9px;font-size:15px}
.form-buttons .btn{border-radius:9px}

@media(max-width:1020px){
 .pdf-band{grid-template-columns:minmax(0,1fr) 195px;padding:48px;gap:18px}
 .pdf-book{width:195px;height:240px}.pdf-book-cover{width:169px;height:222px;padding:16px}.pdf-book-cover b{font-size:26px}.pdf-book::before{width:163px;height:215px;left:27px;top:16px}
 .about-grid{gap:40px}
 .contact-panel{padding:45px 43px;gap:30px;grid-template-columns:minmax(0,1fr) 240px}
}
@media(max-width:700px){
 .pdf-section{padding:10px 0 70px}
 .pdf-band{display:block;min-height:0;padding:39px 27px 41px;border-radius:12px}
 .pdf-band::before{width:300px;height:300px;right:-130px;bottom:-120px}
 .pdf-band::after{left:27px;right:27px}
 .pdf-copy .eyebrow{margin-bottom:20px}
 .pdf-copy h2{font-size:clamp(30px,8vw,38px);margin-bottom:16px}
 .pdf-copy p{font-size:15.5px;margin-bottom:25px}
 .pdf-band .btn{width:100%;white-space:normal}
 .pdf-book{display:none}
 .conditions-section{padding:76px 0 80px}
 .conditions-section h2{font-size:36px}
 .conditions-section .section-intro{font-size:15.5px}
 .conditions-grid{grid-template-columns:1fr;gap:11px;margin-top:27px}
 .condition-item{min-height:0;padding:23px 22px;border-radius:9px}
 .condition-icon{width:34px;height:34px;margin-bottom:14px;font-size:18px}
 .condition-item h3{font-size:18px;margin-bottom:9px}
 .condition-item p{font-size:14px;line-height:1.55;max-width:none}
 .offer-section{padding:76px 0}
 .offer-grid{grid-template-columns:1fr;gap:15px}
 .offer-card{min-height:0;padding:33px 27px 30px;border-radius:10px}
 .offer-card h2{font-size:clamp(27px,7.3vw,35px)}
 .offer-card p{font-size:15px;margin-bottom:28px}
 .offer-card .btn{width:100%}
 .about-section{padding:75px 0}
 .about-grid{grid-template-columns:1fr;gap:28px}
 .about-image{min-height:245px;max-height:310px;border-radius:9px}
 .about-image img{max-height:310px}
 .about-grid h2{font-size:35px;margin-bottom:18px}
 .about-grid p{font-size:15.5px}
 .about-grid .btn{width:100%}
 .contact-section{padding:10px 0 78px}
 .contact-panel{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding:37px 27px 33px;border-radius:11px}
 .contact-panel::before{width:6px}
 .contact-panel h2{font-size:clamp(30px,8.3vw,39px);margin-bottom:19px}
 .contact-panel p{font-size:15.5px}
 .contact-actions .btn{min-height:52px}
 .footer{padding:36px 0 43px}
 .footer-inner{flex-direction:column;align-items:flex-start;gap:14px}
 .footer-inner>div{align-items:flex-start;gap:9px}
 .form-dialog{border-radius:12px;max-height:96dvh}
 .form-dialog-body{padding:0 21px 25px}
 .form-dialog-body h2{font-size:29px}
 .form-field input,.form-field textarea{min-height:52px}
}
@media(max-width:355px){
 .pdf-band{padding-inline:21px}.contact-panel{padding-inline:22px}
 .offer-card{padding-inline:23px}.contact-panel h2{font-size:30px}
}
/* v0.15 QA: prevent intrinsic image/content width from extending the 320px viewport. */
@media(max-width:700px){
 .about-grid{grid-template-columns:minmax(0,1fr)}
 .about-grid>*{min-width:0;max-width:100%}
 .about-image{width:100%;min-width:0}
 .about-image img{width:100%;max-width:100%;min-width:0}
}
@media(max-width:355px){.about-grid h2{font-size:30px;overflow-wrap:anywhere}}