
.aa-bar-main{max-width:1600px;margin:0 auto;padding:54px 40px 70px;color:#252525}
.aa-bar-main *{box-sizing:border-box}.aa-bar-main h1{font-size:32px;font-weight:300;line-height:1.2;letter-spacing:.02em;margin:0}
.aa-bar-breadcrumb{font-size:11px;letter-spacing:.06em;margin:0 0 22px;display:block;color:inherit;text-decoration:none}
.aa-bar-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 36px}
.aa-bar-count{font-size:11px;letter-spacing:.08em;color:#777;white-space:nowrap}
.aa-bar-family{font-size:22px;font-weight:300;letter-spacing:.06em;margin:0 0 18px}
.aa-bar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 40px}
.aa-bar-card{min-width:0;text-align:center}.aa-bar-link{display:block;text-decoration:none;color:inherit}
.aa-bar-media{display:flex!important;align-items:center;justify-content:center;aspect-ratio:1/1;background:#fff!important;overflow:hidden;border:0!important}
.aa-bar-media img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;border:0!important;box-shadow:none!important;padding:20px!important;background:#fff!important}
.aa-bar-card h3{font-size:20px;line-height:1.25;font-weight:300;letter-spacing:.05em;margin:22px 0 9px}
.aa-bar-finish-label{font-size:12px;line-height:1.5;font-weight:300;letter-spacing:.025em;margin:0 0 14px;color:#666}
.aa-bar-swatches{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.aa-bar-swatch{display:block;width:34px;height:34px;padding:3px!important;border:1px solid transparent!important;background:#fff!important;cursor:pointer;border-radius:0!important;box-shadow:none!important}
.aa-bar-swatch img{display:block;width:26px!important;height:26px!important;object-fit:cover!important;border:0!important;padding:0!important}
.aa-bar-swatch[aria-pressed=true]{border-color:#3c3a33!important}.aa-bar-swatch:hover{border-color:#aaa!important}
.aa-bar-swatch:focus-visible,.aa-bar-link:focus-visible,.aa-bar-thumb:focus-visible{outline:1px solid #504b3e;outline-offset:4px}
.aa-bar-detail{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:60px;align-items:start}
.aa-bar-gallery{min-width:0}.aa-bar-main-photo{display:flex;width:100%;aspect-ratio:1/1;align-items:center;justify-content:center;background:#fff;border:0!important;padding:0!important;cursor:pointer}
.aa-bar-main-photo img{display:block;width:100%!important;height:100%!important;object-fit:contain!important;padding:20px!important;border:0!important;box-shadow:none!important;background:#fff}
.aa-bar-thumbs{display:flex;gap:12px;overflow-x:auto;margin-top:18px;padding:3px 2px 10px}
.aa-bar-thumb{flex:0 0 82px;width:82px;height:82px;background:#fff!important;border:1px solid transparent!important;padding:3px!important;cursor:pointer;border-radius:0!important}
.aa-bar-thumb[aria-pressed=true]{border-color:#535047!important}.aa-bar-thumb img{width:100%!important;height:100%!important;object-fit:contain!important;padding:0!important;background:#fff;border:0!important}
.aa-bar-info{position:sticky;top:150px;padding-top:20px}.aa-bar-info h1{font-size:30px;line-height:1.25;margin-bottom:12px}
.aa-bar-type{font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 32px;color:#777}
.aa-bar-info .aa-bar-swatches{justify-content:flex-start}.aa-bar-info .aa-bar-swatch{width:48px;height:48px}.aa-bar-info .aa-bar-swatch img{width:40px!important;height:40px!important}
.aa-bar-gallery-tools{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.03em;color:#777;margin-top:12px}
.aa-bar-zoom-open{background:none!important;border:0!important;font:inherit;color:inherit;padding:0!important;text-decoration:underline;cursor:pointer}
.aa-bar-modal{width:94vw;max-width:1400px;height:92vh;max-height:92vh;padding:42px 15px 15px;border:0;background:#fff}
.aa-bar-modal::backdrop{background:rgba(0,0,0,.75)}.aa-bar-modal img{width:100%!important;height:100%!important;object-fit:contain!important;background:#fff;border:0!important}
.aa-bar-modal button{position:absolute;right:15px;top:12px;background:#fff;border:0;font-size:13px;cursor:pointer}
@media(min-width:1800px){.aa-bar-main{padding-left:60px;padding-right:60px}}
@media(max-width:800px){.aa-bar-main{padding:32px 22px 50px}.aa-bar-grid{gap:36px 20px}.aa-bar-main h1{font-size:25px}.aa-bar-card h3{font-size:16px}.aa-bar-media img{padding:10px!important}.aa-bar-detail{grid-template-columns:1fr;gap:25px}.aa-bar-info{position:static;padding-top:0}.aa-bar-heading{margin-bottom:26px}.aa-bar-family{font-size:19px}.aa-bar-card h3{margin-top:15px}.aa-bar-swatches{gap:5px}.aa-bar-swatch{width:29px;height:29px;padding:2px!important}.aa-bar-swatch img{width:23px!important;height:23px!important}}
@media(max-width:480px){.aa-bar-grid{gap:30px 12px}.aa-bar-main{padding-left:14px;padding-right:14px}.aa-bar-card h3{font-size:14px;letter-spacing:.025em}.aa-bar-finish-label{font-size:10px}.aa-bar-count{display:none}.aa-bar-media img{padding:7px!important}.aa-bar-swatch{width:26px;height:26px;padding:2px!important}.aa-bar-swatch img{width:20px!important;height:20px!important}}
@media(max-width:480px){.aa-bar-card .aa-bar-swatches:has(> :nth-child(6)){gap:3px}}
/* Compact listing cards, left-aligned labels and finishes */
.aa-bar-grid{width:94%;max-width:1380px;margin-left:auto;margin-right:auto;gap:44px 36px}.aa-bar-card{text-align:left}.aa-bar-card h3{text-align:left;font-size:18px;margin-top:16px;margin-bottom:8px}.aa-bar-card .aa-bar-finish-label{text-align:left}.aa-bar-card .aa-bar-swatches{justify-content:flex-start}.aa-bar-card .aa-bar-swatch{margin-left:0}
@media(max-width:800px){.aa-bar-grid{width:96%;gap:32px 20px}.aa-bar-card h3{font-size:16px}}
@media(max-width:480px){.aa-bar-grid{width:100%;gap:28px 12px}.aa-bar-card h3{font-size:14px}}

/* Text and finish controls to the left of each product photograph */
.aa-bar-card{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);grid-template-rows:auto auto 1fr;column-gap:18px;align-items:start}.aa-bar-card .aa-bar-link{display:contents}.aa-bar-card .aa-bar-media{grid-column:2;grid-row:1/4}.aa-bar-card h3{grid-column:1;grid-row:1;margin:12px 0 10px;font-size:17px;line-height:1.4}.aa-bar-card .aa-bar-finish-label{grid-column:1;grid-row:2;margin-bottom:8px}.aa-bar-card .aa-bar-swatches{grid-column:1;grid-row:3;align-self:start;margin-top:6px;gap:6px}.aa-bar-card .aa-bar-swatch{width:30px;height:30px;padding:2px!important}.aa-bar-card .aa-bar-swatch img{width:24px!important;height:24px!important}
@media(max-width:900px){.aa-bar-grid{grid-template-columns:1fr;max-width:740px}.aa-bar-card{grid-template-columns:minmax(0,.4fr) minmax(0,.6fr)}.aa-bar-card h3{font-size:17px}}
@media(max-width:480px){.aa-bar-card{column-gap:12px}.aa-bar-card h3{font-size:14px;margin-top:8px}.aa-bar-card .aa-bar-finish-label{font-size:10px}.aa-bar-card .aa-bar-swatches{gap:4px}.aa-bar-card .aa-bar-swatch{width:26px;height:26px}.aa-bar-card .aa-bar-swatch img{width:20px!important;height:20px!important}}

/* Give the photograph the unused space beside the text */
.aa-bar-grid{width:100%;max-width:none;column-gap:28px;row-gap:40px}.aa-bar-card{grid-template-columns:minmax(135px,.3fr) minmax(0,.7fr);column-gap:12px}.aa-bar-card .aa-bar-media{aspect-ratio:4/5;align-self:start}.aa-bar-card .aa-bar-media img{padding:8px!important}.aa-bar-card h3{font-size:16px;letter-spacing:.025em}.aa-bar-card .aa-bar-finish-label{font-size:11px}.aa-bar-card .aa-bar-swatches{gap:4px}
@media(max-width:900px){.aa-bar-grid{max-width:740px}.aa-bar-card{grid-template-columns:minmax(135px,.3fr) minmax(0,.7fr)}.aa-bar-card h3{font-size:17px}}
@media(max-width:480px){.aa-bar-card{grid-template-columns:minmax(110px,.33fr) minmax(0,.67fr);column-gap:8px}.aa-bar-card h3{font-size:14px}.aa-bar-card .aa-bar-media img{padding:3px!important}.aa-bar-card .aa-bar-finish-label{font-size:10px}}

/* Match the wide-source pale oak cabinet to the other TAPIGGA finishes. */
.aa-bar-card .aa-bar-media img[src*="tapigga-acik-mese-01.webp"]{transform:scale(1.7)!important;transform-origin:left center!important}

/* Product page finish swatches */
html:root body .aa-bar-main .aa-bar-info .aa-bar-swatches{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;justify-content:flex-start!important;}
html:root body .aa-bar-main .aa-bar-info .aa-bar-swatch{box-sizing:border-box!important;width:96px!important;height:64px!important;min-width:0!important;min-height:0!important;max-width:100%!important;padding:4px!important;flex:0 0 96px!important;margin:0!important;}
html:root body .aa-bar-main .aa-bar-info .aa-bar-swatch img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;display:block!important;}
@media(max-width:700px){html:root body .aa-bar-main .aa-bar-info .aa-bar-swatch{width:80px!important;height:56px!important;flex-basis:80px!important;}}

/* Bar listing: product first, centered text and larger equal finish samples below. */
html:root body .aa-bar-grid .aa-bar-card{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto auto!important;align-content:start!important;align-items:start!important;text-align:center!important;row-gap:0!important}
html:root body .aa-bar-grid .aa-bar-card .aa-bar-link{display:contents!important}
html:root body .aa-bar-grid .aa-bar-card .aa-bar-media{grid-column:1!important;grid-row:1!important;height:clamp(320px,40vw,620px)!important;aspect-ratio:auto!important;width:100%!important}
html:root body .aa-bar-grid .aa-bar-card h3{grid-column:1!important;grid-row:2!important;text-align:center!important;margin:18px 0 8px!important;font-size:18px!important;line-height:1.4!important}
html:root body .aa-bar-grid .aa-bar-card .aa-bar-finish-label{grid-column:1!important;grid-row:3!important;text-align:center!important;margin:0 0 12px!important;font-size:12px!important}
html:root body .aa-bar-grid .aa-bar-card .aa-bar-swatches{grid-column:1!important;grid-row:4!important;display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;gap:12px!important;margin:0 auto 10px!important;max-width:100%!important;width:100%!important}
html:root body .aa-bar-grid .aa-bar-card .aa-bar-swatch{box-sizing:border-box!important;width:68px!important;height:52px!important;min-width:0!important;max-width:68px!important;flex:0 1 68px!important;margin:0!important;padding:4px!important}
html:root body .aa-bar-grid .aa-bar-card .aa-bar-swatch img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
@media(max-width:640px){html:root body .aa-bar-grid .aa-bar-card .aa-bar-media{height:400px!important}html:root body .aa-bar-grid .aa-bar-card .aa-bar-swatches{gap:8px!important}html:root body .aa-bar-grid .aa-bar-card .aa-bar-swatch{width:52px!important;height:44px!important;max-width:52px!important;flex-basis:52px!important}html:root body .aa-bar-grid .aa-bar-card h3{font-size:16px!important}}
