/* PENGUIN C1: scoped to .pg-c1 / data-pg-ui=c1. Other pages and API code unchanged. */
html[data-pg-ui=c1]{--pg-page:#edf4f8;--pg-surface:#fff;--pg-soft:#f4f7fa;--pg-ink:#162735;--pg-muted:#4f6373;--pg-line:#d6e2eb;--pg-blue:#0064b4;--pg-selected:#e5f2ff;--pg-check:#0067bf;--pg-pink:#b92059;--pg-important:#fff6e6;--pg-amber:#855000;color-scheme:light}
html[data-pg-ui=c1][data-pg-theme=white]{--pg-page:#f7f8f9;--pg-soft:#f3f5f7}
html[data-pg-ui=c1][data-pg-theme=sand]{--pg-page:#f4efe5;--pg-surface:#fffdf7;--pg-soft:#f6f0e7;--pg-line:#dfd4c4}
html[data-pg-ui=c1][data-pg-theme=black],html[data-pg-ui=c1][data-pg-theme=midnight]{--pg-page:#0d1319;--pg-surface:#18212a;--pg-soft:#202e3b;--pg-ink:#f4f7fb;--pg-muted:#b4c5d3;--pg-line:#40515e;--pg-blue:#84ceff;--pg-selected:#153e60;--pg-check:#0969ba;--pg-pink:#ff95b5;--pg-important:#32291b;--pg-amber:#ffcd79;color-scheme:dark}
html[data-pg-ui=c1][data-pg-theme=midnight]{--pg-page:#081626;--pg-surface:#102238;--pg-soft:#192f48;--pg-line:#385473}
html[data-pg-ui=c1] body{background:var(--pg-page)!important;color:var(--pg-ink)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;font-size:16px}
.pg-c1.online-request-inner{width:calc(100% - 32px)!important;max-width:1120px!important;padding:20px 0 40px;background:transparent;border-radius:0;color:var(--pg-ink)}
.pg-c1 *{box-sizing:border-box}
.pg-c1 [hidden],.pg-c1-dialog [hidden]{display:none!important}
.pg-c1 button,.pg-c1 select,.pg-c1 input,.pg-c1-dialog button{touch-action:manipulation}
.pg-c1 a{color:var(--pg-blue)}
.pg-c1 .form-control,.pg-c1 .form-select{font-size:16px!important;min-height:46px;color:var(--pg-ink);background:var(--pg-surface);border:1px solid var(--pg-line);max-width:100%}
.pg-c1 label{font-size:15px;line-height:1.6;color:var(--pg-ink)}
.pg-c1 .btn{font-size:15px;min-height:44px;border-radius:9px;padding:10px 14px;white-space:normal}
.pg-c1 .btn-primary{background:#0968b2;color:#fff;border-color:#0968b2}
.pg-c1 .btn-secondary{background:var(--pg-soft);color:var(--pg-ink);border-color:var(--pg-line)}
.pg-c1-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 0 16px}
.pg-c1-version{font-size:12px;color:var(--pg-muted)}
.pg-c1 .pg-c1-palette-label{font-size:14px;display:flex;align-items:center;gap:10px;margin:0}
.pg-c1-palette{max-width:170px;border:1px solid var(--pg-line);border-radius:8px;background:var(--pg-surface);color:var(--pg-ink);font-size:16px;padding:8px;min-height:44px}
.pg-c1>h3{margin:4px 0 20px!important;text-align:left!important;font-size:25px;line-height:1.4}
.pg-c1>h3>div{margin:0!important;text-align:left!important;font-size:inherit!important}
.pg-c1 .pg-c1-important{background:var(--pg-important);border:1px solid var(--pg-line);border-left:5px solid var(--pg-amber);border-radius:12px;padding:20px!important;margin-bottom:24px!important;text-align:left!important}
.pg-c1-important>div:not(.pg-c1-important-title){border:0!important;padding:0!important}
.pg-c1-important-title{color:var(--pg-amber);font-size:17px;font-weight:700;margin-bottom:12px}
.pg-c1 .pg-c1-important .info{display:block;overflow:visible!important;max-height:none!important;height:auto!important;text-align:left;margin:0}
.pg-c1 .pg-c1-important .info dd{font-size:16px!important;line-height:1.9;padding:0!important;margin:0;color:var(--pg-ink);white-space:normal;overflow-wrap:anywhere;width:100%!important}
.pg-c1 .pg-c1-important .mb-2{font-size:14px;color:var(--pg-muted)}
.pg-c1 #form1 .online-request-option{font-size:17px;font-weight:700;text-align:left}
.pg-c1 #countdown_area{color:var(--pg-ink);font-size:14px}
.pg-c1 .online-request-search{max-width:100%;margin-left:0;margin-right:0}
.pg-c1 .online-request-search input{min-width:0}
.pg-c1 #items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;max-width:100%}
.pg-c1 #items>.item{width:auto;margin:0;padding:12px;min-width:0;background:var(--pg-surface);border:2px solid var(--pg-line)!important;border-radius:14px;position:relative;align-self:stretch;color:var(--pg-ink)}
.pg-c1 #items>.item.pg-c1-chosen{border-color:var(--pg-check)!important;background:var(--pg-selected);box-shadow:0 0 0 1px var(--pg-check)}
.pg-c1 .pg-c1-selected-badge{position:absolute;top:8px;left:8px;padding:4px 10px;background:var(--pg-check);color:white;font-size:14px;font-weight:700;border-radius:6px;z-index:1;pointer-events:none}
.pg-c1 #items>.item h5{width:100%;height:auto;min-height:110px;overflow:visible;margin:0 0 10px;padding:30px 0 0}
.pg-c1 .title_mb{width:100%;height:auto;min-height:2.8em;font-size:16px;font-weight:700;line-height:1.4;overflow:visible;overflow-wrap:anywhere}
.pg-c1 .title_mb p{margin:0}
.pg-c1 .title_mb_color,.pg-c1 .title_mb_payment{width:100%;text-align:left;height:auto;min-height:1.5em;line-height:1.5;font-size:13px;overflow-wrap:anywhere}
.pg-c1 .title_mb_color p,.pg-c1 .title_mb_payment p{margin:0}
.pg-c1 .title_mb_price{font-size:20px;font-weight:700;margin-top:6px;line-height:1.3}
.pg-c1 .item_element_mb{display:block;margin:0;max-width:100%}
.pg-c1 .item_image_mb{width:100%;margin:0;padding:0;flex:none}
.pg-c1 .item_image_mb .gallery{display:block;width:100%!important;height:auto!important;margin:0!important;overflow:hidden;background:#fff;border-radius:8px}
.pg-c1 .item_image_mb .gallery img{display:block;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:1;object-fit:contain;margin:0!important;padding:6px}
.pg-c1 .items-col,.pg-c1 .items-col-noimage{display:flex;flex-direction:column;flex-wrap:nowrap;width:100%;height:auto;min-height:0;padding:0;gap:10px;justify-content:flex-start}
.pg-c1 .items-thumbnails{width:100%;height:auto;min-height:0;margin:8px 0 0!important;overflow:hidden;white-space:nowrap}
.pg-c1 .items-thumbnails:empty{margin:0!important}
.pg-c1 .items-thumbnails .thumbnail{max-width:18%!important;max-height:40px;object-fit:contain;background:white}
.pg-c1 .item_price_mb{width:100%;color:var(--pg-blue)!important;text-align:left;font-size:14px;line-height:1.65;border:0;padding:0;margin:0;overflow-wrap:anywhere}
.pg-c1 .item_row_mb{display:flex;gap:8px;width:100%;margin:0;padding:0;flex-wrap:wrap;align-items:center}
.pg-c1 .item_row_mb .item_row_elm_mb{flex:1;min-width:0;width:auto;margin:0;padding:0}
.pg-c1 .item_row_elm_pconly{display:none}
.pg-c1 .button-description,.pg-c1 .button-link{font-size:14px;min-height:44px;padding:8px 4px;border:1px solid var(--pg-line);background:var(--pg-soft);color:var(--pg-ink)}
.pg-c1 .label-favorite{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:72px;border:1px solid var(--pg-line);padding:3px 10px;border-radius:10px;color:var(--pg-pink);background:var(--pg-surface);font-size:17px;font-weight:700;position:relative;margin:0}
.pg-c1 .favorite_num{margin:0!important;font-size:18px;line-height:1.4;font-weight:700;font-variant-numeric:tabular-nums;color:inherit}
.pg-c1 .heart{position:static;width:21px;height:24px;background:none!important;animation:none!important}
.pg-c1 .heart:before{content:'♡';font-size:27px;line-height:22px;color:var(--pg-pink)}
.pg-c1 .button-favorite:checked+.label-favorite{border-color:var(--pg-pink)}
.pg-c1 .button-favorite:checked+.label-favorite .heart:before{content:'♥';font-size:22px}
.pg-c1 .button-favorite:focus-visible+.label-favorite,.pg-c1 .item-check:focus-visible+label{outline:3px solid var(--pg-blue);outline-offset:2px}
.pg-c1 .item_size_mb{display:flex;flex-wrap:wrap;width:100%;margin:0;gap:8px}
.pg-c1 .item_size_col_mb{flex:0 0 100%;min-width:0;width:100%;margin:0;padding:0}
.pg-c1 .item_size_col_mb>label:not(.btn){font-size:13px;line-height:1.5}
.pg-c1 .pg-c1-select-label{width:100%;border:1px solid var(--pg-line)!important;border-radius:9px;background:var(--pg-soft);color:var(--pg-ink);font-size:15px;margin:0!important;min-height:46px;padding:10px 8px}
.pg-c1 .item-check:checked+.pg-c1-select-label{background:var(--pg-check)!important;color:white!important;border-color:var(--pg-check)!important}
.pg-c1 .item-check:disabled+.pg-c1-select-label{opacity:.7;cursor:not-allowed}
.pg-c1 .pg-c1-native-size,.pg-c1 .pg-c1-native-size+.select2-container{display:none!important}
.pg-c1-size-trigger{display:block;width:100%;min-height:48px;padding:10px 9px;text-align:left;font-size:15px;font-weight:600;border:1px solid var(--pg-line);border-radius:9px;background:var(--pg-surface);color:var(--pg-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-c1-size-trigger:disabled{opacity:.55;cursor:not-allowed}
.pg-c1-chosen .pg-c1-size-trigger{border-color:var(--pg-check);color:var(--pg-blue)}
.pg-c1-remove{display:block;width:100%;min-height:46px;margin-top:12px;background:var(--pg-surface);border:1px solid var(--pg-check);color:var(--pg-blue);border-radius:9px;font-size:15px;font-weight:600}
.pg-c1 #regist-form{background:var(--pg-surface);border:1px solid var(--pg-line);border-radius:14px;padding:20px;font-size:16px}
.pg-c1 .address,.pg-c1 .variable{border-color:var(--pg-line);font-size:16px}
.pg-c1 #selected-items{color:var(--pg-ink);font-size:15px;padding:18px;background:var(--pg-surface);border-radius:12px;border:1px solid var(--pg-line)}
.pg-c1 #selected-items ul li{border-color:var(--pg-line)}
.pg-c1 #selected-items h5{font-size:15px;height:auto}
.pg-c1 #selected-items .title_mb{min-height:0;font-size:15px}
.pg-c1 #submit{font-size:17px;min-height:50px;width:min(100%,400px);background:var(--pg-check);color:#fff}
.pg-c1-dialog{margin:auto;border:1px solid var(--pg-line);border-radius:18px;width:min(600px,calc(100% - 24px));max-height:calc(100dvh - 32px);padding:0;background:var(--pg-surface);color:var(--pg-ink);font-family:inherit}
.pg-c1-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.pg-c1-dialog::backdrop{background:#07172599}
.pg-c1-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--pg-line);flex:none}
.pg-c1-dialog-head h2{font-size:21px;font-weight:700;margin:0}
.pg-c1-close{width:44px;height:44px;flex:none;background:var(--pg-soft);border:1px solid var(--pg-line);border-radius:50%;font-size:25px;color:var(--pg-ink)}
.pg-c1-dialog-body{overflow-y:auto;overscroll-behavior:contain;padding:18px;min-height:0}
.pg-c1-dialog-product{font-size:18px;margin:0 0 8px;font-weight:700;overflow-wrap:anywhere}
.pg-c1-hint{font-size:15px;line-height:1.75;color:var(--pg-muted);margin:0 0 16px}
.pg-c1-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.pg-c1-option{min-height:49px;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:center;font-size:16px;padding:8px 5px;border-radius:9px;border:1px solid var(--pg-line);background:var(--pg-surface);color:var(--pg-ink)}
.pg-c1-option[aria-pressed=true]{color:white;background:var(--pg-check);border-color:var(--pg-check);box-shadow:inset 0 0 0 1px white}
.pg-c1-option:disabled{opacity:.5}
.pg-c1-current{font-size:15px;margin:16px 0 12px;line-height:1.7;overflow-wrap:anywhere}
.pg-c1-neutral,.pg-c1-primary{border-radius:9px;min-height:46px;padding:10px 14px;font-size:15px;font-weight:600;border:1px solid var(--pg-line);background:var(--pg-soft);color:var(--pg-ink)}
.pg-c1-primary{background:var(--pg-check);color:#fff;border-color:var(--pg-check)}
.pg-c1-dialog-footer{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;padding:14px 18px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--pg-line);flex:none}
.pg-c1-error{color:#af2740;background:#fff0f3;border:1px solid #d692a0;font-size:15px;padding:12px;border-radius:7px}
.pg-c1-modal-open{overflow:hidden}
.pg-c1-status{position:fixed;z-index:3000;bottom:20px;left:50%;transform:translateX(-50%);font-size:14px;max-width:calc(100% - 28px);padding:12px 18px;border-radius:10px;background:#122c40;color:#fff;pointer-events:none}
.pg-c1-status:empty{display:none}
.pg-c1 :focus-visible,.pg-c1-dialog :focus-visible{outline:3px solid var(--pg-blue);outline-offset:3px}
@media(max-width:767px){
 .pg-c1.online-request-inner{width:calc(100% - 20px)!important;padding-top:14px}
 .pg-c1 #items{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .pg-c1 #items>.item{padding:9px;border-radius:11px}
 .pg-c1 #items>.item h5{min-height:140px;padding-top:32px}
 .pg-c1 .title_mb{font-size:15px;line-height:1.45}
 .pg-c1 .title_mb_price{font-size:20px}
 .pg-c1 .pg-c1-important{padding:15px!important}
 .pg-c1-important-title{font-size:16px}
 .pg-c1 .items-price{font-size:13px}
 .pg-c1 .label-favorite{min-width:65px;padding:3px 6px;gap:5px}
 .pg-c1 .favorite_num{font-size:18px}
 .pg-c1 .item_row_mb{gap:6px}
 .pg-c1 .btn,.pg-c1-size-trigger,.pg-c1-remove{font-size:14px}
 .pg-c1 #regist-form{padding:15px}
 .pg-c1-dialog{margin:auto auto 10px;max-height:calc(100dvh - 20px)}
}
@media(prefers-reduced-motion:reduce){.pg-c1 *, .pg-c1-dialog *{animation:none!important;transition:none!important}}
/* Keep the original selected-items clones inside the screen at narrow widths. */
.pg-c1 #selected-items ul{margin:0;padding:0;list-style:none}
.pg-c1 #selected-items li{display:flex;gap:12px;align-items:center;max-width:100%;min-width:0}
.pg-c1 #selected-items li .image-col{flex:0 0 72px;min-width:0;padding:0}
.pg-c1 #selected-items li .image-col img{width:100%;height:auto;max-height:90px;object-fit:contain}
.pg-c1 #selected-items li .text-col{flex:1;min-width:0;overflow-wrap:anywhere;padding:0}
.pg-c1-size-trigger[aria-invalid=true]{border:2px solid #b22d47;color:#ad2942;background:#fff1f4}
html[data-pg-ui=c1] .modal .modal-content{background:var(--pg-surface);color:var(--pg-ink);font-size:16px;border-color:var(--pg-line)}
html[data-pg-ui=c1] .modal .modal-header,html[data-pg-ui=c1] .modal .modal-footer{border-color:var(--pg-line)}
html[data-pg-ui=c1] .modal .form-control,html[data-pg-ui=c1] .modal .form-select{background:var(--pg-soft);color:var(--pg-ink);font-size:16px}
