.hpdc-page{--hpdc-font:Inter,sans-serif;--hpdc-max:1280px;--hpdc-radius:18px;--hpdc-bg:#fff;--hpdc-section:#f4eee3;--hpdc-card:#fff;--hpdc-hero:#03111f;--hpdc-text:#071523;--hpdc-muted:#6d7680;--hpdc-accent:#8d35f5;--hpdc-lime:#d8ef19;--hpdc-line:#dfe3e6;--hpdc-cols:3;--hpdc-cols-tablet:2;--hpdc-cols-mobile:1;width:100%;max-width:none!important;margin:0!important;padding:0!important;color:var(--hpdc-text);background:var(--hpdc-bg);font-family:var(--hpdc-font);box-sizing:border-box}.hpdc-page *{box-sizing:border-box}.hpdc-shell{width:min(calc(100% - 40px),var(--hpdc-max));margin:0 auto}.hpdc-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;color:#d9a22e;font:800 11px/1 var(--hpdc-font);letter-spacing:.16em;text-transform:uppercase}.hpdc-eyebrow:before{content:"";width:28px;height:1px;background:currentColor}.hpdc-page-head{padding:68px 0 58px;color:#fff;background:var(--hpdc-hero)}.hpdc-page-head h1{margin:0 0 14px;color:#fff;font:800 clamp(44px,6vw,78px)/.95 var(--hpdc-font);letter-spacing:-.055em;text-transform:uppercase}.hpdc-page-head p{max-width:720px;margin:0;color:#aab6c0;font-size:16px;line-height:1.6}.hpdc-trust{padding:22px 0;background:#fff;border-bottom:1px solid var(--hpdc-line);box-shadow:0 10px 30px rgba(3,17,31,.045)}.hpdc-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.hpdc-trust article{display:flex;align-items:center;gap:12px}.hpdc-trust article>b{width:42px;height:31px;display:grid;place-items:center;color:var(--hpdc-lime);background:var(--hpdc-hero);border-radius:999px;font-size:10px}.hpdc-trust article>span{display:grid}.hpdc-trust strong{font:800 12px/1.2 var(--hpdc-font);text-transform:uppercase}.hpdc-trust small{margin-top:4px;color:var(--hpdc-muted);font-size:10px}.hpdc-shop-section,.hpdc-form-section{padding:70px 0 96px;background:var(--hpdc-section)}.hpdc-shop-toolbar{margin-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:18px}.hpdc-category-filters{display:flex;gap:8px;flex-wrap:wrap}.hpdc-category-filters a{padding:10px 14px;color:var(--hpdc-text)!important;background:#fff!important;border:1px solid var(--hpdc-line)!important;border-radius:999px;font:800 11px/1 var(--hpdc-font);text-decoration:none!important}.hpdc-category-filters a:hover,.hpdc-category-filters a.is-active{color:#fff!important;background:var(--hpdc-hero)!important;border-color:var(--hpdc-hero)!important}.hpdc-toolbar-actions{display:flex;align-items:center;gap:10px}.hpdc-search{height:44px;display:flex;background:#fff;border:1px solid var(--hpdc-line);border-radius:999px;overflow:hidden}.hpdc-search input{width:220px;padding:0 16px;color:var(--hpdc-text);background:#fff;border:0!important;outline:0!important}.hpdc-search button{width:46px;padding:0!important;color:#fff!important;background:var(--hpdc-accent)!important;border:0!important}.hpdc-toolbar-actions .woocommerce-ordering{margin:0!important}.hpdc-toolbar-actions select{height:44px;padding:0 36px 0 13px;background:#fff;border:1px solid var(--hpdc-line);border-radius:999px;font-size:11px}.hpdc-result-row{margin-bottom:18px;color:var(--hpdc-muted);font-size:12px}.hpdc-result-row .woocommerce-result-count{float:none!important;margin:0!important}.hpdc-product-grid{display:grid;grid-template-columns:repeat(var(--hpdc-cols),minmax(0,1fr));gap:20px}.hpdc-product-card{min-width:0;padding:17px;background:var(--hpdc-card);border:1px solid rgba(3,17,31,.08);border-radius:var(--hpdc-radius);box-shadow:0 16px 45px rgba(3,17,31,.055);transition:transform .2s ease,box-shadow .2s ease}.hpdc-product-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(3,17,31,.11)}.hpdc-card-media{position:relative;height:350px;display:grid;place-items:center;background:#f8f6f1;border-radius:14px;overflow:hidden}.hpdc-card-slides{position:absolute;inset:18px;display:block}.hpdc-card-slide{position:absolute;inset:0;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .35s ease}.hpdc-card-slide.is-active{opacity:1;visibility:visible}.hpdc-card-slide img{width:100%;height:100%;object-fit:contain;border-radius:10px;filter:drop-shadow(0 16px 24px rgba(3,17,31,.17))}.hpdc-card-badge{position:absolute;z-index:5;top:13px;left:13px;padding:7px 10px;color:#fff;background:var(--hpdc-hero);border-radius:999px;font:800 9px/1 var(--hpdc-font);text-transform:uppercase}.hpdc-card-arrow{position:absolute;z-index:5;top:50%;width:36px;height:36px;padding:0!important;display:grid;place-items:center;color:var(--hpdc-text)!important;background:rgba(255,255,255,.96)!important;border:1px solid var(--hpdc-line)!important;border-radius:50%;opacity:0;transform:translateY(-50%);transition:.2s}.hpdc-card-media:hover .hpdc-card-arrow{opacity:1}.hpdc-card-prev{left:10px}.hpdc-card-next{right:10px}.hpdc-card-dots{position:absolute;z-index:5;left:50%;bottom:10px;display:flex;gap:5px;transform:translateX(-50%)}.hpdc-card-dots button{width:6px;height:6px;padding:0!important;background:#c7cdd1!important;border:0!important;border-radius:50%}.hpdc-card-dots button.is-active{background:var(--hpdc-accent)!important}.hpdc-card-body{padding:20px 5px 5px}.hpdc-kicker{color:#d9a22e;font:800 10px/1 var(--hpdc-font);letter-spacing:.12em;text-transform:uppercase}.hpdc-card-body h2{margin:9px 0 8px;font:800 21px/1.1 var(--hpdc-font);text-transform:uppercase}.hpdc-card-body h2 a{color:var(--hpdc-text)!important;text-decoration:none!important}.hpdc-card-body p{min-height:52px;margin:0;color:var(--hpdc-muted);font-size:13px;line-height:1.55}.hpdc-specs{margin:16px 0;display:flex;gap:7px;flex-wrap:wrap}.hpdc-specs span{padding:7px 9px;color:#59636d;background:#f2f4f4;border-radius:999px;font-size:10px}.hpdc-price-row{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:18px 0}.hpdc-price-row>strong{color:var(--hpdc-text);font:800 25px/1 var(--hpdc-font)}.hpdc-price-row del{color:#9099a1;font-size:12px}.hpdc-price-row ins{text-decoration:none}.hpdc-price-row>a{color:var(--hpdc-accent)!important;font:800 11px/1 var(--hpdc-font);text-decoration:none!important}.hpdc-card-actions{display:grid;grid-template-columns:1fr 48px;gap:8px}.hpdc-add{min-height:48px;padding:13px 18px!important;display:flex!important;align-items:center;justify-content:center;color:#fff!important;background:var(--hpdc-hero)!important;border:0!important;border-radius:999px!important;font:800 11px/1 var(--hpdc-font)!important;text-decoration:none!important}.hpdc-view{width:48px;height:48px;display:grid;place-items:center;color:var(--hpdc-text)!important;background:#fff!important;border:1px solid var(--hpdc-line)!important;border-radius:50%;text-decoration:none!important}.hpdc-add:hover{color:var(--hpdc-text)!important;background:var(--hpdc-lime)!important}.hpdc-view:hover{color:#fff!important;background:var(--hpdc-accent)!important;border-color:var(--hpdc-accent)!important}.hpdc-pagination{margin-top:35px}.hpdc-pagination .page-numbers{display:flex;gap:7px;justify-content:center;list-style:none}.hpdc-pagination a,.hpdc-pagination span{width:40px;height:40px;display:grid;place-items:center;color:var(--hpdc-text)!important;background:#fff!important;border:1px solid var(--hpdc-line)!important;border-radius:50%;text-decoration:none!important}.hpdc-pagination .current,.hpdc-pagination a:hover{color:#fff!important;background:var(--hpdc-accent)!important}.hpdc-empty{padding:60px;text-align:center;background:#fff;border-radius:var(--hpdc-radius)}
/* WooCommerce cart / checkout */
.hpdc-woocommerce-panel{padding:28px;background:#fff;border:1px solid var(--hpdc-line);border-radius:var(--hpdc-radius);box-shadow:0 18px 50px rgba(3,17,31,.06)}.hpdc-woocommerce-panel table{border-collapse:collapse!important;border:0!important}.hpdc-woocommerce-panel th,.hpdc-woocommerce-panel td{padding:16px!important;border-color:#edf0f2!important}.hpdc-woocommerce-panel .product-thumbnail img{width:72px!important;border-radius:8px}.hpdc-woocommerce-panel .product-name a{color:var(--hpdc-text)!important;font-weight:800;text-decoration:none!important}.hpdc-woocommerce-panel .quantity{display:none!important}.hpdc-woocommerce-panel input,.hpdc-woocommerce-panel select,.hpdc-woocommerce-panel textarea{min-height:48px;padding:11px 13px!important;background:#fff!important;border:1px solid var(--hpdc-line)!important;border-radius:9px!important}.hpdc-woocommerce-panel button.button,.hpdc-woocommerce-panel a.button,.hpdc-woocommerce-panel #place_order{min-height:48px;padding:13px 20px!important;color:#fff!important;background:var(--hpdc-hero)!important;border:0!important;border-radius:999px!important;font:800 11px/1 var(--hpdc-font)!important}.hpdc-woocommerce-panel #place_order,.hpdc-woocommerce-panel .checkout-button{color:var(--hpdc-text)!important;background:var(--hpdc-lime)!important}.hpdc-woocommerce-panel button.button:hover,.hpdc-woocommerce-panel a.button:hover{color:#fff!important;background:var(--hpdc-accent)!important}.hpdc-woocommerce-panel .cart_totals,.hpdc-woocommerce-panel #order_review,.hpdc-woocommerce-panel .woocommerce-checkout-review-order{padding:22px;background:#f8f8f6;border:1px solid var(--hpdc-line);border-radius:14px}.hpdc-woocommerce-panel .woocommerce-billing-fields h3,.hpdc-woocommerce-panel #order_review_heading,.hpdc-woocommerce-panel .cart_totals h2{color:var(--hpdc-text);font:800 25px/1.1 var(--hpdc-font);text-transform:uppercase}.hpdc-woocommerce-panel .woocommerce-checkout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:28px}.hpdc-woocommerce-panel .woocommerce-checkout #customer_details{grid-column:1}.hpdc-woocommerce-panel .woocommerce-checkout #order_review_heading,.hpdc-woocommerce-panel .woocommerce-checkout #order_review{grid-column:2}.hpdc-woocommerce-panel .woocommerce-checkout #order_review_heading{align-self:end;margin:0}.hpdc-confirmation-section{min-height:72vh;padding:70px 0;display:grid;align-items:center;background:var(--hpdc-section)}.hpdc-confirmation-card{max-width:820px;margin:auto;padding:55px;text-align:center;background:#fff;border:1px solid var(--hpdc-line);border-radius:22px;box-shadow:0 22px 65px rgba(3,17,31,.08)}.hpdc-confirmation-icon{width:72px;height:72px;margin:0 auto 20px;display:grid;place-items:center;color:var(--hpdc-text);background:var(--hpdc-lime);border-radius:50%;font-size:28px;font-weight:900}.hpdc-confirmation-card h1{margin:0 0 15px;color:var(--hpdc-text);font:800 clamp(40px,6vw,70px)/.98 var(--hpdc-font);text-transform:uppercase}.hpdc-confirmation-card>p{color:var(--hpdc-muted)}.hpdc-thankyou-content{text-align:left}.hpdc-back-shop{margin-top:22px;padding:14px 22px;display:inline-flex;color:#fff!important;background:var(--hpdc-hero);border-radius:999px;font-weight:800;text-decoration:none!important}
body.hpd-commerce-template .site-content,body.hpd-commerce-template .content-area,body.hpd-commerce-template #content,body.hpd-commerce-template .site-main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:var(--hpdc-bg,#fff)!important}body.hpd-commerce-template .woocommerce-breadcrumb,body.hpd-commerce-template .woocommerce-products-header{display:none!important}
@media(max-width:980px){.hpdc-product-grid{grid-template-columns:repeat(var(--hpdc-cols-tablet),minmax(0,1fr))}.hpdc-shop-toolbar{align-items:stretch;flex-direction:column}.hpdc-toolbar-actions{justify-content:space-between}.hpdc-trust-grid{grid-template-columns:repeat(2,1fr)}.hpdc-woocommerce-panel .woocommerce-checkout{grid-template-columns:1fr}.hpdc-woocommerce-panel .woocommerce-checkout #customer_details,.hpdc-woocommerce-panel .woocommerce-checkout #order_review_heading,.hpdc-woocommerce-panel .woocommerce-checkout #order_review{grid-column:1}}
@media(max-width:640px){.hpdc-shell{width:min(calc(100% - 28px),var(--hpdc-max))}.hpdc-page-head{padding:52px 0 45px}.hpdc-product-grid{grid-template-columns:repeat(var(--hpdc-cols-mobile),minmax(0,1fr))}.hpdc-trust-grid{grid-template-columns:1fr}.hpdc-toolbar-actions{align-items:stretch;flex-direction:column}.hpdc-search input{width:100%}.hpdc-toolbar-actions .woocommerce-ordering,.hpdc-toolbar-actions select{width:100%}.hpdc-card-media{height:315px}.hpdc-woocommerce-panel{padding:16px;overflow:auto}.hpdc-woocommerce-panel table.shop_table_responsive tr{display:block}.hpdc-confirmation-card{padding:35px 20px}}


/* 1.3.3 — Branding Hypno-Kit et mise en page checkout corrigée */
.hpdc-page a,
.hpdc-page a:visited {
    color: var(--hpdc-text);
}

.hpdc-page a:hover,
.hpdc-page a:focus {
    color: var(--hpdc-accent);
}

.hpdc-page .required,
.hpdc-page abbr.required {
    color: var(--hpdc-accent) !important;
    text-decoration: none !important;
}

.hpdc-page input[type="checkbox"],
.hpdc-page input[type="radio"] {
    accent-color: var(--hpdc-lime);
}

.hpdc-page .woocommerce-info,
.hpdc-page .woocommerce-message,
.hpdc-page .woocommerce-error {
    color: var(--hpdc-text) !important;
    background: #ffffff !important;
    border: 1px solid var(--hpdc-line) !important;
    border-top: 3px solid var(--hpdc-lime) !important;
    border-radius: 12px !important;
}

.hpdc-page .woocommerce-info::before,
.hpdc-page .woocommerce-message::before {
    color: var(--hpdc-text) !important;
}

.hpdc-page .woocommerce-error {
    border-top-color: #d9a22e !important;
}

.hpdc-page .woocommerce-info a,
.hpdc-page .woocommerce-message a,
.hpdc-page .showcoupon {
    color: var(--hpdc-text) !important;
    font-weight: 800 !important;
}

.hpdc-page .woocommerce-info a:hover,
.hpdc-page .woocommerce-message a:hover,
.hpdc-page .showcoupon:hover {
    color: var(--hpdc-accent) !important;
}

.hpdc-form-section {
    padding: 68px 0 92px;
    background: var(--hpdc-section);
}

.hpdc-checkout-page .hpdc-woocommerce-panel {
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.hpdc-checkout-page .woocommerce-form-coupon-toggle,
.hpdc-checkout-page form.checkout_coupon {
    margin-bottom: 22px;
}

.hpdc-checkout-page form.checkout_coupon {
    padding: 22px !important;
    background: #ffffff;
    border: 1px solid var(--hpdc-line) !important;
    border-radius: 14px;
}

.hpdc-checkout-page .woocommerce-checkout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 440px) !important;
    grid-template-rows: auto auto !important;
    align-items: start !important;
    gap: 14px 28px !important;
}

.hpdc-checkout-page .woocommerce-checkout #customer_details {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 30px !important;
    background: #ffffff !important;
    border: 1px solid var(--hpdc-line) !important;
    border-radius: var(--hpdc-radius) !important;
    box-shadow: 0 18px 50px rgba(3,17,31,.06) !important;
}

.hpdc-checkout-page #customer_details::before,
.hpdc-checkout-page #customer_details::after {
    display: none !important;
}

