.ecsf-wishlist{max-width:1200px;margin:40px auto}.ecsf-wishlist [data-wishlist-items]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:24px}.ecsf-wishlist article{max-width:360px}.ecsf-wishlist article img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;border-radius:3px}.ecsf-wishlist article h2{font-size:18px;font-weight:500}.ecsf-wishlist article a{color:inherit;text-decoration:none}.ecsf-wishlist button,.ecsf-guide-units button{min-height:44px;background:var(--ecsf-surface);color:var(--ecsf-text);border:1px solid var(--ecsf-line);border-radius:4px;padding:8px 16px;font:inherit;cursor:pointer}.ecsf-guide-units{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:12px 0 20px}.ecsf-guide-units legend{margin-bottom:8px}.ecsf-guide-units [aria-pressed=true]{border-color:var(--ecsf-text);box-shadow:inset 0 0 0 1px var(--ecsf-text)}.ecsf-guide-table{overflow-x:auto;max-width:100%}.ecsf-guide-table table{border-collapse:collapse;width:100%}.ecsf-guide-table th,.ecsf-guide-table td{padding:12px;text-align:left;border-bottom:1px solid var(--ecsf-line);white-space:nowrap}.ecsf-guide-content img{max-width:100%;height:auto}.ecsf-guide-table:focus-visible,.ecsf-wishlist :focus-visible,.ecsf-guide-units :focus-visible{outline:2px solid var(--ecsf-focus);outline-offset:2px}
/* The same native dialog serves modal and drawer layouts; content remains in normal scroll flow. */
.ecsf-product-page dialog.size-guide-modal{box-sizing:border-box;border-radius:6px;overscroll-behavior:contain;max-width:100%;scrollbar-gutter:stable}
.ecsf-product-page .ecsf-guide-editor-content{overflow-wrap:anywhere}.ecsf-guide-editor-content figure{margin:16px 0}.ecsf-guide-editor-content .wp-block-table{overflow-x:auto}.ecsf-guide-editor-content img{max-width:100%;height:auto}
body:has(dialog.size-guide-modal[open]){overflow:hidden}
@media(min-width:768px){.ecsf-product-page dialog.size-guide-modal:is([data-guide-desktop=left],[data-guide-desktop=right]){position:fixed;inset:0 auto 0 0;margin:0;width:min(540px,100vw);height:100dvh;max-height:100dvh;border-radius:0;padding:24px;padding-bottom:max(24px,env(safe-area-inset-bottom));--guide-enter:-100%}.ecsf-product-page dialog.size-guide-modal[data-guide-desktop=right]{inset:0 0 0 auto;--guide-enter:100%}.ecsf-product-page dialog.size-guide-modal:is([data-guide-desktop=left],[data-guide-desktop=right]){--guide-duration:220ms}}
@media(max-width:767px){.ecsf-product-page dialog.size-guide-modal:is([data-guide-mobile=left],[data-guide-mobile=right]){position:fixed;inset:0 auto 0 0;margin:0;width:min(440px,calc(100vw - 20px));height:100dvh;max-height:100dvh;border-radius:0;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));--guide-enter:-100%}.ecsf-product-page dialog.size-guide-modal[data-guide-mobile=right]{inset:0 0 0 auto;--guide-enter:100%}.ecsf-product-page dialog.size-guide-modal:is([data-guide-mobile=left],[data-guide-mobile=right]){--guide-duration:220ms}}
dialog.size-guide-modal[open]{animation:ecsf-guide-enter var(--guide-duration,160ms) ease-out both}
dialog.size-guide-modal[open].is-closing{animation-name:ecsf-guide-exit;pointer-events:none}
dialog.size-guide-modal[open]::backdrop{animation:ecsf-guide-backdrop-in var(--guide-duration,160ms) ease-out both}
dialog.size-guide-modal[open].is-closing::backdrop{animation-name:ecsf-guide-backdrop-out}
@keyframes ecsf-guide-enter{from{opacity:0;transform:translateX(var(--guide-enter,0px))}to{opacity:1;transform:translateX(0)}}
@keyframes ecsf-guide-exit{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(var(--guide-enter,0px))}}
@keyframes ecsf-guide-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes ecsf-guide-backdrop-out{from{opacity:1}to{opacity:0}}
@media(max-width:767px){.ecsf-wishlist article{width:100%;margin-inline:auto}.ecsf-wishlist article img{display:block;margin-inline:auto}.ecsf-wishlist article>button{display:block;margin-inline:auto}}
@media(prefers-reduced-motion:reduce){.ecsf-product-page dialog.size-guide-modal[open],.ecsf-product-page dialog.size-guide-modal[open]::backdrop{animation:none!important}}

.ecsf-wishlist-confirmation{position:fixed;z-index:2000;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100vw - 40px);box-sizing:border-box;padding:18px 24px;border:1px solid var(--ecsf-line);border-radius:6px;background:var(--ecsf-bg);color:var(--ecsf-text);font-size:14px;line-height:1.4;text-align:center;opacity:0;transition:opacity 160ms ease-out;pointer-events:none}
.ecsf-wishlist-confirmation.is-visible{opacity:1}
@media(prefers-reduced-motion:reduce){.ecsf-wishlist-confirmation{transition:none}}

/* wishlist-layout-2026-10-31 */
.ecsf .ecsf-wishlist[data-empty-align=start]:has(>[data-wishlist-items]:empty)>[data-wishlist-status]{text-align:start}.ecsf .ecsf-wishlist[data-empty-align=center]:has(>[data-wishlist-items]:empty)>[data-wishlist-status]{text-align:center}.ecsf .ecsf-wishlist[data-empty-align=end]:has(>[data-wishlist-items]:empty)>[data-wishlist-status]{text-align:end}.ecsf .ecsf-wishlist{margin-block:16px 32px}.ecsf .ecsf-wishlist>[data-wishlist-status]:empty,.ecsf .ecsf-wishlist>[data-wishlist-status][hidden]{display:none!important}.ecsf .ecsf-wishlist article{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;text-align:center}.ecsf .ecsf-wishlist article>a{display:flex;flex-direction:column;width:100%;gap:10px}.ecsf .ecsf-wishlist article img{display:block;margin:0;aspect-ratio:auto}.ecsf .ecsf-wishlist article h2{margin:0!important;font-weight:400!important;line-height:1.4;text-align:center}.ecsf .ecsf-wishlist article>button{align-self:center;margin:0}body.ecsf.ecsf-wishlist-page #main-content.ecsf-content,body.ecsf.ecsf-wishlist-page #main-content>.ecsf-content{padding-top:24px!important}.ecsf.ecsf-wishlist-page .ecsf-page-title{margin-top:0!important;margin-bottom:20px!important}.ecsf.ecsf-wishlist-page .ecsf-wishlist:first-child{margin-top:0}@media(max-width:899px){body.ecsf.ecsf-wishlist-page #main-content.ecsf-content,body.ecsf.ecsf-wishlist-page #main-content>.ecsf-content{padding-top:20px!important}}
