.order-link{height:40px;padding:0 16px;display:flex;align-items:center;gap:9px;border:1px solid var(--blue);background:var(--blue);color:#fff;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;transition:.2s}
.order-link:hover,.order-link:focus-visible{background:#0b304f;border-color:#0b304f;outline:none}
.order-section{min-height:720px;padding:54px 72px 120px;background:#fff}
.order-head{padding-bottom:22px;border-bottom:2px solid var(--blue)}
.order-head>span{color:var(--sky);font-size:10px;font-weight:700;letter-spacing:.24em}
.order-head h1{margin:4px 0 10px;color:#292f33;font:38px 'Noto Serif KR'}
.order-head p{margin:0;color:var(--muted);font-size:14px}
.order-group{margin-top:46px}
.order-group-title{display:flex;align-items:end;gap:12px;margin-bottom:20px}
.order-group-title>div{display:flex;flex-direction:column;align-items:flex-start}
.order-group-title span{color:#83b8dc;font-size:10px;font-weight:700;letter-spacing:.2em}
.order-group-title h2{margin:0;color:var(--blue);font:27px 'Noto Serif KR'}
.order-group-title b{color:#84949d;font-size:13px;font-weight:500}
.order-group.series-1{--order-series:#b18a63}.order-group.series-2{--order-series:#3d918d}.order-group.series-3{--order-series:var(--blue)}
.order-group[class*='series-'] .order-group-title span,.order-group[class*='series-'] .order-group-title h2,.order-group[class*='series-'] .order-group-title b{color:var(--order-series)}
.order-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 18px}
.order-card{min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.order-cover{position:relative;display:block;overflow:hidden;background:#edf1f3;box-shadow:0 6px 16px #173b5124;transition:.2s}
.order-cover img{display:block;width:100%;aspect-ratio:118/166;object-fit:cover}
.order-cover i{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:30px;height:30px;border:2px solid #fff;border-radius:50%;background:#6f7d85;color:#fff;font:700 16px/1 'Noto Sans KR';box-shadow:0 3px 10px #0003;opacity:.75}
.order-card strong{display:block;margin-top:11px;color:#303a40;font:16px/1.45 'Noto Serif KR';word-break:keep-all}
.order-card small{display:block;margin-top:4px;color:#87939a;font-size:12px}
.order-card:hover .order-cover,.order-card:focus-visible .order-cover{transform:translateY(-4px);box-shadow:0 12px 24px #173b5133}
.order-card:focus-visible{outline:2px solid var(--sky);outline-offset:5px}
.order-card.selected .order-cover{outline:4px solid var(--blue);outline-offset:-4px}
.order-card.selected .order-cover::after{content:'';position:absolute;inset:0;background:#113f6619}
.order-card.selected .order-cover i{z-index:1;background:var(--blue);opacity:1}
.order-dock{position:fixed;left:50%;bottom:18px;z-index:55;width:min(760px,calc(100vw - 32px));padding:13px 14px 13px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;transform:translateX(-50%);border:1px solid #ffffff33;border-radius:8px;background:#122f43f2;color:#fff;box-shadow:0 14px 40px #071b294d;backdrop-filter:blur(10px)}
.order-dock[hidden]{display:none}
.order-dock div{display:flex;flex-direction:column;gap:2px}
.order-dock strong{font-size:15px}
.order-dock span{color:#d7e2e8;font-size:12px}
.order-dock-actions{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important}
.order-dock button{min-width:166px;height:44px;border:0;border-radius:5px;background:#fff;color:var(--blue);font:700 14px 'Noto Sans KR';cursor:pointer}
.order-dock button.clear-selection{min-width:138px;border:1px solid #ffffff80;background:transparent;color:#fff}
.order-dialog{width:min(820px,94vw);max-width:none;max-height:92vh;padding:0;border:0;border-radius:8px;color:var(--ink);box-shadow:0 30px 100px #08172266;overflow:visible}
.order-dialog::backdrop{background:#0b2638bd;backdrop-filter:blur(5px)}
.order-dialog form{display:flex;max-height:92vh;flex-direction:column}
.order-dialog-head{flex:none;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff}
.order-dialog-head small{color:var(--sky);font-size:10px;font-weight:700;letter-spacing:.18em}
.order-dialog-head h2{margin:2px 0 0;color:var(--blue);font:27px 'Noto Serif KR'}
.order-dialog-head>#closeOrderForm{width:40px;height:40px;border:0;border-radius:50%;background:#edf2f5;color:var(--blue);font-size:28px;cursor:pointer}
.order-dialog-title{display:flex;align-items:stretch;gap:10px}.order-help{position:relative;display:inline-flex;align-self:flex-end;margin-bottom:4px}.order-help>button{width:22px;height:22px;padding:0;border:1px solid #9eb3be;border-radius:50%;background:transparent;color:var(--blue);font:700 12px/1 'Noto Sans KR';cursor:help}.order-help>[role="tooltip"]{position:absolute;z-index:4;left:50%;top:calc(100% + 10px);width:280px;padding:12px 14px;border-radius:8px;background:#17364a;color:#fff;font-size:12px;line-height:1.6;box-shadow:0 8px 24px #102c3d33;opacity:0;visibility:hidden;transform:translate(-20%,-4px);transition:.18s}.order-help:hover>[role="tooltip"],.order-help:focus-within>[role="tooltip"]{opacity:1;visibility:visible;transform:translate(-20%,0)}
.order-form-body{padding:25px 28px 30px;overflow-y:auto;background:#f7f9fa}
.order-form-section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}
.order-form-section-title h3{margin:0;color:#263b48;font:21px 'Noto Serif KR'}
.order-form-section-title p{margin:0;color:#7d8a91;font-size:12px}
.order-form-section-title b,.order-fields b,.privacy-check b{color:#b8342d}
.order-quantities{border-top:1px solid #dce4e8;background:#fff}
.order-quantity-row{min-height:70px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #dce4e8;border-top:0}
.order-quantity-row>div:first-child{display:flex;flex-direction:column;gap:3px}
.order-quantity-row strong{font-size:14px}
.order-quantity-row small{color:#849199;font-size:11px}
.quantity-stepper{display:grid;grid-template-columns:38px 80px 38px;align-items:center;text-align:center;border:1px solid #cbd7de;border-radius:5px;overflow:hidden}
.quantity-stepper.has-bulk{grid-template-columns:38px 80px 38px 54px}
.quantity-stepper button{height:38px;border:0;background:#edf3f6;color:var(--blue);font-size:20px;cursor:pointer}
.quantity-stepper button.bulk-step{border-left:1px solid #cbd7de;background:#dceaf0;font-size:12px;font-weight:800}
.quantity-stepper output{font-size:13px;font-weight:700}
.order-total{padding:14px 4px 24px;display:flex;justify-content:flex-end;align-items:center;gap:16px;color:#65737b;font-size:13px}
.order-total strong{color:var(--blue);font-size:18px}
.order-customer-section{padding-top:22px;border-top:1px solid #dce4e8}
.order-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.order-fields label{display:flex;flex-direction:column;gap:7px}
.order-fields label.wide{grid-column:1/-1}
.order-fields span{color:#46545c;font-size:13px;font-weight:600}
.order-fields input,.order-fields textarea{width:100%;border:1px solid #cbd6dc;border-radius:4px;background:#fff;padding:12px 13px;color:#26343b;font:14px/1.5 'Noto Sans KR'}
.order-fields input:focus,.order-fields textarea:focus{border-color:#5c8ba8;outline:2px solid #83b8dc55}
.order-fields textarea{resize:vertical}
.privacy-check{margin-top:18px;display:flex;align-items:flex-start;gap:10px;color:#4e5c64;font-size:13px;line-height:1.6;cursor:pointer}
.privacy-check input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--blue)}
.privacy-note{margin:8px 0 0 28px;color:#849198;font-size:11px;line-height:1.6}
.order-dialog-footer{flex:none;padding:14px 24px;display:flex;align-items:center;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);background:#fff}
.order-dialog-footer p{margin:0;color:#60717a;font-size:12px}
.order-dialog-footer p.error{color:#b8342d}
.order-footer-price{display:grid;min-width:280px;margin-right:auto;grid-template-columns:auto auto;align-items:baseline;justify-content:start;gap:2px 12px}.order-footer-price small{color:#53636c;font-size:17px;font-weight:800;letter-spacing:-.02em}.order-footer-price strong{color:var(--blue);font-size:23px}.order-footer-price span{grid-column:1/-1;max-width:320px;color:#819098;font-size:10px;line-height:1.35}
.order-dialog-footer button{height:43px;padding:0 22px;border:1px solid #c8d3d9;border-radius:4px;background:#fff;color:#60717a;font:700 13px 'Noto Sans KR';cursor:pointer}
.order-dialog-footer button[type="submit"]{border-color:var(--blue);background:var(--blue);color:#fff}
.order-dialog-footer button:disabled{cursor:wait;opacity:.58}
.order-complete-section{min-height:700px;padding:70px 72px 100px;background:#f2f6f8}
.order-complete-card{width:min(650px,100%);margin:0 auto;padding:50px 52px;text-align:center;background:#fff;box-shadow:0 18px 50px #18384a1c}
.order-complete-check{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:50%;background:var(--blue);color:#fff;font-size:27px}
.order-complete-card>small{color:var(--sky);font-size:10px;font-weight:700;letter-spacing:.18em}
.order-complete-card h1{margin:7px 0 12px;color:var(--blue);font:32px 'Noto Serif KR'}
.order-complete-card>p{margin:0;color:#60717a;font-size:15px;line-height:1.7}
.completed-order-summary{margin:30px 0 26px;padding:22px 24px;border-top:2px solid var(--blue);background:#f7f9fa;text-align:left}
.completed-order-summary h2{margin:0 0 14px;color:#30434f;font:20px 'Noto Serif KR'}
#completedOrderItems>div{padding:11px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #dde5e9}
#completedOrderItems span{display:flex;flex-direction:column;gap:3px}
#completedOrderItems b{font-size:14px}
#completedOrderItems small{color:#849199;font-size:11px}
#completedOrderItems strong{color:var(--blue);font-size:14px}
.completed-order-total{padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#66757d;font-size:13px}
.completed-order-total strong{color:var(--blue);font-size:16px}
.completed-order-price{padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #d7e1e6;color:#53636c;font-size:14px}.completed-order-price strong{color:var(--blue);font-size:20px}.completed-order-note{margin:7px 0 0!important;color:#829098!important;font-size:11px!important;text-align:right}
.order-complete-card>a{display:inline-flex;height:45px;padding:0 21px;align-items:center;border-radius:4px;background:var(--blue);color:#fff;font-size:14px;font-weight:700;text-decoration:none}
.order-honey{position:absolute!important;left:-9999px!important}
@media(max-width:900px){.order-section{padding:48px 40px 120px}.order-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:620px){.library-tools{gap:7px;flex-wrap:wrap}.spec-link,.order-link{height:38px;padding:0 11px;font-size:12px}.order-section{padding:38px 22px 120px}.order-head h1{font-size:32px}.order-grid{grid-template-columns:repeat(2,1fr);gap:24px 14px}.order-group-title{align-items:flex-start;flex-direction:column;gap:4px}.order-group-title h2{font-size:24px}.order-dock{bottom:10px;padding:10px;align-items:stretch;flex-direction:column;gap:7px}.order-dock>div:first-child{display:none}.order-dock-actions{width:100%}.order-dock button,.order-dock button.clear-selection{min-width:0;flex:1;padding:0 9px;font-size:12px}.order-dialog-head{padding:15px 18px}.order-dialog-head h2{font-size:23px}.order-form-body{padding:22px 17px 26px}.order-form-section-title{align-items:flex-start;flex-direction:column;gap:4px}.order-quantity-row{align-items:flex-start;flex-direction:column}.quantity-stepper{align-self:stretch;grid-template-columns:44px 1fr 44px}.quantity-stepper.has-bulk{grid-template-columns:44px 1fr 44px 58px}.order-fields{grid-template-columns:1fr}.order-fields label.wide{grid-column:auto}.order-dialog-footer{padding:12px 16px;flex-wrap:wrap}.order-footer-price{width:100%;margin:0 0 5px}.order-dialog-footer p{width:100%;margin:0 0 4px}.order-dialog-footer button{flex:1;padding:0 12px}.order-complete-section{min-height:600px;padding:42px 18px 70px}.order-complete-card{padding:38px 20px}.order-complete-card h1{font-size:27px}.completed-order-summary{padding:18px 16px}.completed-order-total,.completed-order-price{align-items:flex-start;flex-direction:column;gap:5px}.completed-order-note{text-align:left}}

html[data-theme="dark"] .order-section,html[data-theme="dark"] .order-form-body,html[data-theme="dark"] .order-complete-section{background:#0f1a20;color:#e7eef1}html[data-theme="dark"] .order-card strong,html[data-theme="dark"] .order-form-section-title h3{color:#dce8ed}html[data-theme="dark"] .order-card small,html[data-theme="dark"] .order-form-section-title p{color:#93a5ae}html[data-theme="dark"] .order-dialog,html[data-theme="dark"] .order-dialog-head,html[data-theme="dark"] .order-dialog-footer,html[data-theme="dark"] .order-quantities,html[data-theme="dark"] .order-quantity-row,html[data-theme="dark"] .order-complete-card{background:#16242b;color:#e7eef1}html[data-theme="dark"] .order-quantity-row,html[data-theme="dark"] .order-dialog-head,html[data-theme="dark"] .order-dialog-footer{border-color:#32444d}html[data-theme="dark"] .quantity-stepper{border-color:#41555f}html[data-theme="dark"] .quantity-stepper button{background:#233640;color:#bcd9e7}html[data-theme="dark"] .quantity-stepper button.bulk-step{background:#2b424d;border-color:#41555f}html[data-theme="dark"] .order-fields input,html[data-theme="dark"] .order-fields textarea{background:#0f1a20;border-color:#3c505a;color:#e6eef1}html[data-theme="dark"] .order-fields span,html[data-theme="dark"] .privacy-check{color:#b6c5cc}html[data-theme="dark"] .completed-order-summary{background:#101d23}html[data-theme="dark"] .order-footer-price strong,html[data-theme="dark"] .completed-order-price strong{color:#bcd9e7}
html[data-theme="dark"] .order-group.series-1{--order-series:#c9a27c}html[data-theme="dark"] .order-group.series-2{--order-series:#62b7b1}html[data-theme="dark"] .order-group.series-3{--order-series:#78b7df}
.order-price-breakdown{margin:14px 0 0;padding:15px 17px;border:1px solid #ead4d1;background:#fff9f8;color:#a23b34}.order-price-breakdown>b{display:block;margin-bottom:9px;font-size:13px}.order-price-breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 0;font-size:13px}.order-price-breakdown>div strong{font-size:13px}.order-price-breakdown .shipping-line{margin-top:5px;padding-top:9px;border-top:1px solid #eedbd8}.order-price-breakdown .shipping-line.free strong{color:#28734d}.order-price-breakdown>p{margin:9px 0 0;padding-top:8px;border-top:1px dashed #ead4d1;color:#8b6a67;font-size:11px;line-height:1.55}
html[data-theme="dark"] .order-price-breakdown{border-color:#623f3b;background:#251d1c;color:#ee9d94}html[data-theme="dark"] .order-price-breakdown>p{border-color:#5a3c38;color:#c59a95}
@media(max-width:620px){.order-footer-price{min-width:0;grid-template-columns:auto auto}.order-footer-price small{font-size:16px}.order-footer-price strong{font-size:22px}.order-price-breakdown>div{align-items:flex-start}.order-price-breakdown>div span{max-width:62%}}

.order-row-controls{display:flex;align-items:center;gap:9px}
.quantity-entry{display:flex;align-items:center;gap:9px}.quantity-entry>span{display:flex;align-items:center;border:1px solid #cbd7de;border-radius:5px;background:#fff;overflow:hidden}.quantity-entry input{width:92px;height:38px;padding:0 8px;border:0;background:transparent;color:var(--blue);font:700 14px 'Noto Sans KR';text-align:right;outline:none}.quantity-entry b{padding-right:10px;color:#687982;font-size:12px}.quantity-entry>small{color:#88969d;font-size:10px;white-space:nowrap}
.remove-order-item{flex:none;width:28px;height:28px;padding:0;border:0;border-radius:0;background:transparent;color:#9a4c46;font:300 18px/1 'Noto Sans KR';cursor:pointer}
.remove-order-item:hover,.remove-order-item:focus-visible{border:0;background:transparent;color:#bd3830;outline:none}
.order-footer-price #orderFinalPrice{color:#c73c34}
.order-fields>.wide{grid-column:1/-1}
.address-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}
.address-search-row label{display:flex;flex-direction:column;gap:7px}
.address-search-row button{height:47px;padding:0 18px;border:1px solid var(--blue);border-radius:4px;background:var(--blue);color:#fff;font:700 13px 'Noto Sans KR';cursor:pointer}
.address-search-row button:hover,.address-search-row button:focus-visible{background:#0b304f;outline:none}
.order-fields input[readonly]{background:#f1f5f7;cursor:default}
html[data-theme="dark"] .remove-order-item{border:0;background:transparent;color:#f1aaa3}html[data-theme="dark"] .remove-order-item:hover{background:transparent;color:#ff7770}html[data-theme="dark"] .quantity-entry>span{border-color:#41555f;background:#0f1a20}html[data-theme="dark"] .quantity-entry input{color:#fff}html[data-theme="dark"] .quantity-entry b{color:#c8d7de}html[data-theme="dark"] .order-dialog-head h2,html[data-theme="dark"] .order-quantity-row strong,html[data-theme="dark"] .order-total strong{color:#bfe4f5}html[data-theme="dark"] .order-footer-price small{color:#e9f1f4}html[data-theme="dark"] .order-footer-price #orderFinalPrice{color:#ee7770}html[data-theme="dark"] .order-help>button{border-color:#9bbaca;color:#e8f6fc}html[data-theme="dark"] .order-fields input[readonly]{background:#182932;color:#e6eef1}
@media(max-width:620px){.order-row-controls{width:100%}.quantity-entry{flex:1}.order-help>[role="tooltip"]{left:50%;width:min(280px,calc(100vw - 40px));transform:translate(-65%,-4px)}.order-help:hover>[role="tooltip"],.order-help:focus-within>[role="tooltip"]{transform:translate(-65%,0)}.address-search-row{grid-template-columns:1fr}.address-search-row button{width:100%}}
@media(max-width:620px){.order-fields input,.order-fields textarea,.quantity-entry input{font-size:16px}}

/* Order quantity stepper and mobile input focus safeguards. */
.quantity-entry{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.quantity-entry>small{order:-1;color:#88969d;font-size:10px;line-height:1;white-space:nowrap}
.quantity-entry>span{display:flex;align-items:center}
.quantity-entry input{width:78px;font-size:16px;line-height:1.4}
.quantity-entry b{padding-right:8px}
.quantity-entry>span button{flex:none;width:34px;height:38px;padding:0;border:0;background:#edf3f6;color:var(--blue);font:700 18px/1 'Noto Sans KR';cursor:pointer}
.quantity-entry>span button:first-child{border-right:1px solid #cbd7de}
.quantity-entry>span button:last-child{border-left:1px solid #cbd7de}
.quantity-entry>span button:hover,.quantity-entry>span button:focus-visible{background:#dfeaf0;outline:none}
.order-price-breakdown .total-price-line{margin-top:6px;padding-top:10px;border-top:2px solid #e1aaa5;font-weight:800}
.order-price-breakdown .total-price-line strong{color:#c73c34;font-size:15px}
html[data-theme="dark"] .quantity-entry>span button{border-color:#41555f;background:#253942;color:#dff3fc}
html[data-theme="dark"] .quantity-entry>span button:hover,html[data-theme="dark"] .quantity-entry>span button:focus-visible{background:#304a55}
html[data-theme="dark"] .order-price-breakdown .total-price-line{border-color:#774e49}
html[data-theme="dark"] .order-price-breakdown .total-price-line strong{color:#ff8e85}
@media(max-width:620px){
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
 .order-dialog input,.order-dialog textarea,.order-dialog select{font-size:16px!important;line-height:1.5}
 .order-dialog input,.order-dialog textarea{touch-action:manipulation}
 .quantity-entry input{font-size:16px!important}
}

/* Mobile order-dialog interaction refinements. */
.order-dialog{-webkit-user-select:none;user-select:none}
.order-dialog input,.order-dialog textarea{-webkit-user-select:text;user-select:text}
@media(max-width:620px){
 .remove-order-item{margin-top:15px}
 .order-help:hover>[role="tooltip"],.order-help:focus-within>[role="tooltip"]{opacity:0;visibility:hidden;transform:translate(-65%,-4px)}
 .order-help.open>[role="tooltip"]{opacity:1;visibility:visible;transform:translate(-65%,0)}
}

.quantity-entry>span button{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.order-help.open>button{border-color:var(--blue);background:var(--blue);color:#fff}
html[data-theme="dark"] .order-help.open>button{border-color:#bfe4f5;background:#bfe4f5;color:#12303f}
@media(max-width:620px){body.order-dock-visible .to-top{bottom:88px}}

/* Keep the original card silhouette; only strengthen the selected check glyph. */
.order-cover i{font-family:Arial,sans-serif;font-size:18px;font-weight:900;font-style:normal;letter-spacing:-.08em}
.order-help:hover>button,.order-help:focus-within>button{border-color:var(--blue);background:var(--blue);color:#fff}
html[data-theme="dark"] .order-help:hover>button,html[data-theme="dark"] .order-help:focus-within>button{border-color:#bfe4f5;background:#bfe4f5;color:#12303f}