/* Shared purchasing pages use the established GSMHOLA palette and typeface. */
.purchasing-page{padding-top:24px;padding-bottom:60px;color:var(--ink,#182b49);font-size:14px;line-height:1.6}
.purchasing-page .breadcrumbs{margin-bottom:24px}
.purchasing-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.purchasing-heading h1{font-size:28px;line-height:1.25;letter-spacing:-.5px;margin:0;font-weight:700}
.purchasing-heading .text-link{font-size:13px}
.purchasing-intro{font-size:14px;color:#62748c;margin:20px 0;max-width:820px}
.purchasing-nav{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 28px}
.purchasing-nav a,.brand-directory-index a{border:1px solid #dce4ef;border-radius:6px;padding:9px 15px;font-size:13px;color:#334b6a;background:#fff}
.purchasing-nav a:hover,.brand-directory-index a:hover,.purchasing-nav [aria-current]{border-color:var(--blue,#3754f6);color:var(--blue,#3754f6);background:#f5f7ff}
.category-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:26px}
.category-directory-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;border:1px solid #e0e7f0;border-radius:10px;padding:24px;background:#fff}
.category-directory-card:hover{border-color:#9bb5dd}
.directory-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:9px;background:#f2f6fc;color:#1a61aa}
.directory-icon .ibao-icon{width:25px;height:25px}
.category-directory-card h2{font-size:16px;line-height:1.4;margin:4px 0 0;font-weight:650}
.category-directory-card>span:not(.directory-icon){font-size:12px;color:#71839b}
.directory-arrow{position:absolute;right:20px;bottom:23px;color:#1a61aa;width:18px;height:18px}
.model-search{padding:20px;background:#f7f9fc;border:1px solid #e0e7f0;border-radius:8px;max-width:800px;margin:24px 0}
.model-search label{display:block;font-weight:600;margin-bottom:8px}
.model-search>div{display:flex;gap:10px}
.model-search input,.quick-order-row input{min-width:0;width:100%;border:1px solid #d7e0ec;border-radius:6px;background:#fff;padding:11px 13px;font:inherit;color:inherit}
.model-search .button{flex-shrink:0;min-height:44px;font-size:13px}
.brand-directory-index{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}
.brand-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.brand-directory>section{border:1px solid #e0e7f0;border-radius:8px;padding:20px;scroll-margin-top:24px}
.brand-directory h2{font-size:18px;margin:0 0 14px}
.brand-directory details{border-top:1px solid #edf0f5;padding:12px 0}
.brand-directory summary{cursor:pointer;font-size:14px;font-weight:600}
.model-directory-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px 0 0}
.model-directory-links a{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#4d647f;padding:6px 0;gap:8px}
.model-directory-links a:hover{color:var(--blue,#3754f6)}
.model-directory-links .ibao-icon{width:16px;height:16px;flex-shrink:0}
.quick-order-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:28px;align-items:start;margin:28px 0}
.quick-order-form,.purchasing-panel{border:1px solid #e0e7f0;border-radius:9px;padding:24px;background:#fff}
.quick-order-labels,.quick-order-row{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px;margin-bottom:12px}
.quick-order-labels{font-size:12px;font-weight:600;color:#62748c}
.quick-order-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:22px}
.quick-order-actions .button{min-height:44px;padding:10px 16px;font-size:13px}
.purchasing-panel{background:#f8fafc}
.purchasing-panel h2{font-size:18px;margin:0 0 16px}
.purchasing-panel p{font-size:13px;color:#62748c;margin:0 0 16px}
.purchasing-panel>a{display:flex;gap:12px;justify-content:space-between;border-top:1px solid #e0e7f0;padding-top:14px;margin-top:14px;font-size:13px;color:#1a61aa}
.purchasing-empty{padding:44px 20px;text-align:center;border:1px solid #e0e7f0;border-radius:9px;margin:20px 0}
.purchasing-empty>.ibao-icon{width:32px;height:32px;color:#71839b;margin-bottom:14px}
.purchasing-empty h2{font-size:18px;margin:0 0 10px}
.purchasing-empty p{font-size:14px;color:#62748c;margin:0 0 24px}
.purchase-favorite-form{margin:0;padding:0}
.purchase-favorite{position:absolute;z-index:2;right:12px;top:12px;display:grid;place-items:center;width:36px;height:36px;min-width:36px;border:1px solid #e0e7f0;border-radius:50%;background:#fff;color:#425b7b;cursor:pointer;padding:8px}
.purchase-favorite .ibao-icon{width:20px;height:20px}
.purchase-favorite:hover{color:var(--blue,#3754f6);border-color:#9bb5dd}
.purchase-favorite.is-saved{display:inline-flex;justify-content:center;gap:6px;width:auto;min-width:98px;border-radius:18px;padding:8px 12px;color:#fff;background:var(--blue,#3754f6);border-color:var(--blue,#3754f6);box-shadow:0 2px 8px #3754f633}
.purchase-favorite.is-saved .ibao-icon{fill:currentColor;stroke:currentColor}
.favorite-saved-label{display:none;font-size:11px;line-height:1;font-weight:650}
.purchase-favorite.is-saved .favorite-saved-label{display:inline}
.purchase-favorite:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px var(--blue,#3754f6)}
.header-favorites-link{position:relative}
.header-favorites-count{position:absolute;top:0;left:calc(50% + 6px);right:auto;display:grid;place-items:center;min-width:18px;height:18px;border:2px solid #fff;border-radius:10px;background:var(--blue,#3754f6);color:#fff;font-size:9px;font-weight:650;padding:0 2px;box-sizing:border-box}
.header-favorites-count[hidden]{display:none}
@media(max-width:650px){.purchase-favorite.is-saved{min-width:82px;padding:6px 8px;gap:4px}.favorite-saved-label{font-size:10px}.purchase-favorite.is-saved .ibao-icon{width:17px;height:17px}.header-favorites-count{min-width:16px;height:16px;font-size:8px;top:0;right:auto}}
.purchase-favorite:disabled{opacity:.6;cursor:wait}
.product-image-wrap,.arrival-image-frame{position:relative}
.product-save-row{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:13px}
.product-save-row .purchase-favorite{position:static}
.favorite-feedback{font-size:13px;color:#1a61aa;min-height:1.5em}
.favorite-toast{position:fixed;z-index:1000;right:24px;bottom:24px;background:#102c4c;color:white;padding:13px 20px;border-radius:8px;font-size:14px;max-width:calc(100vw - 32px);box-shadow:0 6px 25px #102c4c25}
.purchasing-page .catalog-products .product-info{display:flex;flex-direction:column;flex:1}
.purchasing-page .catalog-products .product-login{margin-top:auto}
@media(max-width:950px){.category-directory{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-order-layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px}}
@media(max-width:650px){.purchasing-page{padding-top:20px;padding-bottom:40px}.purchasing-heading{align-items:flex-start;flex-direction:column;gap:12px}.purchasing-heading h1{font-size:24px}.purchasing-intro{font-size:13px}.purchasing-nav{gap:6px;margin-bottom:22px}.purchasing-nav a,.brand-directory-index a{font-size:12px;padding:8px 11px}.category-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-directory-card{padding:18px 14px}.category-directory-card h2{font-size:14px}.directory-arrow{right:14px;bottom:20px}.brand-directory{grid-template-columns:1fr;gap:14px}.brand-directory>section{padding:17px}.quick-order-layout{grid-template-columns:1fr;gap:18px}.quick-order-form,.purchasing-panel{padding:18px}.quick-order-labels,.quick-order-row{grid-template-columns:minmax(0,1fr) 80px;gap:10px}.quick-order-row input{font-size:16px;padding:10px}.quick-order-actions{gap:10px}.quick-order-actions .button{font-size:12px}.model-search{padding:16px}.model-search input{font-size:16px}.purchase-favorite{width:32px;height:32px;min-width:32px;right:8px;top:8px;padding:6px}.purchasing-page .catalog-products .product-info h3{font-size:12px}}

/* Keep favourites on a white surface while reusing the catalogue layout. */
.purchasing-page[data-favorites-page],
.purchasing-page[data-favorites-page] .favorites-storage-note,
.purchasing-page[data-favorites-page] .purchasing-empty{background:#fff}