.ppa-shop-shell { --shop-primary:#1800ad; --shop-accent:#b30000; --shop-button:var(--shop-primary); --shop-button-text:#fff; }
.ppa-shop-rule { height:3px; background:linear-gradient(90deg,var(--shop-primary),var(--shop-accent)); }
.ppa-shop-search { isolation:isolate; border-radius:1.15rem; }
.ppa-shop-search::before { content:''; position:absolute; inset:-1px; z-index:-1; border-radius:inherit; background:linear-gradient(120deg,color-mix(in srgb,var(--shop-primary) 22%,transparent),transparent 42%,color-mix(in srgb,var(--shop-accent) 18%,transparent)); opacity:0; transition:opacity .18s ease; }
.ppa-shop-search:focus-within::before { opacity:1; }
.ppa-shop-search input { box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 14px 34px rgba(15,23,42,.06); }
.ppa-shop-search input:focus { box-shadow:0 0 0 4px color-mix(in srgb,var(--shop-primary) 12%,transparent), 0 18px 42px rgba(15,23,42,.1); }
.ppa-shop-search-icon { position:absolute; left:.65rem; top:50%; width:2.35rem; height:2.35rem; display:grid; place-items:center; border-radius:.9rem; background:#eef2f7; color:#64748b; transform:translateY(-50%); pointer-events:none; }
.ppa-shop-search-icon svg { width:1rem; height:1rem; }
.ppa-shop-search-scope { position:absolute; right:7.1rem; top:50%; height:2rem; display:inline-flex; align-items:center; border:1px solid #e2e8f0; border-radius:999px; background:rgba(255,255,255,.86); color:#64748b; padding:0 .75rem; font-size:.62rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; transform:translateY(-50%); pointer-events:none; }
@supports not (color: color-mix(in srgb, #000 50%, transparent)) {
    .ppa-shop-search::before { background:linear-gradient(120deg,rgba(24,0,173,.18),transparent 42%,rgba(179,0,0,.14)); }
    .ppa-shop-search input:focus { box-shadow:0 0 0 4px rgba(24,0,173,.10), 0 18px 42px rgba(15,23,42,.1); }
}
@media (max-width: 1023px) {
    .ppa-shop-shell .ppa-shop-rule { height:2px; }
}

/* Phase 9D-B: catalogue toolbar and product-card clone */
.ppa-catalogue-page { --shop-primary:#1800ad; --shop-accent:#b30000; }
.ppa-catalogue-hero-search { isolation:isolate; }
.ppa-catalogue-hero-search::before { content:''; position:absolute; inset:-1px; z-index:-1; border-radius:1rem; background:linear-gradient(120deg,rgba(24,0,173,.18),transparent 44%,rgba(179,0,0,.14)); opacity:0; transition:opacity .18s ease; }
.ppa-catalogue-hero-search:focus-within::before { opacity:1; }
.ppa-catalogue-search-icon { position:absolute; left:.65rem; top:50%; width:2.35rem; height:2.35rem; display:grid; place-items:center; border-radius:.85rem; background:#eef2f7; color:#64748b; transform:translateY(-50%); pointer-events:none; }
.ppa-catalogue-search-icon svg { width:1rem; height:1rem; }
.ppa-catalogue-filter-panel select,
.ppa-catalogue-toolbar select { appearance:none; -webkit-appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right .85rem center; background-size:1rem; padding-right:2.5rem; }
.ppa-catalogue-card img { background:#f1f5f9; }
.ppa-catalogue-card .line-clamp-2 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
@media (max-width: 1023px) {
    .ppa-catalogue-filter-panel { position:relative; top:auto; }
}

/* Phase 9D-C: advanced filter drawer clone */
.ppa-catalogue-filter-panel input[type="number"],
.ppa-filter-drawer input[type="number"] { appearance:textfield; }
.ppa-catalogue-filter-panel input[type="number"]::-webkit-outer-spin-button,
.ppa-catalogue-filter-panel input[type="number"]::-webkit-inner-spin-button,
.ppa-filter-drawer input[type="number"]::-webkit-outer-spin-button,
.ppa-filter-drawer input[type="number"]::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.ppa-catalogue-filter-panel select,
.ppa-catalogue-toolbar select,
.ppa-filter-drawer select { appearance:none; -webkit-appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right .85rem center; background-size:1rem; padding-right:2.5rem; }
.ppa-filter-drawer { overscroll-behavior:contain; }
.ppa-filter-drawer-overlay { animation: ppa-filter-fade .16s ease both; }
@keyframes ppa-filter-fade { from { opacity:0; } to { opacity:1; } }
@media (min-width: 1024px) {
    .ppa-filter-drawer,
    .ppa-filter-drawer-overlay { display:none !important; }
}

/* Phase 9D-D: product detail quote workspace clone */
.ppa-product-page .prose-content ul { list-style: disc; padding-left: 1.2rem; }
.ppa-product-page .prose-content ol { list-style: decimal; padding-left: 1.2rem; }
.ppa-product-page .prose-content p + p { margin-top: .75rem; }
.ppa-product-page input[type="number"] { appearance: textfield; }
.ppa-product-page input[type="number"]::-webkit-outer-spin-button,
.ppa-product-page input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.ppa-product-page select { appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right .9rem center; background-size: 1rem; padding-right: 2.6rem; }
@media (max-width: 767px) {
    .ppa-product-page { padding-bottom: 8rem; }
}

/* Phase 9D-E RFQ workspace */
.ppa-rfq-workspace input,
.ppa-rfq-workspace select,
.ppa-rfq-workspace textarea {
    border-color: rgb(203 213 225);
    background: #fff;
}

.ppa-rfq-workspace input:focus,
.ppa-rfq-workspace select:focus,
.ppa-rfq-workspace textarea:focus {
    outline: none;
    border-color: rgb(15 23 42);
    box-shadow: 0 0 0 4px rgba(15, 23, 42, 0.08);
}

.ppa-rfq-workspace article,
.ppa-rfq-workspace aside > div,
.ppa-rfq-workspace form > div > .rounded-\[2rem\] {
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.ppa-rfq-workspace article:hover {
    border-color: rgba(15, 23, 42, 0.22);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
}

@media (max-width: 768px) {
    .ppa-rfq-workspace {
        padding-top: 1.5rem;
    }
}