.hpdc-checkout-page #customer_details .col-1,
.hpdc-checkout-page #customer_details .col-2 {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

.hpdc-checkout-page #customer_details .col-2 {
    margin-top: 26px !important;
}

.hpdc-checkout-page .woocommerce-billing-fields__field-wrapper,
.hpdc-checkout-page .woocommerce-shipping-fields__field-wrapper,
.hpdc-checkout-page .woocommerce-additional-fields__field-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 17px 18px !important;
}

.hpdc-checkout-page .form-row {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
}

.hpdc-checkout-page .form-row-wide,
.hpdc-checkout-page .address-field,
.hpdc-checkout-page #billing_company_field,
.hpdc-checkout-page #billing_country_field,
.hpdc-checkout-page #billing_address_1_field,
.hpdc-checkout-page #billing_address_2_field,
.hpdc-checkout-page #billing_city_field,
.hpdc-checkout-page #billing_state_field,
.hpdc-checkout-page #billing_postcode_field,
.hpdc-checkout-page #billing_phone_field,
.hpdc-checkout-page #billing_email_field,
.hpdc-checkout-page #order_comments_field {
    grid-column: 1 / -1 !important;
}

.hpdc-checkout-page .form-row label {
    display: block !important;
    margin: 0 0 7px !important;
    color: var(--hpdc-text) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.hpdc-checkout-page .form-row input,
.hpdc-checkout-page .form-row select,
.hpdc-checkout-page .form-row textarea,
.hpdc-checkout-page .select2-container {
    width: 100% !important;
    max-width: none !important;
}

.hpdc-checkout-page .select2-container .select2-selection--single {
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    background: #ffffff !important;
    border: 1px solid var(--hpdc-line) !important;
    border-radius: 9px !important;
}

.hpdc-checkout-page .select2-selection__rendered {
    padding-left: 13px !important;
    color: var(--hpdc-text) !important;
}

.hpdc-checkout-page .select2-selection__arrow {
    top: 11px !important;
}

.hpdc-checkout-page input:focus,
.hpdc-checkout-page select:focus,
.hpdc-checkout-page textarea:focus,
.hpdc-checkout-page .select2-container--focus .select2-selection {
    outline: none !important;
    border-color: var(--hpdc-accent) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--hpdc-accent) 14%, transparent) !important;
}

