/* Restrained motion for the WoolCore hero and purchase illustration. */
.ma #intro-ma{isolation:isolate;background:none}
/* Four-image loop: Black → Black Night → Ambient → Gold → Black. Upper layers never fade before the next image fully covers them. */
.ma #intro-ma::before,.ma #intro-ma::after,.ma #intro-ma .ma-hero-night,.ma #intro-ma .ma-hero-ambient{content:"";position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat;transform-origin:center;pointer-events:none;animation:ma-hero-zoom 24s ease-in-out infinite alternate}
.ma #intro-ma::before{z-index:-4;background-image:url('../wall-panels/ma-woolcore-black.jpg')}
.ma #intro-ma .ma-hero-night{z-index:-3;background-image:url('../wall-panels/ma-woolcore-black-night.jpg');opacity:0;animation:ma-hero-zoom 24s ease-in-out infinite alternate,ma-hero-night 26s linear infinite}
.ma #intro-ma .ma-hero-ambient{z-index:-2;background-image:url('../wall-panels/ma-ambient.jpg');opacity:0;animation:ma-hero-zoom 24s ease-in-out infinite alternate,ma-hero-ambient 26s linear infinite}
.ma #intro-ma::after{z-index:-1;background-image:url('../wall-panels/ma-ambient-gold.jpg');opacity:0;animation:ma-hero-zoom 24s ease-in-out infinite alternate,ma-hero-gold 26s linear infinite}
@keyframes ma-hero-night{0%,11.538%{opacity:0}23.077%,46.154%{opacity:1}46.155%,100%{opacity:0}}
@keyframes ma-hero-ambient{0%,34.615%{opacity:0}46.154%,69.231%{opacity:1}69.232%,100%{opacity:0}}
@keyframes ma-hero-gold{0%,57.692%{opacity:0}69.231%,88.462%{opacity:1}100%{opacity:0}}
.ma #intro-ma #ma-logotype{--ma-watermark-opacity:.3;animation:ma-watermark-enter 3.5s cubic-bezier(.22,.6,.28,1) .35s both}
.ma #purchase .ma-buy-cart-art svg{transform-origin:50% 30%;animation:ma-cart-sway 9s ease-in-out 1.8s infinite}
@keyframes ma-hero-zoom{from{transform:scale(1.075)}to{transform:scale(1)}}
@keyframes ma-watermark-enter{from{opacity:0;transform:translateX(-65px)}to{opacity:var(--ma-watermark-opacity);transform:translateX(0)}}
@keyframes ma-cart-sway{0%,13%,100%{transform:rotate(0)}16%{transform:rotate(-3deg)}20%{transform:rotate(2deg)}24%{transform:rotate(-1deg)}28%{transform:rotate(0)}}
@media(max-width:767px){
.ma #intro-ma #ma-logotype{width:150vw;max-width:none;left:-75vw;top:5vh;margin:0;--ma-watermark-opacity:.8;animation-name:ma-watermark-enter-mobile}
@keyframes ma-watermark-enter-mobile{from{opacity:0;transform:translateX(-55vw)}to{opacity:var(--ma-watermark-opacity);transform:translateX(0)}}
}
/* Mobile hero: title and CTA over photos; description follows outside hero. */
.ma #intro-ma > .ma-mobile-hero-heading,.ma #intro-ma > .ma-mobile-hero-cta,.ma .ma-mobile-hero-description{display:none}
@media(max-width:767px){
.ma #intro-ma{height:100svh;min-height:0;box-sizing:border-box;padding:0}
.ma #intro-ma #ma-logotype,.ma #intro-ma > .row{display:none!important}
.ma #intro-ma > .ma-mobile-hero-heading{display:block;position:absolute;z-index:2;top:20%;left:18px;right:18px;margin:0;color:#fff;text-align:center;font-size:clamp(25px,7vw,36px);line-height:1.2;letter-spacing:.15em!important;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.ma #intro-ma > .ma-mobile-hero-cta{display:inline-block;position:absolute;z-index:2;left:50%;bottom:clamp(175px,24svh,250px);transform:translateX(-50%);white-space:nowrap;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.85);color:#fff}
.ma .ma-mobile-hero-description{display:block;padding:42px 0 52px;background:#fff;color:#333;scroll-margin-top:70px}
.ma .ma-mobile-hero-description .lead{margin:0;line-height:1.75;text-align:left}
}
/* Four mobile hero photos: Black → Night → Caribbean → Ambient Gold. Desktop unchanged. */
.ma #intro-ma .ma-hero-mobile-caribbean{display:none}
@media(max-width:767px){
.ma #intro-ma::before{z-index:-4;background-image:url('../wall-panels/mobile/ma-woolcore-black.jpg')}
.ma #intro-ma .ma-hero-night{z-index:-3;background-image:url('../wall-panels/mobile/ma-woolcore-black-night.jpg');animation:ma-hero-zoom 24s ease-in-out infinite alternate,ma-hero-night 26s linear infinite}
.ma #intro-ma .ma-hero-ambient{z-index:-2;background-image:url('../wall-panels/mobile/ma-woolcore-black-ambient-caribbean.jpg');animation:ma-hero-zoom 24s ease-in-out infinite alternate,ma-hero-ambient 26s linear infinite}
.ma #intro-ma::after{z-index:-1;background-image:url('../wall-panels/mobile/ma-woolcore-black-amgient-gold.jpg');animation:ma-hero-zoom 24s ease-in-out infinite alternate,ma-hero-gold 26s linear infinite}
}
@media(prefers-reduced-motion:reduce) and (max-width:767px){.ma #intro-ma .ma-hero-mobile-caribbean{animation:none!important;opacity:0}}
@media(prefers-reduced-motion:reduce) and (max-width:767px){.ma #intro-ma #ma-logotype{animation:none!important;transform:none!important;opacity:var(--ma-watermark-opacity)}}
@media(prefers-reduced-motion:reduce){.ma #intro-ma::before,.ma #intro-ma::after,.ma #intro-ma .ma-hero-night,.ma #intro-ma .ma-hero-ambient,.ma #contact::before,.ma #contact .ma-custom-work,.ma #contact .ma-custom-panels,.ma #intro-ma #ma-logotype,.ma #purchase .ma-buy-cart-art svg{animation:none!important;transform:none!important}.ma #intro-ma::after,.ma #intro-ma .ma-hero-night,.ma #intro-ma .ma-hero-ambient,.ma #contact .ma-custom-work,.ma #contact .ma-custom-panels{opacity:0}.ma #intro-ma #ma-logotype{opacity:var(--ma-watermark-opacity)}}
/* Desktop cart counter matches the mobile badge design. */
@media(min-width:768px){
.ma header nav a.header-cart-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:top;min-width:48px;height:58px;padding:0 22px 0 14px!important;margin-right:14px;transform:none;overflow:visible}
.ma header nav a.header-cart-icon .fa-shopping-cart{font-size:22px;line-height:1}
.ma header nav a.header-cart-icon .header-cart-count{position:absolute;top:6px;right:3px;display:flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:2px 4px;box-sizing:border-box;border-radius:9px;background:#65c6b8;color:#102527;font:700 11px/13px Quicksand,sans-serif;text-align:center;white-space:nowrap}
}
/* Compact mobile header: brand + matching WhatsApp icon left; menu and cart right. */
@media(max-width:767px){
.ma header{overflow:visible}
.ma header > .container{display:flex;align-items:center;justify-content:space-between;min-height:60px;padding-left:12px;padding-right:12px}
.ma header #logo{display:flex;align-items:center;float:none;min-width:0}
.ma header #logo #logo-logo{display:block;float:none;flex:none;width:38px;height:38px;margin:0 10px 0 0!important}
.ma header #logo #logo-callus{display:flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;padding:0;margin:0;font-size:38px;line-height:1}
.ma header #logo #logo-callus .fa{font-size:.82em;line-height:1;margin:0;opacity:.5}
.ma header .ma-mobile-header-actions{display:flex!important;align-items:center;gap:4px;margin-left:auto}
.ma header .ma-mobile-header-actions a{position:relative;display:flex;align-items:center;justify-content:center;float:none;width:40px;height:40px;padding:0;font-size:22px;line-height:1}
.ma header .ma-mobile-cart-count{position:absolute;top:0;right:0;min-width:17px;height:17px;padding:2px 4px;border-radius:9px;background:#65c6b8;color:#102527;text-align:center;font-size:11px;line-height:13px;font-weight:700}
.ma header #mobile-menu.visible{z-index:5;background:linear-gradient(90deg,#162a2b 0%,#1b5759 46%,#162a2b 100%)}
}
/* Fixed dropdown columns: swatch | flexible name | fixed price | check. */
.ma #purchase .ma-finish-option{display:grid;grid-template-columns:39px minmax(0,1fr) 82px 12px;align-items:center;column-gap:8px;width:100%;box-sizing:border-box}
.ma #purchase .ma-finish-option > span:nth-child(2){min-width:0;overflow-wrap:anywhere}
.ma #purchase .ma-finish-option .ma-finish-price{grid-column:3;justify-self:end;width:82px;min-width:0;margin:0;padding:0;text-align:right;white-space:nowrap;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:#a5e1da}
.ma #purchase .ma-finish-option .ma-finish-availability{display:block;color:#b7cfc9;font-weight:400;font-size:10px;line-height:1.3;white-space:nowrap}
.ma #color-options .ma-color-item{padding-bottom:34px;text-align:center}
.ma #color-options .ma-color-stock{display:block;margin-top:4px;color:#a5e1da;font:500 12px/1.35 Quicksand,sans-serif;white-space:nowrap}
.ma #color-options .ma-color-item .shadow.circle{pointer-events:none}
.ma #purchase .ma-finish-option .ma-finish-check{grid-column:4;margin:0;justify-self:center;flex:none}
/* Always-available minimal purchase bar; editorial content retains original design. */
.ma header{border-bottom:0!important}
.ma{padding-bottom:0}
.ma #purchase.ma-buy-strip{position:fixed;z-index:1050;left:0;right:0;bottom:0;padding:12px 0;background:rgba(15,43,45,.78);-webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%);border:0!important;box-shadow:0 -9px 32px rgba(0,0,0,.22)}
.ma #purchase .ma-buy-form{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:18px;position:relative;padding-left:155px}
/* Subtle translucent basket with a soft blur, floating above the purchase bar. */
.ma #purchase .ma-buy-cart-art{position:absolute;left:0;top:-95px;width:140px;height:140px;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#fff;opacity:.76;line-height:1;filter:blur(.5px) drop-shadow(0 5px 12px rgba(0,0,0,.16))}
.ma #purchase .ma-buy-cart-art svg{display:block;width:100%;height:100%;overflow:visible}
.ma #purchase .ma-buy-copy{display:flex;flex-direction:column;gap:2px;flex-shrink:0;white-space:nowrap}
.ma #purchase .ma-buy-copy strong{font-size:18px;line-height:1.2;font-weight:700}
.ma #purchase .ma-buy-copy span{font-size:12px;color:#c1dfdf}
.ma #purchase .ma-buy-actions{display:flex;align-items:end;justify-content:flex-end;flex-wrap:nowrap;gap:12px;min-width:0}
.ma #purchase .ma-buy-actions label{margin:0;white-space:nowrap}
.ma #purchase .ma-buy-actions select{width:160px;max-width:100%}
.ma #purchase .ma-buy-actions input{width:65px}
.ma #purchase .ma-buy-actions .btn{font-size:14px;padding:10px 15px;min-height:43px;white-space:nowrap}
.ma #purchase .ma-buy-actions .btn .fa-shopping-cart{margin-right:9px}
.ma #purchase .ma-buy-tip{display:none}
/* Mode switch: order standard WoolCore or request a bespoke Ambient installation. */
.ma #purchase .ma-ambient-toggle{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:0;border:0;background:transparent;color:#e1faf7;font:600 13px Quicksand,sans-serif;cursor:pointer;white-space:nowrap}
.ma #purchase .ma-ambient-switch-track{position:relative;display:block;flex:none;width:47px;height:28px;border-radius:999px;background:#6b7d7e;box-shadow:inset 0 1px 3px rgba(0,0,0,.22);transition:background .22s ease}
.ma #purchase .ma-ambient-switch-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.28);transition:transform .22s ease}
.ma #purchase .ma-ambient-toggle[aria-checked="true"] .ma-ambient-switch-track{background:#65c6b8}
.ma #purchase .ma-ambient-toggle[aria-checked="true"] .ma-ambient-switch-knob{transform:translateX(19px)}
.ma #purchase .ma-ambient-toggle:focus-visible{outline:2px solid #8adbd6;outline-offset:5px;border-radius:6px}
@media(prefers-reduced-motion:reduce){.ma #purchase .ma-ambient-switch-track,.ma #purchase .ma-ambient-switch-knob{transition:none}}
.ma #purchase .ma-ambient-inquiry[hidden]{display:none!important}
.ma #purchase .ma-ambient-inquiry{display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;margin-left:auto;padding:10px 17px;min-height:43px;font-size:14px}

/* Midnight Acoustics controls: dark translucent surfaces, subtle teal highlights. */
.ma #purchase .ma-buy-actions select,
.ma #purchase .ma-buy-actions input[type="number"]{
  box-sizing:border-box;
  background:rgba(7,25,27,.54);
  color:#f1fafa;
  border:1px solid rgba(136,207,205,.38);
  border-radius:0;
  font-family:Quicksand,sans-serif;
  font-weight:600;
  letter-spacing:.01em;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.12);
  transition:border-color .2s,background .2s,box-shadow .2s;
}
.ma #purchase .ma-buy-actions select{
  appearance:none;-webkit-appearance:none;
  padding:9px 37px 9px 13px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='m1 1 6 6 6-6' fill='none' stroke='%238adbd6' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 13px center;
}
.ma #purchase .ma-buy-actions select option{background:#173738;color:#fff}
.ma #purchase .ma-buy-actions input[type="number"]{text-align:center;padding:8px 5px;color-scheme:dark}
.ma #purchase .ma-buy-actions select:hover,
.ma #purchase .ma-buy-actions input[type="number"]:hover{border-color:rgba(102,220,212,.8);background-color:rgba(20,66,67,.65)}
.ma #purchase .ma-buy-actions select:focus-visible,
.ma #purchase .ma-buy-actions input[type="number"]:focus-visible{outline:0;border-color:#70ded5;box-shadow:0 0 0 3px rgba(79,204,198,.23)}

/* Fabric-swatch dropdown opens above the fixed purchase bar. */
.ma #purchase .ma-finish-picker{position:relative;width:190px;min-width:0;flex-shrink:0}
.ma #purchase #wool-finish{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}
.ma #purchase .ma-finish-trigger{height:43px;width:100%;display:flex;align-items:center;gap:9px;padding:6px 11px;background:rgba(7,25,27,.68);color:#f1fafa;border:1px solid rgba(136,207,205,.45);border-radius:0;font:600 13px Quicksand,sans-serif;text-align:left;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}
.ma #purchase .ma-finish-trigger:hover,.ma #purchase .ma-finish-picker.is-open .ma-finish-trigger{background:#224b4b;border-color:#70ded5}
.ma #purchase .ma-finish-trigger:focus-visible,.ma #purchase .ma-finish-option:focus-visible{outline:2px solid #70ded5;outline-offset:2px}
.ma #purchase .ma-finish-preview{height:27px;width:27px;flex:none;display:flex;align-items:center;justify-content:center;color:#a8e5df;background:transparent;border:1px solid transparent;background-size:cover;background-position:center}
.ma #purchase .ma-finish-preview svg{width:23px;height:23px;display:block}
.ma #purchase .ma-finish-preview.has-color{border-color:rgba(255,255,255,.28);border-radius:6px}
.ma #purchase .ma-finish-preview.has-color svg{display:none}
.ma #purchase .ma-finish-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ma #purchase .ma-finish-chevron{width:8px;height:8px;flex:none;border-right:2px solid #8adbd6;border-bottom:2px solid #8adbd6;transform:rotate(45deg);margin:-4px 3px 0 1px;transition:transform .2s}
.ma #purchase .ma-finish-picker.is-open .ma-finish-chevron{transform:rotate(225deg);margin-top:4px}
.ma #purchase .ma-finish-menu[hidden]{display:none!important}
.ma #purchase .ma-finish-menu{position:absolute;bottom:calc(100% + 13px);left:0;width:290px;max-width:calc(100vw - 24px);background:#153235;border:1px solid rgba(135,215,207,.42);border-radius:14px;box-shadow:0 18px 55px rgba(0,0,0,.46);padding:8px;z-index:1100;overflow:hidden;color:#f4ffff}
.ma #purchase .ma-finish-menu-heading{padding:9px 11px 12px;font:700 12px Quicksand,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#abdcd8}
.ma #purchase .ma-finish-options{max-height:min(410px,calc(100dvh - 190px));overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#619b98 #153235;scrollbar-width:thin}
.ma #purchase .ma-finish-option{display:grid;grid-template-columns:39px minmax(0,1fr) 82px 12px;align-items:center;column-gap:8px;width:100%;padding:7px 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:#f4ffff;font:600 13px Quicksand,sans-serif;text-align:left;cursor:pointer}
.ma #purchase .ma-finish-option:hover,.ma #purchase .ma-finish-option:focus-visible{background:#285354}
.ma #purchase .ma-finish-option[aria-selected="true"]{background:#245354;border-color:#579c97}
.ma #purchase .ma-finish-swatch{width:39px;height:39px;flex:none;border-radius:8px;background-position:center;background-size:cover;border:1px solid rgba(255,255,255,.25);box-shadow:0 1px 5px rgba(0,0,0,.3)}
.ma #purchase .ma-finish-check{margin-left:auto;color:#90e8dd;opacity:0}
.ma #purchase .ma-finish-option[aria-selected="true"] .ma-finish-check{opacity:1}
/* Benefits follow their content rather than inheriting a viewport-high screen. */
.ma #products-details.screen{min-height:0;height:auto}
.ma #products.color-background{min-height:0;height:auto;padding-top:2.5em;padding-bottom:5em}
.ma #products .row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;row-gap:30px}
.ma #products .row::before,.ma #products .row::after{display:none}
.ma #products .row > .col-sm-5ths{float:none;width:auto;min-width:0;height:auto;min-height:0;padding:0 8px}
@media(max-width:767px){.ma #products .row{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.ma #products .row > .col-sm-5ths{padding:0 3px}.ma #products .row h5{font-size:15px;line-height:1.35}.ma #products .row p{font-size:13px;line-height:1.5}}
/* WoolCore construction overview: equal columns contained within the page grid. */
.ma .ma-woolcore-info-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;text-align:left}
.ma .ma-woolcore-info-text,.ma .ma-woolcore-info-image{min-width:0}
.ma .ma-woolcore-info-image{display:flex;align-items:center;justify-content:center}
.ma .ma-woolcore-info-image img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}
@media(max-width:767px){.ma .ma-woolcore-info-grid{grid-template-columns:minmax(0,1fr);gap:24px}}
/* WoolCore facts: seven evenly distributed specifications on desktop. */
.ma .ma-woolcore-specs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;align-items:start;text-align:center;margin:24px 0}
.ma .ma-woolcore-spec{min-width:0;padding:8px 5px;overflow-wrap:break-word}
.ma .ma-woolcore-spec i{display:block;margin:0 auto 12px}
.ma .ma-woolcore-spec span{display:block;font-size:13px;line-height:1.5}
@media(max-width:991px){.ma .ma-woolcore-specs{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:24px}}
@media(max-width:575px){.ma .ma-woolcore-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}}
/* Full-viewport TrapX hero, with a readable overlay like the opening hero. */
.ma .ma-trapx-promo{position:relative;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box;min-height:100vh;min-height:100svh;padding:100px 0 120px;background:linear-gradient(90deg,rgba(10,30,32,.08) 0%,rgba(10,30,32,.18) 38%,rgba(10,30,32,.64) 100%),url('../bass-traps/ma-trapx.jpg') center/cover no-repeat;color:#fff}
.ma .ma-trapx-content{position:relative;z-index:1;box-sizing:border-box;width:58.333333%;padding:2em;background:rgba(0,0,0,.5);border:0;box-shadow:none;text-align:left}
.ma .ma-trapx-content-inner{width:83.333333%;max-width:100%}
.ma .ma-trapx-eyebrow{display:block;font:700 12px Quicksand,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9adbd5;margin-bottom:16px}
.ma .ma-trapx-content h2{text-align:left;margin:0 0 24px}
.ma .ma-trapx-content .lead{max-width:600px;margin-bottom:28px}
.ma .ma-trapx-cta{color:#fff;border-color:#fff;background:transparent;margin:0}
.ma .ma-trapx-cta:hover,.ma .ma-trapx-cta:focus-visible{color:#fff;border-color:#fff;background:rgba(255,255,255,.12)}
@media(max-width:767px){.ma .ma-trapx-promo{justify-content:center;align-items:flex-end;min-height:100svh;padding:110px 0 170px;background-position:45% center}.ma .ma-trapx-content{width:100%;padding:26px 22px}.ma .ma-trapx-content-inner{width:100%}}

/* Closing hero: 16:9 gallery with a two-layer crossfade and original text overlay. */
.ma #contact.ma-custom-solutions{isolation:isolate;position:relative;display:flex;align-items:center;min-height:0;height:auto;aspect-ratio:16/9;box-sizing:border-box;padding:clamp(30px,5vw,100px) 0;margin-bottom:105px;overflow:hidden;background:#102527;color:#fff}
.ma #contact .ma-custom-slides{position:absolute;inset:0;z-index:-1;pointer-events:none}
.ma #contact .ma-custom-slide{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat}
.ma #contact .ma-custom-slide-current{background-image:url('../custom/living-room-glowing.jpg')}
.ma #contact .ma-custom-slide-next{opacity:0;transition:opacity 1.6s ease-in-out}
@media(max-width:767px){.ma #contact.ma-custom-solutions{aspect-ratio:auto;min-height:75svh;padding:90px 0 115px}}
@media(prefers-reduced-motion:reduce){.ma #contact .ma-custom-slide-next{transition:none}}
.ma #contact .ma-custom-layout{width:100%;margin:0}
.ma #contact .ma-custom-introduction{padding:2em;background:rgba(0,0,0,.5);text-align:left}
.ma #contact .ma-custom-introduction h2{text-align:left;margin:0 0 24px;color:#fff}
.ma #contact .ma-custom-introduction .lead{margin:0 0 24px;color:#fff}
.ma #contact .ma-custom-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:20px;margin:22px 0 0}
.ma #contact .ma-custom-actions .btn{margin:0}
@media(max-width:767px){.ma #contact.ma-custom-solutions{align-items:flex-end;padding:110px 0 170px}.ma #contact .ma-custom-layout{margin:0}.ma #contact .ma-custom-introduction{padding:26px 22px}.ma #contact .ma-custom-actions{justify-content:flex-start}}
.ma .ma-custom-contact{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:underline;text-underline-offset:5px}
.ma .ma-custom-contact:hover{color:#8adbd6}
html{scroll-padding-bottom:110px}
@media(max-width:767px){
.ma{padding-bottom:0}
.ma #contact.ma-custom-solutions{margin-bottom:calc(142px + env(safe-area-inset-bottom,0px))}
.ma #purchase.ma-buy-strip{padding:10px 0 calc(10px + env(safe-area-inset-bottom,0px))}
.ma #purchase .container{width:100%;padding-left:12px;padding-right:12px}
.ma #purchase .ma-buy-form{display:grid;grid-template-columns:1fr;gap:7px;padding-left:0}
.ma #purchase .ma-buy-cart-art{left:0;top:-72px;width:105px;height:105px}
.ma #purchase .ma-buy-copy{padding-left:110px;min-height:36px}
.ma #purchase .ma-buy-copy{flex-direction:column;align-items:flex-start;justify-content:center}
.ma #purchase .ma-ambient-toggle{position:absolute;right:0;top:0;min-height:36px;padding:6px 11px;font-size:12px}

.ma #purchase .ma-ambient-inquiry{width:100%;margin:0;min-height:39px;font-size:13px}
.ma #purchase .ma-buy-copy strong{font-size:15px}
.ma #purchase .ma-buy-actions{display:grid;width:100%;grid-template-columns:minmax(0,1fr) 58px auto;align-items:end;gap:8px}
.ma #purchase .ma-buy-actions label{font-size:11px;min-width:0}
.ma #purchase .ma-finish-picker{width:100%;min-width:0}
.ma #purchase .ma-finish-trigger{height:39px;padding:5px 8px;font-size:12px;gap:6px}
.ma #purchase .ma-finish-preview{width:24px;height:24px}
.ma #purchase .ma-finish-menu{left:0;width:min(290px,calc(100vw - 24px))}
.ma #purchase .ma-finish-options{max-height:min(360px,calc(100dvh - 185px))}
.ma #purchase .ma-buy-actions select,.ma #purchase .ma-buy-actions input{width:100%;height:39px;padding:7px 5px;font-size:13px}
.ma #purchase .ma-buy-actions .btn{width:auto;padding:8px 10px;min-height:39px;font-size:13px}
html{scroll-padding-bottom:155px}
}
@media(max-width:360px){.ma #purchase .ma-buy-actions .btn{font-size:12px;padding:8px 7px}.ma #purchase .ma-buy-actions{grid-template-columns:minmax(0,1fr) 52px auto;gap:6px}}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.ma #purchase.ma-buy-strip{background:rgba(17,48,49,.97)}}
/* TrapX intro label is white on both mobile and desktop. */
.ma .ma-trapx-eyebrow,.ma .ma-trapx-content h2{color:#fff!important}
/* Final mobile spacing and typography refinements. */
@media(max-width:767px){
.ma .ma-mobile-hero-description{background:#252a2b;color:#fff;padding:34px 0 38px}
.ma .ma-mobile-hero-description .lead{color:#fff;text-align:center;line-height:1.65}
.ma #products.color-background{padding-top:1.75em;padding-bottom:2.5em}
.ma #products .row{column-gap:12px;row-gap:15px}
.ma #products .row > .col-sm-5ths{padding:0 6px}
.ma #products .row h5{font-size:14px;letter-spacing:0!important;line-height:1.25;padding-top:7px!important;padding-bottom:5px!important;margin:0 0 4px;overflow-wrap:break-word}
.ma #products .row p{margin:0;line-height:1.4}
.ma #products .row .fa-extra-large{margin-bottom:3px}
.ma .ma-woolcore-info-text .lead,.ma .ma-woolcore-info-text h3{text-align:center!important}
.ma #ambient .container{padding-bottom:12px!important}
.ma #ambient .container .lead:last-child{margin-bottom:0}
.ma #color-options .container > h2{padding-top:18px!important;padding-bottom:18px!important;margin-top:0;margin-bottom:8px}
.ma .ma-trapx-promo{background-image:linear-gradient(90deg,rgba(10,30,32,.08) 0%,rgba(10,30,32,.18) 38%,rgba(10,30,32,.64) 100%),url('../bass-traps/mobile/ma-trapx-ambient-caribbean.png');background-position:center;background-size:cover}
.ma .ma-trapx-content,.ma .ma-trapx-content h2,.ma .ma-trapx-content .lead,.ma .ma-trapx-eyebrow{text-align:center}
.ma .ma-trapx-cta{display:inline-block}
.ma #contact.ma-custom-solutions{min-height:110svh;align-items:flex-end;padding-top:45px;padding-bottom:calc(145px + env(safe-area-inset-bottom,0px))}
.ma #contact .ma-custom-introduction,.ma #contact .ma-custom-introduction h2,.ma #contact .ma-custom-introduction .lead{text-align:center}
.ma #contact .ma-custom-actions{justify-content:center}
.ma #purchase .ma-buy-cart-art{width:78px;height:78px;top:-42px}
.ma #purchase .ma-buy-copy{padding-left:82px}
}