/* 01 — Minimalno. Shared navigation; card and image styles are unchanged. */
body.al-shop .al-slider-nav{
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);
  align-items:center;width:100%;max-width:100%;min-width:0;min-height:44px;
  margin:20px 0 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;
  color:#222222;box-sizing:border-box;isolation:isolate;
}
body.al-shop .al-slider-nav[hidden]{display:none}
body.al-shop .al-slider-dots{
  grid-column:2;grid-row:1;justify-self:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:0 8px;width:max-content;max-width:100%;min-width:0;margin:0;padding:0;overflow:visible;
  border:0;border-radius:0;background:transparent;box-shadow:none;
}
body.al-shop .al-slider-dot{
  flex:0 0 auto;display:grid;place-items:center;width:12px;min-width:0;height:44px;min-height:0;
  margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;box-shadow:none;
  cursor:pointer;transition:width 200ms ease;appearance:none;
}
body.al-shop .al-slider-dot::before{content:"";display:block;width:100%;height:4px;border-radius:999px;background:#D5D5D5;transition:background-color 200ms ease}
body.al-shop .al-slider-dot[aria-current="true"]{width:30px}
body.al-shop .al-slider-dot[aria-current="true"]::before{background:#222222}
body.al-shop .al-slider-arrows{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:12px;width:100px;min-width:100px;margin:0;padding:0;background:transparent}
body.al-shop .al-slider-arrow{
  position:static;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;
  box-sizing:border-box;margin:0;padding:0;border:1px solid #222222;border-radius:50%;background:transparent;
  color:#222222;box-shadow:none;transform:none;cursor:pointer;appearance:none;transition:background-color 200ms ease,opacity 200ms ease;
}
body.al-shop .al-slider-arrow svg{display:block;width:20px;height:20px;pointer-events:none}
body.al-shop .al-slider-arrow:hover:not(:disabled){background:#F3F1EB}
body.al-shop .al-slider-arrow:disabled{opacity:.35;cursor:default}
body.al-shop .al-slider-nav button:focus-visible{outline:2px solid #222222;outline-offset:4px}
body.al-shop .al-slider-nav.is-stacked{grid-template-columns:minmax(0,1fr);row-gap:8px}
body.al-shop .al-slider-nav.is-stacked .al-slider-dots{grid-column:1;grid-row:1}
body.al-shop .al-slider-nav.is-stacked .al-slider-arrows{grid-column:1;grid-row:2}
/* Gallery controls align with the full image viewport, excluding its thumbnail column. */
body.al-shop .al-product-media>.al-slider-nav{width:calc(100% - 76px);margin-left:76px}
body.al-shop .al-gallery-nav-ready .flex-direction-nav{display:none!important}
body.al-shop.woocommerce .related>.al-slider-nav{grid-column:2;align-self:start}
/* Existing tablet grid contributes 14 px of the requested 20 px gap. */
@media(min-width:768px) and (max-width:1199px){body.al-shop.woocommerce .related>.al-slider-nav{margin-top:6px}}
@media(max-width:1050px){
  body.al-shop .al-product-media>.al-slider-nav{width:calc(100% - 70px);margin-left:70px}
  body.al-shop.woocommerce .related>.al-slider-nav{grid-column:1}
}
@media(max-width:767px){body.al-shop .al-product-media>.al-slider-nav{width:100%;margin-left:0}}
@media(prefers-reduced-motion:reduce){body.al-shop .al-slider-nav button,body.al-shop .al-slider-dot::before{transition:none}}