.hpdc-checkout-page #order_review_heading {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: start !important;
    margin: 0 0 2px !important;
    padding: 0 4px !important;
}

.hpdc-checkout-page #order_review {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    position: sticky !important;
    top: 24px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 24px !important;
    background: #ffffff !important;
    border: 1px solid var(--hpdc-line) !important;
    border-radius: var(--hpdc-radius) !important;
    box-shadow: 0 18px 50px rgba(3,17,31,.06) !important;
}

.hpdc-checkout-page #order_review table {
    width: 100% !important;
    margin: 0 0 18px !important;
}

.hpdc-checkout-page #order_review th,
.hpdc-checkout-page #order_review td {
    padding: 14px 10px !important;
    color: var(--hpdc-text) !important;
    border-color: var(--hpdc-line) !important;
}

.hpdc-checkout-page #order_review .product-name {
    font-weight: 700 !important;
}

.hpdc-checkout-page #payment {
    margin-top: 16px !important;
    background: var(--hpdc-section) !important;
    border: 1px solid var(--hpdc-line) !important;
    border-radius: 13px !important;
}

.hpdc-checkout-page #payment ul.payment_methods {
    padding: 18px !important;
    border-bottom-color: var(--hpdc-line) !important;
}

.hpdc-checkout-page #payment div.payment_box {
    color: var(--hpdc-text) !important;
    background: #ffffff !important;
    border: 1px solid var(--hpdc-line) !important;
}

