/* Product pages laid out like the printed leaflets */
.leaflet{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,80px);align-items:start;margin-top:22px}
.leaflet__visual{position:sticky;top:96px;text-align:center}
.leaflet__visual figure{margin:0}
.leaflet__visual img{display:block;width:100%;height:auto;max-width:560px;margin:0 auto}
.leaflet__name{margin:18px 0 0;font-size:clamp(2rem,3.4vw,3.2rem);font-style:italic;font-weight:600;line-height:1.05;color:#e6007e}
.leaflet__name small{display:block;font-size:.55em;font-style:normal;font-weight:500;color:var(--ink,#1d1838)}
.leaflet__body .tag{margin-bottom:6px}
.leaflet__title{margin:0 0 18px;font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.12;color:#e6007e;max-width:none!important}
.leaflet__intro{font-size:1.05rem;line-height:1.65;color:var(--ink,#1d1838);margin:0 0 22px}
.leaflet__h{margin:26px 0 8px;font-size:1.15rem;letter-spacing:.03em;text-transform:uppercase;color:#7a7880}
.leaflet__h--dark{color:var(--ink,#1d1838)}
.leaflet__h--accent{color:#e2203d}
.leaflet__muted{margin:0;color:#6d6a80;line-height:1.65}
.leaflet__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,240px);gap:18px 28px;align-items:center;padding:16px 0;border-top:1px solid var(--rule,#e4e2ee)}
.leaflet__row:first-of-type{border-top:0}
.leaflet__row h3{margin:0 0 8px;font-size:.98rem;font-weight:700}
.leaflet__row figure{margin:0}
.leaflet__row figure img{display:block;width:100%;height:auto;max-height:220px;object-fit:contain}
.leaflet__row--tech{grid-template-columns:minmax(0,1fr) auto minmax(110px,170px)}
.leaflet__opts{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.leaflet__opts li{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--ink,#1d1838);border-radius:6px;font-size:.88rem;font-weight:600;background:#fff}
.leaflet__opts li:after{content:"";width:12px;height:7px;border-left:2.5px solid #e6007e;border-bottom:2.5px solid #e6007e;transform:rotate(-45deg) translateY(-2px);margin-left:auto}
.leaflet__types{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.leaflet__types li{font-weight:700;color:#f06a6a}
.leaflet__types li:before{content:"- "}
.leaflet .actions{margin-top:28px}
@media(max-width:1000px){.leaflet{grid-template-columns:1fr}.leaflet__visual{position:static}.leaflet__visual img{max-width:380px}}
@media(max-width:560px){.leaflet__row,.leaflet__row--tech{grid-template-columns:1fr}.leaflet__row figure img{max-height:200px}.leaflet__opts{grid-template-columns:repeat(3,auto);justify-content:start}}
.leaflet__row--wideimg{grid-template-columns:minmax(0,1fr) minmax(180px,300px)}
.leaflet__row--wideimg figure img{max-height:300px}
.leaflet__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 36px}
.leaflet__cols h3{margin:10px 0 8px;font-size:.98rem;font-weight:700}
@media(max-width:560px){.leaflet__cols{grid-template-columns:1fr}}
.leaflet__name--violet,.leaflet__title--violet{color:#2e2a7a}
.leaflet__gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:end;margin:0 0 22px}
.leaflet__gallery figure{margin:0}
.leaflet__gallery img{display:block;width:100%;height:auto;max-height:150px;object-fit:contain}
.leaflet__feat{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px}
.leaflet__feat li{display:flex;gap:8px;align-items:flex-start;font-weight:600;line-height:1.4}
.leaflet__feat .ico{flex:none;width:18px;height:18px;margin-top:2px;color:#5b4ea1}
.leaflet__tablewrap{overflow-x:auto}
.leaflet__table{width:100%;border-collapse:separate;border-spacing:0 6px;font-size:.95rem}
.leaflet__table thead th{background:var(--lf,#2e2a7a);color:#fff;text-align:left;font-weight:600;padding:8px 14px}
.leaflet__table tbody th,.leaflet__table tbody td{background:#ececf2;padding:12px 14px;text-align:left;vertical-align:middle}
.leaflet__table tbody th{white-space:nowrap;font-weight:700;width:1%}
.leaflet__table tbody tr:nth-child(n+5) th,.leaflet__table tbody tr:nth-child(n+5) td{background:#dcdbe5}
@media(max-width:560px){.leaflet__gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.leaflet__feat{grid-template-columns:1fr}.leaflet__table tbody th{white-space:normal}}
.leaflet__gallery{align-items:stretch}
.leaflet__gallery figure{background:#fff;border-radius:8px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:6px;box-shadow:0 1px 0 rgba(29,24,56,.06)}
.leaflet__gallery img{max-height:100%;width:auto;max-width:100%}

.leaflet__name--accent,.leaflet__title--accent{color:var(--lf,#2e2a7a)}
.leaflet__h--accent2{color:var(--lf,#2e2a7a);text-transform:none;letter-spacing:0;font-size:1.12rem}
.leaflet__gallery--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.leaflet__gallery--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.leaflet__gallery--3 img{max-height:100%}
.leaflet__feat .ico{color:var(--lf,#5b4ea1)}
.leaflet__table tbody th small{font-weight:500;color:#6d6a80}
.leaflet__notes{margin-top:14px;padding:12px 16px;border-left:3px solid var(--lf,#2e2a7a);background:#fff;border-radius:0 8px 8px 0}
.leaflet__notes p{margin:0;font-size:.9rem;color:#5b5870;line-height:1.55}
.leaflet__notes p+p{margin-top:6px}
.leaflet__structs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.leaflet__structs div{background:#fff;border-radius:10px;padding:14px 16px;border-top:3px solid var(--lf,#2e2a7a)}
.leaflet__structs dt{font-weight:700;margin-bottom:4px}
.leaflet__structs dd{margin:0;color:#5b5870;line-height:1.55;font-size:.95rem}
.leaflet__strong{margin:20px 0 0;font-weight:700;line-height:1.55}
.leaflet__feat--one{grid-template-columns:1fr}
.leaflet__kraft{position:relative}
.leaflet__kraft figcaption{position:absolute;left:8%;right:8%;top:50%;transform:translateY(-50%);text-align:center;font-size:clamp(2rem,3.6vw,3.3rem);font-weight:700;line-height:1.15;color:var(--lf,#2a9d55);text-shadow:0 0 18px #fff,0 0 30px #fff,0 0 4px #fff}
@media(max-width:560px){.leaflet__structs{grid-template-columns:1fr}.leaflet__gallery--4{grid-template-columns:repeat(2,minmax(0,1fr))}.leaflet__gallery--3{grid-template-columns:repeat(3,minmax(0,1fr))}}