/* Shopping controls extend the existing Maranik palette and native dialogs. */
.shop-bag-toggle{position:relative;flex:0 0 48px;width:48px;height:44px;display:flex;align-items:center;justify-content:center;color:inherit;border:0;background:transparent;padding:6px;cursor:pointer;font:inherit;font-size:11px;z-index:5;margin-left:8px}.shop-bag-toggle svg{width:21px;height:24px;flex-shrink:0}.shop-bag-toggle span{position:absolute;right:0;top:0;min-width:22px;max-width:28px;text-align:center;font-variant-numeric:tabular-nums;line-height:18px;background:var(--cream);color:var(--green);border-radius:12px;padding:0 2px}
#header{gap:18px}#header nav:not(.language-switcher){gap:clamp(12px,1.4vw,24px)}
@media(max-width:1100px){#header nav:not(.language-switcher){display:none;position:absolute;top:100%;left:0;right:0;background:var(--cream);color:var(--ink);padding:25px 6%;border-bottom:1px solid var(--line);margin:0}#header nav:not(.language-switcher).open{display:flex;flex-direction:column;align-items:flex-start;gap:20px}#header .menu-toggle{display:flex;margin-left:auto;align-items:center;gap:8px;background:none;border:0;color:inherit}#header .menu-toggle span{font-size:22px}}
@media(max-width:540px){#header{gap:8px}#header .menu-toggle{font-size:0;min-width:32px;padding:4px}#header .shop-bag-toggle{flex-basis:42px;width:42px;margin-left:0}}

.shop-drawer{inset:0 0 0 auto;margin:0;height:100dvh;max-height:100dvh;width:min(550px,100%);max-width:100%;border:0;padding:28px;background:var(--cream,#f7f4ee);color:var(--ink,#2c4434);font-family:inherit;overflow-y:auto;box-shadow:-10px 0 60px #0002;box-sizing:border-box}.shop-drawer::backdrop{background:#15251d66}.shop-drawer h2{font-size:34px;line-height:1.2;margin:0 38px 24px 0}.shop-drawer h3{font-size:18px;line-height:1.4;margin:0 0 6px}.shop-drawer p,.shop-product p{font-size:14px;line-height:1.6}.shop-close{position:absolute;right:20px;top:18px;border:0;background:transparent;font-size:28px;cursor:pointer;color:inherit}.shop-product{border-top:1px solid var(--line,#2c443433);padding-top:20px;margin-top:22px}.shop-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.shop-fields .shop-wide{grid-column:1/-1}.shop-drawer label,.shop-product label{display:block;font-size:14px;line-height:1.5;margin-bottom:12px}.shop-drawer input:not([type=checkbox]),.shop-drawer select,.shop-drawer textarea,.shop-product input,.shop-product select{box-sizing:border-box;width:100%;padding:10px;border:1px solid var(--line,#2c443444);border-radius:0;background:transparent;color:inherit;font:inherit;font-size:16px;margin:5px 0 0}.shop-drawer input[type=checkbox]{width:auto;margin-right:8px;accent-color:#2c4434}.shop-drawer fieldset{border:0;padding:0;margin:0}.shop-drawer .button,.shop-product .button{cursor:pointer;margin-top:14px;font:inherit;font-size:14px;padding:14px 20px;max-width:100%;white-space:normal}.shop-drawer button:disabled,.shop-product button:disabled{opacity:.55;cursor:not-allowed}.shop-line{display:grid;grid-template-columns:70px 1fr;gap:15px;border-bottom:1px solid var(--line,#2c443433);padding:20px 0}.shop-line img{width:70px;height:80px;object-fit:contain}.shop-line input{max-width:85px}.shop-line button,.shop-link{border:0;border-bottom:1px solid currentColor;background:transparent;font:inherit;font-size:14px;color:inherit;cursor:pointer;padding:3px 0}.shop-amounts{margin:24px 0}.shop-amounts>div{display:flex;justify-content:space-between;gap:20px;font-size:14px;padding:7px 0}.shop-amounts .shop-total{border-top:1px solid var(--line,#2c443433);margin-top:8px;font-weight:600}.shop-notice{border:1px solid var(--line,#2c443433);padding:16px;margin:20px 0}.shop-error{color:#751c34;white-space:pre-line}.shop-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.shop-status{min-height:1.4em}.shop-drawer :focus-visible,.shop-product :focus-visible,.shop-bag-toggle:focus-visible{outline:2px solid #751c34;outline-offset:4px}
@media(max-width:800px){.shop-drawer{padding:24px 20px}.shop-fields{grid-template-columns:1fr}.shop-fields .shop-wide{grid-column:auto}}
@media(prefers-reduced-motion:no-preference){.shop-drawer[open]{animation:shop-enter .2s ease-out}@keyframes shop-enter{from{transform:translateX(30px);opacity:.5}to{transform:translateX(0);opacity:1}}}

.shop-line>div{min-width:0;overflow-wrap:anywhere}
@media print{body.printing-order>*:not(.shop-drawer){display:none!important}body.printing-order .shop-drawer{position:static;width:100%;height:auto;max-height:none;overflow:visible;box-shadow:none;padding:0;background:white;color:black}body.printing-order .shop-close,body.printing-order .shop-actions{display:none!important}body.printing-order .shop-line{break-inside:avoid}body.printing-order .shop-drawer::backdrop{display:none}}

#header .language-switcher{position:relative;inset:auto;padding:0;border:0;background:transparent;color:inherit;margin:0;flex-shrink:0}