.hpdc-checkout-page #payment div.payment_box::before {
    border-bottom-color: #ffffff !important;
}

.hpdc-checkout-page #payment .place-order {
    padding: 18px !important;
}

.hpdc-checkout-page #place_order {
    width: 100% !important;
    min-height: 54px !important;
    color: #03111f !important;
    background: #d8ef19 !important;
    border: 1px solid #d8ef19 !important;
    font-size: 12px !important;
}

.hpdc-checkout-page #place_order:hover,
.hpdc-checkout-page #place_order:focus {
    color: #ffffff !important;
    background: #03111f !important;
    border-color: #03111f !important;
}

.hpdc-checkout-page .woocommerce-privacy-policy-text,
.hpdc-checkout-page .woocommerce-terms-and-conditions-checkbox-text {
    color: var(--hpdc-muted) !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
}

/* Cart page branding */
.hpdc-cart-page .woocommerce a,
.hpdc-cart-page .woocommerce a:visited {
    color: var(--hpdc-text) !important;
}

.hpdc-cart-page .woocommerce a:hover {
    color: var(--hpdc-accent) !important;
}

.hpdc-cart-page .checkout-button {
    color: #03111f !important;
    background: #d8ef19 !important;
}

.hpdc-cart-page .checkout-button:hover {
    color: #ffffff !important;
    background: #03111f !important;
}

/* Neutralise les couleurs roses provenant du thème / Elementor */
.hpdc-page .elementor a,
.hpdc-page .woocommerce a,
.hpdc-page .woocommerce button,
.hpdc-page .woocommerce input {
    --e-global-color-accent: var(--hpdc-accent);
}

@media (max-width: 1020px) {
    .hpdc-checkout-page .woocommerce-checkout {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto !important;
    }

    .hpdc-checkout-page .woocommerce-checkout #customer_details,
    .hpdc-checkout-page #order_review_heading,
    .hpdc-checkout-page #order_review {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    .hpdc-checkout-page #order_review {
        position: static !important;
    }
}

@media (max-width: 680px) {
    .hpdc-form-section {
        padding: 38px 0 60px;
    }

    .hpdc-checkout-page .woocommerce-billing-fields__field-wrapper,
    .hpdc-checkout-page .woocommerce-shipping-fields__field-wrapper,
    .hpdc-checkout-page .woocommerce-additional-fields__field-wrapper {
        grid-template-columns: 1fr !important;
    }

    .hpdc-checkout-page .form-row,
    .hpdc-checkout-page .form-row-first,
    .hpdc-checkout-page .form-row-last,
    .hpdc-checkout-page .form-row-wide {
        grid-column: 1 !important;
    }

    .hpdc-checkout-page .woocommerce-checkout #customer_details,
    .hpdc-checkout-page #order_review {
        padding: 20px !important;
    }
}


