/* SHAPPEN interest controls v0.1, 2026-10-23. Functional baseline. */
.sh-interest-picker{padding-block:2rem}.sh-interest-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1rem}.sh-interest-choice{display:grid;align-content:start;gap:.7rem;border:1px solid #acc5b7;padding:1rem}.sh-interest-choice label{display:grid;gap:.3rem}.sh-interest-choice input,.sh-interest-choice select{max-width:100%;min-height:44px;font:inherit}.sh-interest-choice img{object-fit:contain;max-width:100%}.sh-interest-lines{padding:0;list-style:none}.sh-interest-lines li{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.8rem 0;border-bottom:1px solid #acc5b7}.sh-interest-lines input{width:5rem;min-height:44px;font:inherit}.sh-interest-lines span{flex:1 1 220px;overflow-wrap:anywhere}.sh-interest-lines button{min-height:44px}.sh-interest-dialog{max-width:95vw;max-height:95vh;padding:1rem}.sh-interest-dialog img{max-width:85vw;max-height:75vh;object-fit:contain}.sh-interest-dialog::backdrop{background:#0009}[hidden]{display:none!important}

/* v0.2: white original transfers need a visible contrast surface. */
.sh-interest-choice img,.sh-interest-dialog img{background:transparent}
.sh-interest-choice img.sh-contrast,.sh-interest-dialog img.sh-contrast{background:#888}

/* Keep long real variant labels and controls within their own product. */
.sh-interest-choice{min-width:0;overflow-wrap:anywhere}.sh-interest-choice label,.sh-interest-choice select,.sh-interest-choice input,.sh-interest-choice button{min-width:0;max-width:100%;box-sizing:border-box}.sh-interest-choice select,.sh-interest-choice input{width:100%}.sh-interest-choice button{white-space:normal}

/* Compact, touch-friendly quantity control. */
.sh-interest-choice .sh-qty{display:flex;align-items:stretch;width:170px;max-width:100%;height:48px;border:1px solid #82998a;border-radius:8px;overflow:hidden}
.sh-interest-choice .sh-qty input{flex:1 1 55px;width:55px;min-width:0;max-width:70px;min-height:0;height:100%;border:0;border-radius:0;text-align:center;appearance:textfield;-moz-appearance:textfield;padding:0;font:inherit}
.sh-interest-choice .sh-qty input::-webkit-inner-spin-button,.sh-interest-choice .sh-qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.sh-interest-choice .sh-qty button{flex:0 0 48px;min-width:48px;max-width:48px;min-height:48px;padding:0;border:0;background:#d9eddb;color:#064b2e;font-size:27px;cursor:pointer}
.sh-interest-choice .sh-qty button:disabled{opacity:.35;cursor:default}
.sh-interest-choice .sh-qty button:focus-visible{outline:3px solid #007c45;outline-offset:-3px}

/* v0.5: navigation, prices and artwork readability */
.sh-type-nav{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0 1.5rem}
.sh-type-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.65rem 1.2rem;border:2px solid #006d3b;border-radius:12px;background:#fff;color:#004b2d;font-weight:800;text-decoration:none}
.sh-type-nav a:hover,.sh-type-nav a:focus-visible{background:#d9f0df}
.sh-interest-picker>h2[id^="tryk-"]{scroll-margin-top:1.5rem;border-bottom:2px solid #b0c9b8;padding-bottom:.45rem}
.sh-interest-choice [data-interest-image]{display:flex;align-items:center;justify-content:center;min-height:115px;width:100%}
.sh-interest-choice [data-interest-image] img{display:block;width:100%;height:auto;max-height:210px;object-fit:contain;object-position:center}
.sh-interest-choice [data-image-sku] strong{font-weight:800}
.sh-interest-choice [data-image-sku]:not(a){font-weight:400}
.sh-interest-picker{padding-block:1.2rem}

/* v0.7 2026-10-24. Clear unavailable states and full poster artwork. */
.sh-interest-choice button:disabled,.sh-interest-choice input:disabled{opacity:.5;cursor:default}
.sh-interest-unavailable strong{color:#8a241b;font-size:.95rem;flex:1 1 100%}
.sp-group--plakater .sh-interest-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.sp-group--plakater .sh-interest-choice [data-interest-image] img{max-height:430px}


/* v0.8 2026-10-24. Account navigation and distinct saved-cart actions. */
.sh-account-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.sh-account-heading h1{margin-block:.5rem}.sh-account-identity{display:flex;align-items:center;justify-content:flex-end;gap:1rem;flex-wrap:wrap;margin-left:auto;font-size:.95rem}.sh-account-identity form{margin:0}.sh-account-identity span{overflow-wrap:anywhere}.sh-account-identity button,.sh-saved-cart button{min-height:44px;cursor:pointer;font:inherit;padding:.5rem .8rem;border:1px solid #82998a;border-radius:7px}.sh-category-nav{display:flex;gap:.6rem 1.2rem;flex-wrap:wrap;padding-block:.7rem}.sh-saved-cart{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.8rem 0;border-bottom:1px solid #acc5b7}.sh-saved-cart h3{margin:0;flex:1;min-width:100px;overflow-wrap:anywhere}.sh-saved-cart form{margin:0}.sh-saved-cart .sh-cart-delete{margin-left:auto;padding-left:2rem}.sh-cart-delete button{background:transparent;color:#81372b}.sh-account-identity button{background:transparent;color:inherit}@media(max-width:520px){.sh-account-identity{font-size:.85rem;gap:.6rem}.sh-saved-cart .sh-cart-delete{padding-left:0;margin-left:0;flex-basis:100%;padding-top:.5rem}.sh-saved-cart .sh-cart-delete button{font-size:.85rem}.sh-account-heading{gap:.25rem}}
.sh-product-page .product-nav{flex-wrap:wrap;justify-content:flex-end}.sh-product-page .product-nav a{white-space:nowrap}.sh-product-page .header-inner{flex-wrap:wrap}


/* v0.9 2026-10-24. Actual product thumbnails in cart lines. */
.sh-interest-lines .sh-cart-product{display:flex;align-items:center;gap:.8rem;min-width:0;flex:1 1 240px}.sh-interest-lines .sh-cart-product>span{flex:1 1 auto;min-width:0}.sh-cart-thumb{display:block;flex:0 0 88px;width:88px;height:68px;object-fit:contain;background:transparent;border-radius:4px}.sh-cart-thumb.sh-contrast{background:#888}.sh-interest-lines .sh-interest-unavailable strong{flex:0 0 auto;margin-left:auto}@media(max-width:520px){.sh-interest-lines .sh-cart-product{flex-basis:100%}.sh-cart-thumb{flex-basis:72px;width:72px;height:60px}.sh-interest-lines .sh-interest-unavailable strong{margin-left:0}}

/* v0.10 2026-10-24. Separate product navigation and account links. */
.site-header .sh-main-nav{display:flex;align-items:center;flex:1;justify-content:space-between;gap:.6rem 1.2rem;flex-wrap:wrap}.sh-nav-public,.sh-nav-account{display:flex;align-items:center;gap:clamp(.6rem,1.8vw,1.4rem);flex-wrap:wrap}.site-header .sh-main-nav .sh-nav-public a{color:#48725c}.sh-nav-account{flex-wrap:nowrap;margin-left:auto;padding:.35rem .65rem;background:#dcebd0;border-radius:9px}.site-header .sh-main-nav .sh-nav-account a{color:#00483e}.site-header .sh-main-nav a{white-space:nowrap;text-decoration:none}.site-header .sh-main-nav a:hover{text-decoration:underline}@media(max-width:600px){.site-header .sh-main-nav{flex-basis:100%;font-size:.85rem}.sh-nav-public,.sh-nav-account{gap:.65rem}.sh-nav-account{padding:.35rem .45rem}}

/* v0.11 - 2026-10-25. Neutral surface reveals the original white magnet rim. */
img[src*="/magnet-rund-"]{box-sizing:border-box;background:#dce2df;border-radius:8px;padding:8px}
.sh-cart-thumb[src*="/magnet-rund-"]{padding:4px}

/* v0.12 2026-10-26: avoid stretched single product cards. */
.sh-interest-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),340px));justify-content:start}
.sh-interest-picker{padding-block:1.2rem}.sh-interest-choice{gap:.5rem}
