/* Сторінка для мейкерів Namana Bags — стилі затвердженого макета (prototype/styles.css, 23.10.2026).
   Усе всередині #namana-makers: на інших сторінках сайту ці правила нічого не змінюють.
   Власні шапку, підвал і мобільне меню макета прибрано (на сайті — шапка й підвал теми). Розміри шрифтів — через --nm-fs / --nm-min (блок «Більший текст» унизу). */
@font-face{font-family:NamanaMakersMontserrat;src:url('../fonts/montserrat-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:NamanaMakersMontserrat;src:url('../fonts/montserrat-bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:NamanaMakersMontserrat;src:url('../fonts/montserrat-black.ttf') format('truetype');font-weight:900;font-display:swap}
#namana-makers{--nm-ink:#3b3b3b;--nm-muted:#626262;--nm-red:#e84d3c;--nm-button:#ce3d2e;--nm-line:#e5e5e5;--nm-soft:#f5f5f5;color:var(--nm-ink);background:#fff;font:400 16px/1.75 NamanaMakersMontserrat,Arial,sans-serif;text-align:left}
#namana-makers *,#namana-makers *::before,#namana-makers *::after{box-sizing:border-box}
#namana-makers [hidden]{display:none!important}
#namana-makers :is(h1,h2,h3,p,figure,ul){margin:0}
#namana-makers :is(a,button){-webkit-tap-highlight-color:transparent}
#namana-makers a{color:inherit}
#namana-makers button{font:inherit;cursor:pointer}
#namana-makers img{display:block;max-width:100%;height:auto}
#namana-makers :is(a,button,video):focus-visible{outline:3px solid var(--nm-red);outline-offset:5px}
#namana-makers h1{font-size:max(var(--nm-min),calc(50px*var(--nm-fs)));font-weight:900;line-height:1.13;letter-spacing:-.032em}
#namana-makers h2{font-size:max(var(--nm-min),calc(34px*var(--nm-fs)));font-weight:700;line-height:1.28;letter-spacing:-.025em}
#namana-makers .nm-container{width:min(var(--nm-width),calc(100% - 80px));margin-inline:auto}
#namana-makers .nm-section{padding:82px 0;scroll-margin-top:28px}
#namana-makers .nm-soft{background:var(--nm-soft)}
#namana-makers .nm-dark{background:var(--nm-ink);color:#fff}
#namana-makers .nm-dark .nm-copy p{color:#ddd}
#namana-makers .nm-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:center}
#namana-makers .nm-copy p{color:var(--nm-muted);margin-top:20px}
#namana-makers .nm-copy p:first-child{margin-top:0}
#namana-makers .nm-index{display:flex;gap:12px;align-items:center;color:var(--nm-muted);font-size:max(var(--nm-min),calc(11px*var(--nm-fs)));letter-spacing:.1em;text-transform:uppercase;font-weight:700;line-height:1.5;margin-bottom:20px}
#namana-makers .nm-index b{font-size:max(var(--nm-min),calc(12px*var(--nm-fs)));color:var(--nm-red);padding-right:12px;border-right:1px solid #c9c9c9}
#namana-makers .nm-dark .nm-index{color:#ccc}
#namana-makers .nm-eyebrow{font-size:max(var(--nm-min),calc(11px*var(--nm-fs)));letter-spacing:.09em;text-transform:uppercase;font-weight:700;line-height:1.6;color:#f39388}
#namana-makers .nm-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:54px;border-radius:28px;padding:14px 24px;border:1px solid var(--nm-button);color:white;background:var(--nm-button);font-size:max(var(--nm-min),calc(14px*var(--nm-fs)));font-weight:700;line-height:1.5;text-decoration:none;transition:background .2s,border-color .2s;max-width:100%}
#namana-makers .nm-button:hover{background:#b83528;border-color:#b83528}
#namana-makers .nm-button>span{font-size:max(var(--nm-min),calc(22px*var(--nm-fs)));line-height:1;flex-shrink:0;font-weight:400}
#namana-makers .nm-outline{color:var(--nm-ink);border-color:#bcbcbc;background:transparent}
#namana-makers .nm-outline:hover{background:#eee;border-color:#969696}
#namana-makers .nm-dark .nm-outline{color:#fff;border-color:#aaa}
#namana-makers .nm-dark .nm-outline:hover{background:#494949;border-color:#fff}
#namana-makers .nm-action{margin-top:28px}
#namana-makers .nm-text-link{display:inline-flex;align-items:center;gap:18px;font-size:max(var(--nm-min),calc(14px*var(--nm-fs)));font-weight:700;line-height:1.5;text-underline-offset:5px;text-decoration-thickness:1px;padding-block:10px;background:none;border:0;color:inherit;text-align:left}
#namana-makers .nm-text-link span{color:var(--nm-red);font-size:max(var(--nm-min),calc(21px*var(--nm-fs)))}
#namana-makers .nm-note{font-size:max(var(--nm-min),calc(13px*var(--nm-fs)));line-height:1.65;color:var(--nm-muted)}
#namana-makers .nm-hero{padding:48px 0 0}
#namana-makers .nm-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:58px;align-items:center}
#namana-makers .nm-hero h1{margin:20px 0 23px}
#namana-makers .nm-hero h1 span{color:#ed7769}
#namana-makers .nm-hero .nm-intro p{font-size:max(var(--nm-min),calc(16px*var(--nm-fs)));line-height:1.75;color:#dedede;margin-top:14px}
#namana-makers .nm-hero-price{margin-top:26px;font-size:max(var(--nm-min),calc(16px*var(--nm-fs)));font-weight:700;line-height:1.5}
#namana-makers .nm-hero .nm-note{color:#ccc;margin-top:7px}
#namana-makers .nm-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:24px}
#namana-makers .nm-hero-actions .nm-text-link{font-size:max(var(--nm-min),calc(12px*var(--nm-fs)));font-weight:400}
#namana-makers .nm-assortment{position:relative;aspect-ratio:1/1.06;background:#f6f6f6;border-radius:4px;isolation:isolate;overflow:hidden}
#namana-makers .nm-assortment a{position:absolute;display:flex;align-items:center;justify-content:center}
#namana-makers .nm-assortment img{width:100%;height:100%;object-fit:contain;transition:transform .3s}
#namana-makers .nm-assortment a:hover img{transform:scale(1.025)}
#namana-makers .nm-case-ngoni{left:3%;top:3%;width:48%;height:91%;z-index:2}
#namana-makers .nm-case-didge{left:43%;top:3%;width:25%;height:60%;z-index:1}
#namana-makers .nm-case-djembe{right:3%;top:3%;width:31%;height:45%;z-index:3}
#namana-makers .nm-case-handpan{right:2%;bottom:3%;width:46%;height:49%;z-index:4}
#namana-makers .nm-hero-visual figcaption{font-size:max(var(--nm-min),calc(10px*var(--nm-fs)));letter-spacing:.07em;text-transform:uppercase;color:#ccc;margin-top:12px}
#namana-makers .nm-hero-visual figcaption::before{content:'+';font-size:max(var(--nm-min),calc(18px*var(--nm-fs)));color:var(--nm-red);margin-right:12px}
#namana-makers .nm-hero-facts{display:flex;justify-content:space-between;gap:20px;margin-top:36px;padding:24px 0;border-top:1px solid #616161;list-style:none;font-size:max(var(--nm-min),calc(12px*var(--nm-fs)));font-weight:700}
#namana-makers .nm-hero-facts li{display:flex;gap:10px;align-items:center}
#namana-makers .nm-hero-facts small{display:block;font-size:max(var(--nm-min),calc(11px*var(--nm-fs)));font-weight:400;color:#ccc;margin-top:3px}
#namana-makers .nm-hero-facts li::before{content:'✓';color:#f08072;font-size:max(var(--nm-min),calc(17px*var(--nm-fs)))}
#namana-makers .nm-offer{padding:48px 0;background:#fff}
#namana-makers .nm-offer-grid{display:grid;grid-template-columns:calc(90px*var(--nm-fs)) minmax(0,1fr) calc(310px*var(--nm-fs));gap:30px;align-items:center}
#namana-makers .nm-one{font-size:max(var(--nm-min),calc(120px*var(--nm-fs)));font-weight:900;line-height:1;color:var(--nm-red);letter-spacing:-.08em}
#namana-makers .nm-offer h2{font-size:max(var(--nm-min),calc(30px*var(--nm-fs)));line-height:1.3;max-width:510px}
#namana-makers .nm-offer h2 span{color:#bc3b2e}
#namana-makers .nm-offer p{margin-top:12px;font-size:max(var(--nm-min),calc(15px*var(--nm-fs)))}
#namana-makers .nm-offer .nm-offer-question{margin-top:3px;color:var(--nm-muted)}
#namana-makers .nm-offer-action .nm-button{width:100%}
#namana-makers .nm-offer .nm-note{font-size:max(var(--nm-min),calc(13px*var(--nm-fs)));line-height:1.6}
#namana-makers .nm-topics{padding:25px 0 28px;border-block:1px solid var(--nm-line);background:#fafafa;scroll-margin-top:25px}
#namana-makers .nm-topics h2{font-size:max(var(--nm-min),calc(15px*var(--nm-fs)));letter-spacing:0}
#namana-makers .nm-topic-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px 26px;margin-top:15px}
#namana-makers .nm-topic-links a{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:max(var(--nm-min),calc(12px*var(--nm-fs)));text-decoration:none;min-height:44px;border-bottom:1px solid #e5e5e5}
#namana-makers .nm-topic-links a:hover{color:#bc3b2e}
#namana-makers .nm-topic-links a span{color:var(--nm-red);font-size:max(var(--nm-min),calc(16px*var(--nm-fs)))}
#namana-makers .nm-media-link{position:relative;display:block;background:#fff;border:1px solid var(--nm-line);border-radius:4px;overflow:hidden;text-decoration:none}
#namana-makers .nm-media-link .nm-zoom{position:absolute;right:12px;bottom:12px;width:calc(32px*var(--nm-fs));height:calc(32px*var(--nm-fs));display:grid;place-items:center;border:1px solid #ddd;border-radius:50%;background:#fffffff0;color:var(--nm-ink);font-size:max(var(--nm-min),calc(22px*var(--nm-fs)));line-height:1}
#namana-makers .nm-media-link:hover .nm-zoom{background:var(--nm-ink);color:#fff}
#namana-makers figcaption{font-size:max(var(--nm-min),calc(11px*var(--nm-fs)));line-height:1.6;color:var(--nm-muted);margin-top:10px}
#namana-makers .nm-fit-media{display:grid;grid-template-columns:1.2fr .85fr;gap:18px;align-items:end}
#namana-makers .nm-fit-media img{width:100%;aspect-ratio:1;object-fit:contain}
#namana-makers .nm-fit-detail{margin-bottom:22px}
#namana-makers .nm-fit-media .nm-note{grid-column:1/-1;margin-top:0;font-size:max(var(--nm-min),calc(11px*var(--nm-fs)))}
#namana-makers .nm-quality-grid{grid-template-columns:1fr 1.1fr}
#namana-makers .nm-quality-media{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,.85fr);gap:18px;align-items:center}
#namana-makers .nm-video-frame{position:relative;aspect-ratio:9/16;max-width:320px;border-radius:4px;overflow:hidden;background:#191919}
#namana-makers .nm-video-frame video{width:100%;height:100%;display:block;object-fit:contain}
#namana-makers .nm-video-cover{position:absolute;inset:0;display:block;background:#151515;color:#fff;text-decoration:none;overflow:hidden}
#namana-makers .nm-video-cover>img{width:100%;height:100%;object-fit:cover}
#namana-makers .nm-video-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#000a)}
#namana-makers .nm-play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:72px;height:72px;display:grid;place-items:center;background:var(--nm-button);border-radius:50%;z-index:1;font-size:max(var(--nm-min),calc(24px*var(--nm-fs)));padding-left:4px;box-shadow:0 4px 30px #0003}
#namana-makers .nm-watch-label{position:absolute;left:20px;right:20px;bottom:25px;text-align:center;z-index:1;font-size:max(var(--nm-min),calc(12px*var(--nm-fs)));font-weight:700}
#namana-makers .nm-detail-stack{display:grid;gap:22px}
#namana-makers .nm-detail-stack img{aspect-ratio:1;object-fit:contain;width:100%}
#namana-makers .nm-video-status{font-size:max(var(--nm-min),calc(12px*var(--nm-fs)));margin-top:10px;color:var(--nm-muted)}
#namana-makers .nm-small-grid{align-items:start;grid-template-columns:.95fr 1.05fr}
#namana-makers .nm-small-grid .nm-copy{border-left:2px solid var(--nm-red);padding-left:35px}
#namana-makers .nm-brand-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:left center}
#namana-makers .nm-dark figcaption{color:#ccc}
#namana-makers .nm-brand-photo .nm-media-link{border:0}
#namana-makers .nm-working{border-bottom:1px solid var(--nm-line)}
#namana-makers .nm-working .nm-grid{align-items:start}
#namana-makers .nm-working-details{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px 24px;padding-top:22px;border-top:1px solid var(--nm-line);font-size:max(var(--nm-min),calc(12px*var(--nm-fs)));color:var(--nm-muted)}
#namana-makers .nm-working-details span::before{content:'↗';color:var(--nm-red);margin-right:10px}
#namana-makers .nm-comfort-grid{grid-template-columns:1.05fr .95fr}
#namana-makers .nm-comfort-photos{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;align-items:end}
#namana-makers .nm-comfort-photos img{width:100%;object-fit:contain;filter:saturate(.78) sepia(.06) contrast(.97)}
#namana-makers .nm-comfort-photos figure:last-child{margin-bottom:35px}
#namana-makers .nm-support-grid{align-items:start}
#namana-makers .nm-team-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:35px}
#namana-makers .nm-team-grid{display:grid;grid-template-columns:1.45fr .85fr;gap:50px;align-items:center}
#namana-makers .nm-team-grid .nm-media-link{border:0}
#namana-makers .nm-team-grid img{width:100%;height:auto}
#namana-makers .nm-link-stack{display:flex;flex-direction:column;align-items:flex-start;margin-top:20px;gap:4px}
#namana-makers .nm-final{text-align:center;padding:76px 0}
#namana-makers .nm-final .nm-container{max-width:780px}
#namana-makers .nm-final h2{font-size:max(var(--nm-min),calc(42px*var(--nm-fs)));line-height:1.2;font-weight:900}
#namana-makers .nm-final .nm-copy{margin-top:25px}
#namana-makers .nm-final .nm-button{margin-top:30px}
#namana-makers .nm-final .nm-note{color:#ccc;margin-top:20px;font-size:max(var(--nm-min),calc(12px*var(--nm-fs)))}
#namana-makers .nm-sticky{display:none}
#namana-makers .nm-dialog{border:0;padding:50px 24px 22px;border-radius:5px;max-width:min(1000px,92vw);width:fit-content;max-height:92vh;background:#fff;color:var(--nm-ink);overscroll-behavior:contain}
#namana-makers .nm-dialog::backdrop{background:#151515d9}
#namana-makers .nm-dialog img{max-width:100%;max-height:72vh;object-fit:contain;margin:auto}
#namana-makers .nm-dialog p{font-size:max(var(--nm-min),calc(13px*var(--nm-fs)));line-height:1.6;margin:16px auto 0;text-align:center;max-width:750px}
#namana-makers .nm-dialog-close{position:absolute;top:6px;right:9px;width:44px;height:40px;display:grid;place-items:center;border:0;border-radius:3px;background:#f4f4f4;color:#333;font-size:max(var(--nm-min),calc(28px*var(--nm-fs)));line-height:1}
@media(max-width:1100px){
#namana-makers .nm-container{width:calc(100% - 56px)}
#namana-makers h1{font-size:max(var(--nm-min),calc(44px*var(--nm-fs)))}
#namana-makers h2{font-size:max(var(--nm-min),calc(32px*var(--nm-fs)))}
#namana-makers .nm-grid,#namana-makers .nm-hero-grid{gap:34px}
#namana-makers .nm-section{padding:72px 0}
#namana-makers .nm-hero-actions{gap:12px}
#namana-makers .nm-offer-grid{grid-template-columns:calc(65px*var(--nm-fs)) 1fr calc(255px*var(--nm-fs));gap:22px}
#namana-makers .nm-one{font-size:max(var(--nm-min),calc(95px*var(--nm-fs)))}
#namana-makers .nm-offer h2{font-size:max(var(--nm-min),calc(26px*var(--nm-fs)))}
#namana-makers .nm-offer-action .nm-button{font-size:max(var(--nm-min),calc(12px*var(--nm-fs)));padding-inline:20px}
#namana-makers .nm-quality-media{grid-template-columns:1fr;justify-items:center}
#namana-makers .nm-video-frame{width:min(100%,285px)}
#namana-makers .nm-detail-stack{width:100%;max-width:340px;grid-template-columns:1fr 1fr;gap:18px}
#namana-makers .nm-detail-stack img{max-height:145px}
#namana-makers .nm-fit-media{gap:12px}
#namana-makers .nm-team-heading{gap:34px}
#namana-makers .nm-team-grid{gap:30px;grid-template-columns:1.2fr 1fr}
}
@media(max-width:768px){
#namana-makers .nm-container{width:calc(100% - 40px)}
#namana-makers .nm-section{padding:56px 0}
#namana-makers h1{font-size:max(var(--nm-min),calc(32px*var(--nm-fs)));line-height:1.17}
#namana-makers h2{font-size:max(var(--nm-min),calc(28px*var(--nm-fs)));line-height:1.3;letter-spacing:-.025em}
#namana-makers .nm-index{margin-bottom:17px;font-size:max(var(--nm-min),calc(10px*var(--nm-fs)));letter-spacing:.07em}
#namana-makers .nm-grid,#namana-makers .nm-hero-grid,#namana-makers .nm-team-grid,#namana-makers .nm-team-heading{grid-template-columns:1fr;gap:30px}
#namana-makers .nm-copy p{margin-top:18px}
#namana-makers .nm-hero{padding-top:28px}
#namana-makers .nm-eyebrow{font-size:max(var(--nm-min),calc(10px*var(--nm-fs)));line-height:1.65}
#namana-makers .nm-hero h1{margin:18px 0}
#namana-makers .nm-hero .nm-intro p{font-size:max(var(--nm-min),calc(15px*var(--nm-fs)));line-height:1.75}
#namana-makers .nm-hero-price{font-size:max(var(--nm-min),calc(15px*var(--nm-fs)));margin-top:22px}
#namana-makers .nm-hero .nm-note{font-size:max(var(--nm-min),calc(13px*var(--nm-fs)))}
#namana-makers .nm-hero-actions{gap:9px;margin-top:22px;flex-direction:column;align-items:flex-start}
#namana-makers .nm-button{width:100%;font-size:max(var(--nm-min),calc(13px*var(--nm-fs)));padding-inline:20px}
#namana-makers .nm-hero-visual{width:100%;max-width:440px;justify-self:center}
#namana-makers .nm-assortment{aspect-ratio:1.2}
#namana-makers .nm-case-ngoni{width:40%;height:94%;left:1%;top:2%}
#namana-makers .nm-case-didge{width:26%;height:89%;left:36%;top:2%}
#namana-makers .nm-case-djembe{width:30%;height:46%;right:1%}
#namana-makers .nm-case-handpan{width:40%;height:49%;right:0;bottom:2%}
#namana-makers .nm-hero-facts{display:grid;gap:12px;margin-top:24px;padding:22px 0;font-size:max(var(--nm-min),calc(12px*var(--nm-fs)))}
#namana-makers .nm-offer{padding:36px 0}
#namana-makers .nm-offer-grid{grid-template-columns:calc(45px*var(--nm-fs)) 1fr;gap:12px 20px;align-items:start}
#namana-makers .nm-one{font-size:max(var(--nm-min),calc(72px*var(--nm-fs)));line-height:1.1}
#namana-makers .nm-offer h2{font-size:max(var(--nm-min),calc(25px*var(--nm-fs)))}
#namana-makers .nm-offer p{font-size:max(var(--nm-min),calc(14px*var(--nm-fs)));line-height:1.75}
#namana-makers .nm-offer-action{grid-column:1/-1;margin-top:12px}
#namana-makers .nm-offer-action .nm-button{font-size:max(var(--nm-min),calc(13px*var(--nm-fs)))}
#namana-makers .nm-offer .nm-note{font-size:max(var(--nm-min),calc(13px*var(--nm-fs)))}
#namana-makers .nm-topic-links{grid-template-columns:1fr 1fr;gap:0 20px}
#namana-makers .nm-topic-links a{font-size:max(var(--nm-min),calc(12px*var(--nm-fs)));min-height:52px}
#namana-makers .nm-topic-links a:last-child{grid-column:1/-1}
#namana-makers .nm-fit-media{gap:14px}
#namana-makers .nm-fit-detail{margin-bottom:18px}
#namana-makers .nm-quality-media{grid-template-columns:1fr;gap:24px}
#namana-makers .nm-video-frame{width:min(100%,300px)}
#namana-makers .nm-detail-stack{max-width:360px}
#namana-makers .nm-detail-stack img{max-height:none}
#namana-makers .nm-small-grid .nm-copy{padding-left:20px}
#namana-makers .nm-brand-photo{order:2}
#namana-makers .nm-brand .nm-copy{order:1}
#namana-makers .nm-working-details{gap:10px 20px;margin-top:26px;font-size:max(var(--nm-min),calc(12px*var(--nm-fs)))}
#namana-makers .nm-comfort-photos{order:2}
#namana-makers .nm-comfort-grid .nm-copy{order:1}
#namana-makers .nm-comfort-photos figure:last-child{margin-bottom:20px}
#namana-makers .nm-team-heading{gap:22px;margin-bottom:28px}
#namana-makers .nm-team-grid{gap:24px}
#namana-makers .nm-final{padding:56px 0}
#namana-makers .nm-final h2{font-size:max(var(--nm-min),calc(32px*var(--nm-fs)))}
#namana-makers .nm-final .nm-note{font-size:max(var(--nm-min),calc(12px*var(--nm-fs)));text-align:left}
#namana-makers .nm-sticky:not([hidden]){display:block;position:fixed;z-index:30;bottom:0;left:0;right:0;background:#fff;padding:10px 18px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #ddd;box-shadow:0 -3px 20px #0000000a}
#namana-makers .nm-sticky .nm-button{min-height:48px;font-size:max(var(--nm-min),calc(12px*var(--nm-fs)));padding-block:11px}
#namana-makers.nm-has-sticky{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
#namana-makers .nm-dialog{padding:52px 16px 20px;max-width:94vw}
#namana-makers .nm-dialog img{max-height:70vh}
}
@media(max-width:360px){
#namana-makers h1{font-size:max(var(--nm-min),calc(30px*var(--nm-fs)))}
#namana-makers h2{font-size:max(var(--nm-min),calc(26px*var(--nm-fs)))}
#namana-makers .nm-button{font-size:max(var(--nm-min),calc(12px*var(--nm-fs)));padding-inline:17px}
#namana-makers .nm-offer h2{font-size:max(var(--nm-min),calc(23px*var(--nm-fs)))}
}
@media(prefers-reduced-motion:reduce){
#namana-makers *,#namana-makers *::before,#namana-makers *::after{scroll-behavior:auto!important;transition:none!important}
}

/* ===== WordPress (23.10.2026): сторінка між шапкою й підвалом сайту ===== */
/* Тема фарбує заголовки в графіт (#3b3b3b) — у макеті колір береться від блоку (на темних блоках білий) */
#namana-makers :is(h1,h2,h3){color:inherit;text-transform:none;font-family:inherit}
/* Тема знімає підкреслення з усіх посилань — у макеті текстові посилання підкреслені */
#namana-makers a.nm-text-link{text-decoration:underline}
/* Кнопка «Take a Closer Look» — рівно по лівому краю тексту, як посилання (без типових бічних полів кнопки) */
#namana-makers button.nm-text-link{padding-inline:0}
/* Шапка сайту при прокрутці закріплена зверху (комп'ютер ≈ 98 px, телефон ≈ 50 px): якорі зупиняються одразу під нею, і початок розділу не ховається */
#namana-makers :is(section,nav)[id]{scroll-margin-top:100px}
@media (max-width:767px){#namana-makers :is(section,nav)[id]{scroll-margin-top:52px}}
/* Якщо для сторінки обрано звичайний шаблон теми — її заголовок ховаємо: головний H1 уже в першому блоці */
body.namana-makers-page .entry-header{display:none}
/* Elementor, розмітка «контейнер»: контейнер із шорткодом — без типових полів і обмеження ширини, щоб сторінка йшла від краю до краю */
.e-con:has(> .elementor-widget-shortcode #namana-makers),.e-con:has(> .e-con-inner > .elementor-widget-shortcode #namana-makers){--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;padding:0}
.e-con-inner:has(> .elementor-widget-shortcode #namana-makers){max-width:none;width:100%;padding:0;--gap:0px;--row-gap:0px}
/* Elementor, стара розмітка «секція → колонка»: у шаблоні Full Width поля −10 px виводять сторінку за край екрана — прибираємо їх лише навколо цієї сторінки */
.elementor-section:has(.elementor-widget-shortcode #namana-makers)>.elementor-container{margin-left:0;margin-right:0;max-width:none}
.elementor-column:has(.elementor-widget-shortcode #namana-makers)>.elementor-widget-wrap{padding:0}

/* ===== Більший текст — як на сторінці для магазинів (власниця 22.10.2026: «шрифти дуже дрібні й нечитабельні») =====
   Кожен розмір = розмір макета × --nm-fs, але не менше --nm-min; на широких екранах ширший і контент. */
#namana-makers{--nm-fs:1.06;--nm-min:13px;--nm-width:1180px;font-size:max(var(--nm-min),calc(16px*var(--nm-fs)))}
@media(min-width:769px){#namana-makers{--nm-fs:1.1;--nm-min:14px}}
@media(min-width:1024px){#namana-makers{--nm-fs:1.14;--nm-min:15px}}
@media(min-width:1280px){#namana-makers{--nm-fs:1.2;--nm-min:15.5px}}
@media(min-width:1400px){#namana-makers{--nm-fs:1.28;--nm-min:16px;--nm-width:1260px}}
@media(min-width:1700px){#namana-makers{--nm-fs:1.36;--nm-min:16.5px;--nm-width:1340px}}

/* ===== Логотипи мейкерів з галереї «opt-partners» (власниця 23.10.2026: «як на минулій сторінці») — карусель 5 / 4 / 2 логотипи, стрілки й лічильник ===== */
#namana-makers .nm-logos{padding:56px 0 0}
#namana-makers .nm-logos-intro{text-transform:uppercase;letter-spacing:.11em;font-size:max(var(--nm-min),calc(11px*var(--nm-fs)));font-weight:700;line-height:1.5;margin:0 0 14px;color:var(--nm-muted)}
#namana-makers .nm-partner-carousel{border-bottom:1px solid var(--nm-line)}
#namana-makers .nm-partner-logos{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;padding:10px 0 16px}
#namana-makers .nm-partner-logos::-webkit-scrollbar{display:none}
#namana-makers .nm-partner-logo{flex:0 0 calc((100% - 80px)/5);min-width:0;scroll-snap-align:start;display:grid;place-items:center;height:calc(100px*var(--nm-fs));padding:8px}
/* Логотипи в галереї білі (для чорного банера на головній) — тут на білому тлі показуємо їх чорними */
#namana-makers .nm-partner-logo img{width:min(100%,calc(150px*var(--nm-fs)));height:calc(84px*var(--nm-fs));object-fit:contain;filter:brightness(0);opacity:.72}
#namana-makers .nm-carousel-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 20px}
#namana-makers .nm-carousel-status{font-size:max(var(--nm-min),calc(11px*var(--nm-fs)));color:var(--nm-muted);font-weight:700;letter-spacing:.08em}
#namana-makers .nm-carousel-buttons{display:flex;gap:8px}
#namana-makers .nm-carousel-buttons button{width:40px;height:40px;padding:0;border:1px solid var(--nm-line);border-radius:50%;background:#fff;color:var(--nm-ink);display:grid;place-items:center;font-size:max(var(--nm-min),calc(20px*var(--nm-fs)));line-height:1;transition:background .2s,color .2s}
#namana-makers .nm-carousel-buttons button:not(:disabled):hover{background:var(--nm-ink);color:#fff}
#namana-makers .nm-carousel-buttons button:disabled{opacity:.35;cursor:default}
@media(max-width:1100px) and (min-width:769px){
#namana-makers .nm-partner-logos{gap:16px}
#namana-makers .nm-partner-logo{flex-basis:calc((100% - 48px)/4)}
}
@media(max-width:768px){
#namana-makers .nm-logos{padding-top:44px}
#namana-makers .nm-partner-logos{gap:12px;padding:4px 0 12px}
#namana-makers .nm-partner-logo{flex-basis:calc((100% - 12px)/2);height:calc(94px*var(--nm-fs))}
#namana-makers .nm-partner-logo img{height:calc(80px*var(--nm-fs))}
#namana-makers .nm-carousel-controls{padding-bottom:18px}
}

/* ===== Заключний блок «Instruments We Make Cases For» — як на сторінці для магазинів (власниця 23.10.2026): рамка, перелік не вичерпний ===== */
#namana-makers .nm-instruments{padding:72px 0 88px}
#namana-makers .nm-instruments-box{border:1px solid #d4d4d4;border-radius:4px;padding:48px 52px}
#namana-makers .nm-instruments .nm-eyebrow{color:#bc3b2e;margin-bottom:16px}
#namana-makers .nm-instruments h2{font-size:max(var(--nm-min),calc(34px*var(--nm-fs)));line-height:1.26;letter-spacing:-.02em;font-weight:700;margin-bottom:24px}
#namana-makers .nm-instrument-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;row-gap:4px;font-size:max(var(--nm-min),calc(16px*var(--nm-fs)));line-height:1.75;color:var(--nm-ink)}
#namana-makers .nm-instrument-list li{margin:0;padding:0;white-space:nowrap}
#namana-makers .nm-instrument-list li:not(:last-child)::after{content:"·";margin:0 .55em;color:var(--nm-red);font-weight:700}
#namana-makers .nm-instrument-list .nm-instrument-any{font-weight:700}
#namana-makers .nm-instruments-note{margin-top:26px;color:var(--nm-muted);font-size:max(var(--nm-min),calc(16px*var(--nm-fs)));line-height:1.75}
#namana-makers .nm-instruments .nm-text-link{display:flex;width:fit-content;margin-top:12px}
@media(max-width:768px){
#namana-makers .nm-instruments{padding:48px 0 64px}
#namana-makers .nm-instruments-box{padding:28px 22px}
#namana-makers .nm-instruments h2{font-size:max(var(--nm-min),calc(28px*var(--nm-fs)))}
#namana-makers .nm-instrument-list{font-size:max(var(--nm-min),calc(15px*var(--nm-fs)));line-height:1.6;row-gap:2px}
#namana-makers .nm-instrument-list li:not(:last-child)::after{margin:0 .45em}
}

/* ===== Блок «Questions from Instrument Makers» (1.0.1, 24.10.2026) — перед фінальним блоком заявки; дві колонки, на телефоні одна ===== */
#namana-makers .nm-faq h2{margin-bottom:8px}
#namana-makers .nm-faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px;margin-top:28px}
#namana-makers .nm-faq-item{padding:26px 0;border-top:1px solid #dcdcdc}
#namana-makers .nm-faq-item h3{font-size:max(var(--nm-min),calc(18px*var(--nm-fs)));font-weight:700;line-height:1.4;letter-spacing:-.01em}
#namana-makers .nm-faq-item p{margin-top:10px;color:var(--nm-muted)}
@media(max-width:768px){
#namana-makers .nm-faq-list{grid-template-columns:1fr;margin-top:20px}
#namana-makers .nm-faq-item{padding:22px 0}
#namana-makers .nm-faq-item h3{font-size:max(var(--nm-min),calc(17px*var(--nm-fs)))}
}