/* 1.3.4 — colonnes checkout réellement alignées dès le haut */
.hpdc-checkout-page form.checkout.woocommerce-checkout {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr) !important;
    grid-template-areas:
        "customer order-title"
        "customer order-review" !important;
    grid-template-rows: auto 1fr !important;
    align-items: start !important;
    column-gap: 28px !important;
    row-gap: 12px !important;
}

.hpdc-checkout-page form.checkout.woocommerce-checkout > #customer_details {
    grid-area: customer !important;
    align-self: start !important;
    float: none !important;
    clear: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
}

.hpdc-checkout-page form.checkout.woocommerce-checkout > #order_review_heading {
    grid-area: order-title !important;
    align-self: start !important;
    float: none !important;
    clear: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 2px 4px 8px !important;
}

.hpdc-checkout-page form.checkout.woocommerce-checkout > #order_review {
    grid-area: order-review !important;
    align-self: start !important;
    float: none !important;
    clear: none !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    position: sticky !important;
    top: 24px !important;
}

.hpdc-checkout-page #customer_details,
.hpdc-checkout-page #customer_details .col-1,
.hpdc-checkout-page #customer_details .col-2,
.hpdc-checkout-page .woocommerce-billing-fields,
.hpdc-checkout-page .woocommerce-billing-fields__field-wrapper {
    max-width: none !important;
}

.hpdc-checkout-page #customer_details .col-2:empty,
.hpdc-checkout-page #customer_details .woocommerce-shipping-fields:empty,
.hpdc-checkout-page #customer_details .woocommerce-additional-fields:empty {
    display: none !important;
}

.hpdc-checkout-page form.checkout.woocommerce-checkout
.woocommerce-billing-fields__field-wrapper {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 17px 18px !important;
}

.hpdc-checkout-page form.checkout.woocommerce-checkout
.woocommerce-billing-fields__field-wrapper > .form-row {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

.hpdc-checkout-page form.checkout.woocommerce-checkout
.woocommerce-billing-fields__field-wrapper input,
.hpdc-checkout-page form.checkout.woocommerce-checkout
.woocommerce-billing-fields__field-wrapper select,
.hpdc-checkout-page form.checkout.woocommerce-checkout
.woocommerce-billing-fields__field-wrapper .select2-container {
    width: 100% !important;
    max-width: none !important;
}

.hpdc-checkout-page #billing_company_field,
.hpdc-checkout-page #billing_company_number_field,
.hpdc-checkout-page #billing_vat_number_field,
.hpdc-checkout-page #billing_country_field,
.hpdc-checkout-page #billing_address_1_field,
.hpdc-checkout-page #billing_address_2_field,
.hpdc-checkout-page #billing_city_field,
.hpdc-checkout-page #billing_state_field,
.hpdc-checkout-page #billing_postcode_field,
.hpdc-checkout-page #billing_phone_field,
.hpdc-checkout-page #billing_email_field {
    grid-column: 1 / -1 !important;
}

/* Deux colonnes maintenues jusqu’à 780 px pour éviter que le résumé descende sous tout le formulaire. */
@media (max-width: 780px) {
    .hpdc-checkout-page form.checkout.woocommerce-checkout {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "customer"
            "order-title"
            "order-review" !important;
    }

    .hpdc-checkout-page form.checkout.woocommerce-checkout > #order_review {
        position: static !important;
    }
}

@media (max-width: 560px) {
    .hpdc-checkout-page form.checkout.woocommerce-checkout
    .woocommerce-billing-fields__field-wrapper {
        grid-template-columns: 1fr !important;
    }

    .hpdc-checkout-page #billing_first_name_field,
    .hpdc-checkout-page #billing_last_name_field {
        grid-column: 1 !important;
    }
}


/* 1.3.5 — texte du bouton Valider la commande toujours visible */
.hpdc-cart-page a.checkout-button.button.alt.wc-forward,
.hpdc-cart-page a.checkout-button.button.alt.wc-forward:link,
.hpdc-cart-page a.checkout-button.button.alt.wc-forward:visited,
.hpdc-cart-page .cart_totals a.checkout-button,
.hpdc-cart-page .wc-proceed-to-checkout a.checkout-button {
    min-height: 54px !important;
    padding: 16px 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #03111f !important;
    -webkit-text-fill-color: #03111f !important;
    background: #d8ef19 !important;
    border: 2px solid #d8ef19 !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-indent: 0 !important;
    text-shadow: none !important;
    font-family: var(--hpdc-font) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: normal !important;
}

.hpdc-cart-page a.checkout-button.button.alt.wc-forward:hover,
.hpdc-cart-page a.checkout-button.button.alt.wc-forward:focus,
.hpdc-cart-page .cart_totals a.checkout-button:hover,
.hpdc-cart-page .wc-proceed-to-checkout a.checkout-button:hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: #03111f !important;
    border-color: #03111f !important;
}

.hpdc-cart-page .wc-proceed-to-checkout {
    display: block !important;
}

.hpdc-cart-page .wc-proceed-to-checkout a.checkout-button::before,
.hpdc-cart-page .wc-proceed-to-checkout a.checkout-button::after {
    color: inherit !important;
}


/* ==========================================================
   1.4.4 — Pagination harmonisée et images PDF globales
   ========================================================== */

.hpdc-pagination,
.hcp-pagination,
nav.woocommerce-pagination{
    margin-top:38px !important;
}

.hpdc-pagination ul.page-numbers,
.hcp-pagination ul.page-numbers,
nav.woocommerce-pagination ul.page-numbers{
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    border:0 !important;
    list-style:none !important;
}

