/* ==========================================================================
   PRFCT — Main Stylesheet
   ========================================================================== */


/* Base */
@import url("./base/reset.css?v=220");
@import url("./base/fonts.css?v=220");
@import url("./base/variables.css?v=220");
@import url("./base/typography.css?v=220");
@import url("./base/global.css?v=220");


/* Components */
@import url("./components/buttons.css?v=220");
@import url("./components/section-heading.css?v=220");
@import url("./components/surface-panel.css?v=220");
@import url("./components/reveal.css?v=220");
@import url("./components/links.css?v=220");
@import url("./components/forms.css?v=220");
@import url("./components/tabs.css?v=220");
@import url("./components/accordion.css?v=220");
@import url("./components/modal.css?v=220");
@import url("./components/auth.css?v=220");
@import url("./components/site-tools.css?v=220");
@import url("./components/breadcrumbs.css?v=220");


/* Layout */
@import url("./layout/header.css?v=220");
@import url("./layout/footer.css?v=220");


/* Sections */
@import url("./sections/hero.css?v=220");
@import url("./sections/promos.css?v=220");
@import url("./sections/product-category.css?v=220");
@import url("./sections/products.css?v=220");
@import url("./sections/peptide-science.css?v=220");
@import url("./sections/brand-about.css?v=220");
@import url("./sections/why-prfct.css?v=220");
@import url("./sections/dose-calculator.css?v=220");
@import url("./sections/academy.css?v=220");
@import url("./sections/cta.css?v=220");
@import url("./sections/disclaimer.css?v=220");

/* Pages */
@import url("./pages/home.css?v=220");
@import url("./pages/catalog.css?v=220");
@import url("./pages/product.css?v=223");
@import url("./pages/cart.css?v=223");
@import url("./pages/checkout.css?v=240");
@import url("./pages/compare.css?v=220");
@import url("./pages/favorites.css?v=220");
@import url("./pages/delivery.css?v=220");
@import url("./pages/info-template.css?v=220");
@import url("./pages/calculator.css?v=220");
@import url("./pages/contacts.css?v=220");


/* Canonical product cards and full-size product sliders */
@import url("./components/cards.css?v=220");

@import url("./pages/partnership.css?v=220");
@import url("./pages/about.css?v=220");
@import url("./pages/account.css?v=220");


/* WordPress and WooCommerce integration, AFTER canonical original design */
@import url("./pages/training.css?v=220");
@import url("./components/prfct-wp.css?v=241");
@import url("./components/site-form.css?v=241");
/* WooCommerce default account layout removed: custom PRFCT login + two accounts only. */
@import url("./prfct-v11.css?v=220");
@import url("./prfct-v13.css?v=220");
@import url("./components/wp-home-integration.css?v=220");

@import url("./components/mol3d.css?v=220");
@import url("./components/prfct-v14.css?v=220");

/* Full original customer cabinet + compare layout */
@import url("./pages/account-exact.css?v=220");
@import url("./pages/partner-cabinet.css?v=243");

@import url("./components/prfct-v16.css?v=220");

/* 2.2: single source of truth for spacing, breadcrumbs, headings, filters, product page */
@import url("./components/prfct-layout.css?v=220");

/* Common, final product image geometry for every product list. */
@import url("./components/product-image-consistency.css?v=222");

/* Support chat attention and unread count. */
@import url("./components/prfct-chat-live.css?v=223");

/* 2.4.3: checkout payment block, payment form, thank-you page, cart bonus card, account invitation. */
@import url("./components/prfct-pay.css?v=244");

.product-option__choices label.is-unavailable{opacity:.38;cursor:not-allowed;filter:grayscale(1)}.product-option__choices label.is-unavailable input{cursor:not-allowed}

/* Account invitation shown once per checkout session. */
.prfct-join-overlay[hidden]{display:none!important}
.prfct-join-overlay{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px;background:rgba(27,33,37,.5);backdrop-filter:blur(5px)}
.prfct-join-dialog{position:relative;width:100%;max-width:480px;padding:40px 36px 32px;border-radius:24px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.18);text-align:left}
.prfct-join-close{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#f4f5f7;color:#3a3a3a;cursor:pointer;transition:background .2s ease,color .2s ease}
.prfct-join-close:hover{background:#ffe3f1;color:#ff0f8a}
.prfct-join-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.prfct-join-eyebrow{margin:0;font-size:14px;font-weight:600;color:#ff0f8a}
.prfct-join-dialog h2{margin:10px 0 8px;font-family:inherit;font-size:28px;line-height:1.2}
.prfct-join-lead{margin:0;line-height:1.55;color:#5b5b5b}
.prfct-join-benefits{display:grid;gap:10px;margin:20px 0 0;padding:0;list-style:none}
.prfct-join-benefits li{position:relative;padding-left:30px;line-height:1.45;color:#3a3a3a}
.prfct-join-benefits li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:#ffe3f1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12.5L10.3 15.5L17 8.5' fill='none' stroke='%23FF0F8A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.prfct-join-actions{display:grid;gap:10px;margin-top:26px}
.prfct-join-actions .prfct-join-btn{width:100%;min-height:54px;padding:0 24px;font-size:16px;border-radius:14px}
.prfct-join-actions .prfct-join-btn .btn__text{white-space:normal;text-align:center}
.prfct-join-note{margin:14px 0 0;font-size:13px;line-height:1.45;text-align:center;color:#8a8a8f}
@media(max-width:580px){.prfct-join-dialog{padding:32px 20px 24px}.prfct-join-dialog h2{font-size:24px}}