/* Compact paint shopping flow and two-column shade catalogue. */
.ma-unified-panel{grid-template-columns:minmax(220px,36%) minmax(0,1fr);width:min(930px,100%)}
.ma-unified-swatch{min-height:390px}
.ma-unified-swatch img.ma-source-swatch-image{position:static;opacity:1;z-index:auto;max-width:100%;max-height:350px;width:auto;height:auto;object-fit:contain;box-shadow:0 6px 24px #0002}
.ma-unified-info{padding:42px 32px 26px}
.ma-unified-info h2{margin:10px 0 6px;font-size:clamp(27px,3vw,38px)}
.ma-shade-code{font:13px/1.4 Arial;color:#65756f;margin:0 0 17px}
.ma-unified-info h3{margin:17px 0 7px;font-size:12px}
.ma-variant-group>span{display:block;font:800 12px Arial;margin-bottom:7px}
.ma-variant-options{display:flex;flex-wrap:wrap;gap:6px}
.ma-variant-options button{border:1px solid #c5d2cc;border-radius:5px;padding:7px 9px;background:#fff;color:#23463d;font:700 11px/1.3 Arial;cursor:pointer;max-width:220px;text-align:left}
.ma-variant-options button[aria-pressed="true"]{border-color:#08796b;background:#e6f4ee;box-shadow:inset 0 0 0 1px #08796b}
.ma-unified-row{grid-template-columns:minmax(100px,.9fr) minmax(120px,1.2fr) minmax(160px,1fr);gap:9px;min-height:80px;padding:7px 0}
.ma-size{display:flex;align-items:center;gap:9px;font:800 13px Arial}
.ma-size i{display:block;width:25px;height:29px;border:1px solid #a4adaa;border-radius:4px 4px 7px 7px;background:linear-gradient(90deg,#d2d8d5,#fff 38%,#b4bcb8 85%);box-shadow:inset 0 3px #9ba49f;flex:none}
.ma-row-prices{text-align:left!important}.ma-row-prices small{color:#92650b;font:11px/1.4 Arial}.ma-row-prices strong{display:block;text-align:left;font-size:18px;margin-top:3px}
.ma-buy{display:flex;align-items:end;gap:5px}.ma-buy label{font:700 10px Arial;color:#51665e}.ma-buy input{display:block;box-sizing:border-box;width:49px;height:37px;margin-top:3px;border:1px solid #b8c9c0;border-radius:3px;text-align:center;font:16px Arial}.ma-buy button{min-height:37px;border-radius:3px;white-space:nowrap;font:800 11px Arial}
.ma-unified-row.is-unavailable{grid-template-columns:minmax(100px,.9fr) 1fr;min-height:48px}
.ma-screen-note{margin-top:12px}
.ma-full-card-gallery{max-width:1350px;margin:0 auto 70px;padding:35px 28px;color:#15352d}
.ma-full-card-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.ma-full-card-head small{font:800 10px Arial;letter-spacing:.15em;color:#d51e3b}.ma-full-card-head h2{font:500 clamp(28px,4vw,44px) Georgia,serif;margin:8px 0}.ma-full-card-head p{font:13px/1.5 Arial;color:#64756e;max-width:680px}.ma-full-card-head a{color:#08796b;font:800 13px Arial;white-space:nowrap}
.ma-full-card-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ma-full-card-pages figure{min-width:0;margin:0;border:1px solid #dfe6e2;background:white}.ma-full-card-pages img{display:block;width:100%;height:auto}.ma-full-card-pages figcaption{padding:8px;text-align:center;font:11px Arial;color:#66766f}
.ma-manual-shade{margin-top:22px;padding:18px;background:#edf4ef;display:flex;align-items:end;flex-wrap:wrap;gap:12px}.ma-manual-shade strong{flex-basis:100%;font:700 16px Arial}.ma-manual-shade label{font:700 11px Arial}.ma-manual-shade input{display:block;width:185px;max-width:100%;box-sizing:border-box;margin-top:5px;padding:10px;border:1px solid #b9c9c1;font:15px Arial}.ma-manual-shade button{background:#08796b;border:0;color:#fff;min-height:40px;padding:10px 15px;font:800 12px Arial;cursor:pointer}
/* Match the reference's sequence: shade swatch, code/name, then price. */
.shade-grid,.gobis-shade-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.shade-card,.gobis-shade-card{border:1px solid #e1e3df;background:#fff;padding:10px;min-width:0;text-align:center}
.shade-card .swatch-card,.gobis-swatch{height:180px}
.ma-source-tile .ma-tile-photo{display:block;width:100%;height:180px;object-fit:contain;background:#fff}
.gobis-shade-card .ma-tile-photo{display:block;width:100%;height:180px;object-fit:contain;background:#fff}
.shade-meta{min-height:0;padding:10px 2px}.shade-meta>b,.gobis-shade-card>strong{display:block;font:700 12px/1.3 Arial}.shade-meta>span,.gobis-shade-card>em{display:block;margin:4px 0;color:#77847e;font:11px/1.3 Arial}.shade-meta>strong,.gobis-visible-price{font:700 12px/1.35 Arial}
@media(max-width:900px){.shade-grid,.gobis-shade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){
  .ma-full-card-gallery{padding:24px 12px}.ma-full-card-head{display:block}.ma-full-card-pages{grid-template-columns:1fr;gap:12px}.ma-manual-shade label{flex:1 1 130px}.ma-manual-shade input{width:100%}
  .shade-grid,.gobis-shade-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .shade-card,.gobis-shade-card{padding:6px}.shade-card .swatch-card,.gobis-swatch{height:145px}.shade-card .discount,.gobis-shade-card>.discount{width:34px;height:34px;top:9px;left:9px;font-size:9px}
  .ma-source-tile .ma-tile-photo{height:145px}
  .gobis-shade-card .ma-tile-photo{height:145px}
  .swatch-card b,.gobis-swatch b{font-size:11px;letter-spacing:.05em}.shade-meta{padding:8px 2px}.shade-meta>strong,.gobis-visible-price{font-size:10px}
  .ma-unified-overlay{padding:5px}.ma-unified-panel{grid-template-columns:1fr;max-height:calc(100dvh - 10px)}.ma-unified-swatch{min-height:115px;padding:12px}.ma-unified-swatch b{font-size:19px}.ma-unified-swatch small{font-size:11px;margin-top:4px}.ma-unified-info{padding:14px}.ma-unified-info h2{font-size:26px;margin:6px 0}.ma-variant-options button{font-size:10px;padding:6px;max-width:47%}
  .ma-unified-row{grid-template-columns:minmax(75px,.7fr) minmax(90px,1fr) minmax(105px,1fr);gap:5px;min-height:70px;padding:6px 0}.ma-unified-row button{grid-column:auto;min-height:37px;padding:4px 6px}.ma-size{font-size:11px;gap:4px}.ma-size i{width:16px;height:21px}.ma-row-prices small{font-size:9px}.ma-row-prices strong{font-size:15px}.ma-buy{gap:3px}.ma-buy label{font-size:9px}.ma-buy input{width:38px;height:34px;font-size:13px}.ma-buy button{white-space:normal;font-size:10px}.ma-unified-row.is-unavailable{grid-template-columns:90px 1fr}
}

/* V35: clean card-derived colours and a compact size picker. */
.ma-clear-swatch{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;border:1px solid rgba(0,0,0,.07);box-sizing:border-box}
.ma-clear-swatch b,.ma-clear-swatch small{position:relative;z-index:1;text-align:center;text-shadow:0 1px 2px #fff9;background:#ffffffa8;padding:3px 5px;border-radius:2px;color:#172c26}
.ma-clear-swatch b{font:800 13px/1.25 Georgia,serif;text-transform:uppercase;letter-spacing:.09em;max-width:90%;overflow-wrap:anywhere}
.ma-clear-swatch small{font:700 11px Arial;margin-top:5px}
.ma-clear-swatch .watermark{z-index:0}
.ma-clear-swatch.gobis-swatch i{z-index:0}
.ma-unified-rows{display:flex;flex-wrap:wrap;gap:9px;margin:11px 0 15px}
.ma-size-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:72px;min-height:78px;padding:8px 10px;border:1px solid #c8d5cf;border-radius:7px;background:#fff;color:#15372e;font:800 11px Arial;cursor:pointer}
.ma-size-choice[aria-pressed="true"]{border:2px solid #08796b;background:#e8f4ee;box-shadow:0 0 0 2px #d5eae1}
.ma-size-can{display:block;width:27px;height:33px;border:1px solid #97a5a0;border-radius:4px 4px 6px 6px;background:linear-gradient(90deg,#bdc9c3,#fff 42%,#a5b2ac);box-shadow:inset 0 4px #929e99;transform-origin:bottom}
.ma-size-choice[data-pack="Gallon"] .ma-size-can{transform:scale(.82)}
.ma-size-choice[data-pack="Quarter"] .ma-size-can,.ma-size-choice[data-pack="Dabi"] .ma-size-can{transform:scale(.65)}
.ma-choice-price{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #e0e7e2;border-bottom:1px solid #e0e7e2}
.ma-choice-price span{font:12px/1.4 Arial;color:#8b5e11}.ma-choice-price s{color:#86928b}.ma-choice-price strong{font:900 24px Arial;color:#cf2040;white-space:nowrap}
.ma-choice-action{display:flex;align-items:end;gap:12px;margin-top:16px}.ma-choice-action label{font:800 11px Arial;color:#435d52}.ma-choice-action input{display:block;width:72px;height:44px;box-sizing:border-box;padding:7px;border:1px solid #b9ccc1;border-radius:4px;text-align:center;font:17px Arial;margin-top:5px}.ma-choice-add{border:0;border-radius:4px;background:#08796b;color:#fff;min-height:44px;padding:10px 24px;font:900 13px Arial;cursor:pointer}
@media(max-width:560px){.ma-clear-swatch b{font-size:10px}.ma-clear-swatch small{font-size:9px}.ma-size-choice{min-width:62px;min-height:68px;padding:6px}.ma-choice-price strong{font-size:20px}.ma-choice-action{justify-content:space-between}}
.ma-source-tile,.gobis-shade-card{position:relative}
.ma-reference-badge{position:absolute;z-index:3;top:12px;left:12px;padding:6px 8px;border-radius:4px;background:#473b43;color:#fff;font:800 10px Arial;letter-spacing:.02em}