/* Gemma-Creations – polished product-card actions, loaded LAST. */
:root { color-scheme: normal; }
.three-grid .basket-product-card {
  display:flex; flex-direction:column; min-width:0;
  overflow:hidden; border-radius:19px;
  background:#fff; border:1px solid #e4dbcb;
  box-shadow:0 9px 28px rgba(24,51,49,.085);
  transition: transform .2s ease, box-shadow .2s ease;
}
.three-grid .basket-product-card:hover {transform:translateY(-3px);box-shadow:0 14px 35px rgba(24,51,49,.13)}
.three-grid .basket-product-card .basket-product-link {
  display:flex;flex:1;flex-direction:column;text-decoration:none;color:inherit;
  min-width:0;border-radius:0;
}
.basket-product-card .basket-product-link .tile-body {
  display:flex;flex:1;flex-direction:column;min-width:0;padding-bottom:13px;
}
.basket-product-card .basket-product-link .tile-bottom { margin-top:auto; }
.basket-product-card .basket-product-link:focus-visible { outline:3px solid #db9e62; outline-offset:-3px; }
.three-grid .basket-product-card .tile-basket-action { padding: 0 20px 20px; margin:0; }
.three-grid .basket-product-card .tile-add {
  -webkit-appearance:none;appearance:none;box-sizing:border-box;
  display:flex;align-items:center;justify-content:center;gap:11px;
  width:100%;min-height:50px;margin:0;padding:12px 17px;
  border:1px solid #236956;border-radius:11px;
  color:#ffffff;background:linear-gradient(115deg,#176454,#206d5b);
  font:800 .94rem/1.28 system-ui,-apple-system,'Segoe UI',sans-serif;
  text-align:center;letter-spacing:.015em;text-decoration:none;
  box-shadow:0 3px 0 rgba(8,54,43,.26);cursor:pointer;
  transition: background .17s,transform .17s,box-shadow .17s;
}
.three-grid .basket-product-card .tile-add::before {
  content:'+';display:inline-grid;place-items:center;
  width:23px;height:23px;flex:0 0 23px;
  border-radius:50%;font-size:1.12rem;line-height:1;
  background:rgba(255,255,255,.18);color:#fff;
}
.three-grid .basket-product-card .tile-add:hover{
  background:linear-gradient(115deg,#0e5347,#155a49);transform:translateY(-1px);box-shadow:0 5px 0 rgba(8,54,43,.22);
}
.three-grid .basket-product-card .tile-add:focus-visible {outline:3px solid #c27b45;outline-offset:3px;}
.three-grid .basket-product-card .tile-add:active {transform:translateY(1px);box-shadow:0 1px 0 rgba(8,54,43,.32)}
.three-grid .basket-product-card .tile-add.is-added {background:#32795f;border-color:#32795f;box-shadow:0 2px 0 rgba(8,54,43,.23)}
.three-grid .basket-product-card .tile-add.is-added::before {content:'✓'}
html[data-theme="dark"] .three-grid .basket-product-card{
  background:#1c3036;color:#f2f0e7;border-color:#496065;box-shadow:0 9px 28px rgba(0,0,0,.26);
}
html[data-theme="dark"] .three-grid .basket-product-card .tile-add {background:linear-gradient(115deg,#247866,#2a8770);border-color:#51a58b;color:#fff;box-shadow:0 3px 0 #0c3e35}
html[data-theme="dark"] .three-grid .basket-product-card .tile-add:hover{background:linear-gradient(115deg,#2f8c77,#1c6c5a)}
html[data-theme="dark"] .three-grid .basket-product-card .tile-add.is-added {background:#286852}
/* Never allow other global button styles to hide the theme control. */
.header .theme-toggle, .head .theme-toggle, .header-inner > .theme-toggle {
  position:relative;z-index:3;display:inline-flex!important;visibility:visible!important;
  opacity:1!important;align-items:center;justify-content:center;
  border:1px solid #dec08c;border-radius:999px;padding:10px 14px;
  background:#efdbb6;color:#213c39;white-space:nowrap;
  font:800 .83rem/1.25 system-ui,-apple-system,'Segoe UI',sans-serif;
  cursor:pointer;box-shadow:0 2px 8px #0002;
}
.header .theme-toggle:hover,.head .theme-toggle:hover {background:#fff0cf;color:#193634}
html[data-theme="dark"] .header .theme-toggle,html[data-theme="dark"] .head .theme-toggle{
  background:#f1dab0;color:#213a3f;border-color:#f3dda9;
}
.header .header-links {flex-wrap:wrap;align-items:center;gap:10px;}
@media(max-width:640px){
  .three-grid .basket-product-card .tile-basket-action{padding:0 17px 19px}
  .header .theme-toggle,.head .theme-toggle{padding:10px 12px;font-size:.8rem;}
  .header .header-links{gap:9px}
}
@media(prefers-reduced-motion:reduce){.three-grid .basket-product-card,.three-grid .basket-product-card .tile-add{transition:none}}