.hpdc-pagination ul.page-numbers li,
.hcp-pagination ul.page-numbers li,
nav.woocommerce-pagination ul.page-numbers li{
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    border:0 !important;
}

.hpdc-pagination .page-numbers a,
.hpdc-pagination .page-numbers span,
.hcp-pagination .page-numbers a,
.hcp-pagination .page-numbers span,
nav.woocommerce-pagination .page-numbers a,
nav.woocommerce-pagination .page-numbers span{
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    color:var(--hpdc-text,#071523) !important;
    background:#fff !important;
    border:1px solid var(--hpdc-line,#dfe3e6) !important;
    border-radius:50% !important;
    box-shadow:0 6px 16px rgba(3,17,31,.05) !important;
    font:800 12px/1 var(--hpdc-font,Inter,sans-serif) !important;
    text-decoration:none !important;
    transition:all .18s ease !important;
}

.hpdc-pagination .page-numbers .current,
.hpdc-pagination .page-numbers a:hover,
.hcp-pagination .page-numbers .current,
.hcp-pagination .page-numbers a:hover,
nav.woocommerce-pagination .page-numbers .current,
nav.woocommerce-pagination .page-numbers a:hover{
    color:#03111f !important;
    background:var(--hpdc-lime,#d8ef19) !important;
    border-color:var(--hpdc-lime,#d8ef19) !important;
    transform:translateY(-1px);
}

img[data-hpd-pdf-preview]{
    opacity:.78;
    transition:opacity .25s ease,filter .25s ease;
}

img.hpd-pdf-preview-ready{
    opacity:1;
    filter:none;
}


/* ==========================================================
   1.4.5 — Page Mon compte Hypno-Kit
   ========================================================== */

.hpdc-account-page {
    min-height: 70vh;
    background: var(--hpdc-bg);
}

.hpdc-account-head {
    position: relative;
    overflow: hidden;
    padding: 62px 0 68px;
    background:
        radial-gradient(
            circle at 84% 18%,
            color-mix(in srgb, var(--hpdc-lime) 12%, transparent),
            transparent 29%
        ),
        linear-gradient(
            135deg,
            var(--hpdc-hero),
            color-mix(in srgb, var(--hpdc-hero) 85%, #0a3550)
        );
}

.hpdc-account-head::after {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    right: -110px;
    bottom: -230px;
    background: color-mix(
        in srgb,
        var(--hpdc-accent) 10%,
        transparent
    );
    border-radius: 50%;
    pointer-events: none;
}

.hpdc-account-head .hpdc-shell {
    position: relative;
    z-index: 1;
}

.hpdc-account-head h1,
.hpdc-account-head p {
    color: #ffffff;
}

.hpdc-account-head h1 {
    max-width: 860px;
    margin: 9px 0 15px;
    font-size: clamp(38px, 5vw, 68px);
    line-height: .98;
    letter-spacing: -.05em;
    text-transform: uppercase;
}

.hpdc-account-head p {
    max-width: 700px;
    margin: 0;
    color: rgba(255, 255, 255, .72);
    font-size: 15px;
    line-height: 1.7;
}

.hpdc-account-section {
    padding: 54px 0 90px;
    background:
        linear-gradient(
            180deg,
            var(--hpdc-section) 0,
            #ffffff 260px
        );
}

.hpdc-account-summary {
    margin: 0 0 24px;
    padding: 20px;
    display: grid;
    grid-template-columns: minmax(250px, 1fr) minmax(420px, .9fr);
    align-items: center;
    gap: 22px;
    background: #ffffff;
    border: 1px solid var(--hpdc-line);
    border-radius: var(--hpdc-radius);
    box-shadow: 0 16px 46px rgba(3, 17, 31, .07);
}

.hpdc-account-user {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 16px;
}

.hpdc-account-avatar {
    width: 74px;
    height: 74px;
    flex: 0 0 74px;
    overflow: hidden;
    background: var(--hpdc-section);
    border: 4px solid #ffffff;
    border-radius: 22px;
    box-shadow: 0 8px 22px rgba(3, 17, 31, .12);
}

.hpdc-account-avatar img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.hpdc-account-user span,
.hpdc-account-user strong,
.hpdc-account-user small {
    display: block;
}

.hpdc-account-user span {
    margin-bottom: 4px;
    color: var(--hpdc-accent);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.hpdc-account-user strong {
    color: var(--hpdc-text);
    font: 800 24px/1.1 var(--hpdc-font);
}

.hpdc-account-user small {
    margin-top: 5px;
    color: var(--hpdc-muted);
    font-size: 11px;
    overflow-wrap: anywhere;
}

.hpdc-account-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.hpdc-account-stats article {
    min-width: 0;
    min-height: 78px;
    padding: 14px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 5px;
    text-align: center;
    background: var(--hpdc-section);
    border: 1px solid var(--hpdc-line);
    border-radius: 13px;
}

.hpdc-account-stats b {
    color: var(--hpdc-text);
    font: 800 22px/1 var(--hpdc-font);
}

.hpdc-account-stats span {
    color: var(--hpdc-muted);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.25;
}

.hpdc-account-status-dot {
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    color: #03111f !important;
    background: var(--hpdc-lime);
    border-radius: 50%;
    font-size: 13px !important;
}

.hpdc-account-panel {
    padding: 22px;
    background: #ffffff;
    border: 1px solid var(--hpdc-line);
    border-radius: var(--hpdc-radius);
    box-shadow: 0 18px 52px rgba(3, 17, 31, .07);
}

.hpdc-account-panel > .woocommerce {
    width: 100%;
}

.hpdc-account-panel .woocommerce::before,
.hpdc-account-panel .woocommerce::after {
    display: none !important;
}

.hpdc-account-panel .woocommerce:has(.woocommerce-MyAccount-navigation) {
    display: grid;
    grid-template-columns: minmax(220px, 270px) minmax(0, 1fr);
    align-items: start;
    gap: 24px;
}

/* Navigation */

.hpdc-account-panel .woocommerce-MyAccount-navigation {
    width: 100%;
    margin: 0;
    padding: 10px;
    position: sticky;
    top: 120px;
    float: none;
    color: #ffffff;
    background:
        linear-gradient(
            160deg,
            var(--hpdc-hero),
            color-mix(in srgb, var(--hpdc-hero) 82%, #0b3550)
        );
    border: 1px solid color-mix(
        in srgb,
        var(--hpdc-hero) 72%,
        #ffffff
    );
    border-radius: 15px;
    box-shadow: 0 16px 38px rgba(3, 17, 31, .17);
}

.hpdc-account-panel .woocommerce-MyAccount-navigation ul {
    margin: 0 !important;
    padding: 0 !important;
    display: grid;
    gap: 6px;
    list-style: none !important;
}

.hpdc-account-panel .woocommerce-MyAccount-navigation li {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    list-style: none !important;
}

.hpdc-account-panel .woocommerce-MyAccount-navigation li::marker {
    content: "";
}

.hpdc-account-panel .woocommerce-MyAccount-navigation a {
    min-height: 45px;
    padding: 10px 13px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, .72) !important;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.3;
    text-decoration: none !important;
    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease,
        transform .18s ease;
}

.hpdc-account-panel .woocommerce-MyAccount-navigation a::before {
    content: "";
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    background: color-mix(
        in srgb,
        var(--hpdc-lime) 36%,
        transparent
    );
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(216, 239, 25, .06);
}

.hpdc-account-panel .woocommerce-MyAccount-navigation li.is-active a,
.hpdc-account-panel .woocommerce-MyAccount-navigation a:hover,
.hpdc-account-panel .woocommerce-MyAccount-navigation a:focus-visible {
    color: #03111f !important;
    background: var(--hpdc-lime);
    border-color: var(--hpdc-lime);
    transform: translateX(2px);
}

.hpdc-account-panel .woocommerce-MyAccount-navigation li.is-active a::before,
.hpdc-account-panel .woocommerce-MyAccount-navigation a:hover::before {
    background: #03111f;
    box-shadow: none;
}

/* Contenu */

.hpdc-account-panel .woocommerce-MyAccount-content {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 28px;
    float: none;
    color: var(--hpdc-text);
    background:
        linear-gradient(
            180deg,
            #ffffff,
            color-mix(in srgb, var(--hpdc-section) 42%, #ffffff)
        );
    border: 1px solid var(--hpdc-line);
    border-radius: 15px;
}

.hpdc-account-panel .woocommerce-MyAccount-content > :first-child {
    margin-top: 0 !important;
}

.hpdc-account-panel .woocommerce-MyAccount-content > :last-child {
    margin-bottom: 0 !important;
}

.hpdc-account-panel .woocommerce-MyAccount-content p {
    color: var(--hpdc-muted);
    font-size: 13px;
    line-height: 1.7;
}

.hpdc-account-panel .woocommerce-MyAccount-content a {
    color: var(--hpdc-text) !important;
    font-weight: 750;
    text-decoration-color: color-mix(
        in srgb,
        var(--hpdc-accent) 55%,
        transparent
    );
    text-underline-offset: 3px;
}

.hpdc-account-panel .woocommerce-MyAccount-content a:hover {
    color: var(--hpdc-accent) !important;
}

.hpdc-account-panel h2,
.hpdc-account-panel h3,
.hpdc-account-panel legend {
    color: var(--hpdc-text) !important;
    font-family: var(--hpdc-font) !important;
    font-weight: 800 !important;
    letter-spacing: -.025em;
}

.hpdc-account-panel h2 {
    font-size: clamp(24px, 3vw, 36px) !important;
}

.hpdc-account-panel h3,
.hpdc-account-panel legend {
    font-size: 19px !important;
}

/* Tableaux commandes, téléchargements et moyens de paiement */

.hpdc-account-panel table.shop_table,
.hpdc-account-panel table.woocommerce-orders-table,
.hpdc-account-panel table.woocommerce-table {
    width: 100% !important;
    margin: 18px 0 0 !important;
    overflow: hidden;
    background: #ffffff !important;
    border: 1px solid var(--hpdc-line) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 13px !important;
}

.hpdc-account-panel table th {
    padding: 14px 13px !important;
    color: var(--hpdc-text) !important;
    background: var(--hpdc-section) !important;
    border-color: var(--hpdc-line) !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.hpdc-account-panel table td {
    padding: 15px 13px !important;
    color: var(--hpdc-text) !important;
    background: #ffffff !important;
    border-color: var(--hpdc-line) !important;
    font-size: 12px !important;
    vertical-align: middle !important;
}

.hpdc-account-panel table .button,
.hpdc-account-panel .woocommerce-button,
.hpdc-account-panel button.button,
.hpdc-account-panel input.button,
.hpdc-account-panel a.button {
    min-height: 40px !important;
    padding: 10px 15px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #03111f !important;
    background: var(--hpdc-lime) !important;
    border: 1px solid var(--hpdc-lime) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

.hpdc-account-panel table .button:hover,
.hpdc-account-panel .woocommerce-button:hover,
.hpdc-account-panel button.button:hover,
.hpdc-account-panel input.button:hover,
.hpdc-account-panel a.button:hover {
    color: #ffffff !important;
    background: var(--hpdc-hero) !important;
    border-color: var(--hpdc-hero) !important;
}

/* Adresses */

.hpdc-account-panel .woocommerce-Addresses {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.hpdc-account-panel .woocommerce-Address {
    width: 100% !important;
    margin: 0 !important;
    padding: 20px !important;
    float: none !important;
    background: #ffffff;
    border: 1px solid var(--hpdc-line);
    border-radius: 13px;
}

.hpdc-account-panel .woocommerce-Address-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.hpdc-account-panel .woocommerce-Address address {
    margin: 14px 0 0;
    color: var(--hpdc-muted);
    font-size: 12px;
    font-style: normal;
    line-height: 1.7;
}

/* Formulaires */

.hpdc-account-panel form {
    color: var(--hpdc-text);
}

.hpdc-account-panel fieldset {
    margin: 24px 0 0;
    padding: 20px;
    background: #ffffff;
    border: 1px solid var(--hpdc-line);
    border-radius: 13px;
}

.hpdc-account-panel .form-row {
    margin: 0 0 16px !important;
}

.hpdc-account-panel .form-row label {
    margin-bottom: 7px !important;
    display: block !important;
    color: var(--hpdc-text) !important;
    font-size: 11px !important;
    font-weight: 750 !important;
}

.hpdc-account-panel input.input-text,
.hpdc-account-panel input[type="text"],
.hpdc-account-panel input[type="email"],
.hpdc-account-panel input[type="password"],
.hpdc-account-panel input[type="tel"],
.hpdc-account-panel select,
.hpdc-account-panel textarea {
    width: 100% !important;
    min-height: 48px !important;
    padding: 11px 13px !important;
    color: var(--hpdc-text) !important;
    background: #ffffff !important;
    border: 1px solid var(--hpdc-line) !important;
    border-radius: 9px !important;
    box-shadow: none !important;
}

.hpdc-account-panel textarea {
    min-height: 120px !important;
}

.hpdc-account-panel input:focus,
.hpdc-account-panel select:focus,
.hpdc-account-panel textarea:focus {
    outline: none !important;
    border-color: var(--hpdc-accent) !important;
    box-shadow: 0 0 0 3px color-mix(
        in srgb,
        var(--hpdc-accent) 13%,
        transparent
    ) !important;
}

/* Connexion / inscription lorsque le client est déconnecté */

.hpdc-account-panel #customer_login {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.hpdc-account-panel #customer_login .u-column1,
.hpdc-account-panel #customer_login .u-column2 {
    width: 100% !important;
    margin: 0 !important;
    padding: 25px !important;
    float: none !important;
    background: #ffffff;
    border: 1px solid var(--hpdc-line);
    border-radius: 14px;
}

.hpdc-account-panel .woocommerce-form-login,
.hpdc-account-panel .woocommerce-form-register {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Notices */

.hpdc-account-panel .woocommerce-message,
.hpdc-account-panel .woocommerce-info,
.hpdc-account-panel .woocommerce-error {
    margin: 0 0 18px !important;
    color: var(--hpdc-text) !important;
    background: #ffffff !important;
    border: 1px solid var(--hpdc-line) !important;
    border-top: 3px solid var(--hpdc-lime) !important;
    border-radius: 11px !important;
}

.hpdc-account-panel .woocommerce-error {
    border-top-color: var(--hpdc-accent) !important;
}

/* Pagination du compte */

.hpdc-account-panel .woocommerce-pagination {
    margin-top: 24px;
}

.hpdc-account-panel .woocommerce-pagination .button {
    min-width: 44px;
}

/* Responsive */

@media (max-width: 980px) {
    .hpdc-account-summary {
        grid-template-columns: 1fr;
    }

    .hpdc-account-panel .woocommerce:has(.woocommerce-MyAccount-navigation) {
        grid-template-columns: 1fr;
    }

    .hpdc-account-panel .woocommerce-MyAccount-navigation {
        position: static;
    }

    .hpdc-account-panel .woocommerce-MyAccount-navigation ul {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .hpdc-account-panel .woocommerce-MyAccount-navigation a {
        justify-content: center;
        text-align: center;
    }
}

@media (max-width: 720px) {
    .hpdc-account-head {
        padding: 44px 0 50px;
    }

    .hpdc-account-section {
        padding: 36px 0 62px;
    }

    .hpdc-account-summary,
    .hpdc-account-panel {
        padding: 15px;
    }

    .hpdc-account-stats {
        grid-template-columns: 1fr;
    }

    .hpdc-account-panel .woocommerce-MyAccount-navigation ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hpdc-account-panel .woocommerce-MyAccount-content {
        padding: 20px;
    }

    .hpdc-account-panel .woocommerce-Addresses,
    .hpdc-account-panel #customer_login {
        grid-template-columns: 1fr;
    }

    .hpdc-account-panel table.shop_table_responsive thead {
        display: none !important;
    }

    .hpdc-account-panel table.shop_table_responsive tr {
        display: block !important;
        padding: 10px !important;
        border-bottom: 1px solid var(--hpdc-line) !important;
    }

    .hpdc-account-panel table.shop_table_responsive td {
        width: 100% !important;
        padding: 10px !important;
        display: flex !important;
        justify-content: space-between !important;
        gap: 12px;
        text-align: right !important;
        border: 0 !important;
    }

    .hpdc-account-panel table.shop_table_responsive td::before {
        color: var(--hpdc-muted);
        font-size: 10px;
        font-weight: 800;
        text-align: left;
    }
}

@media (max-width: 520px) {
    .hpdc-account-user {
        align-items: flex-start;
    }

    .hpdc-account-avatar {
        width: 62px;
        height: 62px;
        flex-basis: 62px;
        border-radius: 17px;
    }

    .hpdc-account-user strong {
        font-size: 20px;
    }

    .hpdc-account-panel .woocommerce-MyAccount-navigation ul {
        grid-template-columns: 1fr;
    }

    .hpdc-account-panel .woocommerce-MyAccount-navigation a {
        justify-content: flex-start;
        text-align: left;
    }

    .hpdc-account-panel .woocommerce-MyAccount-content {
        padding: 16px;
    }
}