/* Phefar – giao diện WooCommerce (thay toàn bộ CSS mặc định của WooCommerce). */

/* ---------- Chung ---------- */
.woo{padding-top:4px}
.woo .crumb,.woocommerce-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:.85rem;color:var(--tx3);padding:20px 0 0;margin:0 0 14px;list-style:none}
.woo .crumb li+li::before{content:"/";margin-right:8px;opacity:.6}
.woo .crumb a{color:var(--tx2);text-decoration:none}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.woocommerce-Price-amount{white-space:nowrap}
.price del,.pp del{color:var(--tx3);font-weight:500;font-size:.85em;margin-left:6px;text-decoration:line-through}
.price ins,.pp ins{text-decoration:none}
.price del+ins,.pp del+ins{order:-1}

/* Nút WooCommerce theo kiểu nút Phefar */
.woocommerce .button,.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,.wc-block-components-button,
#place_order,.single_add_to_cart_button,.checkout-button,.woocommerce-mini-cart__buttons a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 24px;border:0;border-radius:var(--r-pz);background:var(--pk);color:var(--ch);font:700 1.05rem/1.1 "Be Vietnam Pro",sans-serif;text-decoration:none;cursor:pointer;transition:transform .2s,border-radius .25s}
.woocommerce .button:hover,#place_order:hover,.single_add_to_cart_button:hover{border-radius:var(--r-md)}
.woocommerce .button.alt,.woocommerce button.button.alt{background:var(--pk);color:var(--ch)}
.woocommerce .button:disabled,.woocommerce .button.disabled{opacity:.5;cursor:not-allowed}
.woocommerce-mini-cart__buttons a:not(.checkout),.woocommerce a.button.wc-backward,.woocommerce .woocommerce-Button--previous,
.woocommerce button[name=update_cart],.woocommerce button[name=apply_coupon]{background:transparent;color:var(--tx);box-shadow:inset 0 0 0 2px var(--ln)}
.btn.line.add_to_cart_button,.ci .pr .button{min-height:40px;padding:0 16px;font-size:.95rem;background:transparent;color:var(--tx);box-shadow:inset 0 0 0 2px var(--ln);border-radius:999px}
.add_to_cart_button.loading{opacity:.6}
.add_to_cart_button.added{box-shadow:inset 0 0 0 2px var(--pk)}
a.added_to_cart{display:none}

/* Ô nhập */
.woocommerce form .form-row{display:grid;gap:6px;margin:0 0 14px}
.woocommerce form .form-row label{font-size:.88rem;font-weight:600;color:var(--tx2)}
.woocommerce form .form-row .required{color:var(--pk-tx);text-decoration:none}
.woocommerce input.input-text,.woocommerce textarea,.woocommerce select,.woocommerce .select2-container .select2-selection,
.woocommerce form .form-row input,.woocommerce-cart .quantity input,.quantity .qty{width:100%;min-height:48px;background:var(--card);border:1.5px solid var(--ln);border-radius:10px;padding:10px 14px;color:var(--tx);font:500 1rem "Be Vietnam Pro",sans-serif;box-sizing:border-box}
.woocommerce input.input-text:focus,.woocommerce textarea:focus,.woocommerce select:focus{outline:none;border-color:var(--pk)}
.woocommerce form .form-row input[type=checkbox],.woocommerce form .form-row input[type=radio]{width:18px;height:18px;min-height:0;accent-color:var(--pk)}
.select2-container .select2-selection--single{height:48px;display:flex;align-items:center}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--tx);line-height:46px;padding-left:0}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:46px}
.select2-dropdown{background:var(--bg);color:var(--tx);border-color:var(--ln)}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--pk);color:#000}
.select2-search__field{background:var(--card);color:var(--tx);border:1px solid var(--ln)}
.woocommerce-input-wrapper{display:block}

/* Thông báo */
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews,.wc-block-components-notice-banner{list-style:none;margin:0 0 18px;padding:14px 16px;border-radius:var(--r-md);background:var(--card);color:var(--tx);display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;font-size:.95rem}
.woocommerce-message{box-shadow:inset 4px 0 0 var(--pk)}
.woocommerce-error{box-shadow:inset 4px 0 0 #E5484D}
.woocommerce-error li{margin:0}
.woocommerce-message .button,.woocommerce-info .button{min-height:40px;font-size:.9rem;padding:0 14px}

/* ---------- Danh mục / cửa hàng ---------- */
.chero .cdesc p{margin:0}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.chips .chip{border-radius:999px;min-height:40px}
.chips .chip.on{background:var(--tx);color:var(--bg);box-shadow:none}
.woocommerce-result-count{color:var(--tx3);font-size:.9rem;margin:0}
.woocommerce-ordering{margin:0 0 18px}
.woocommerce-ordering select{width:auto;min-height:42px;background:var(--card);color:var(--tx);border:1.5px solid var(--ln);border-radius:10px;padding:8px 12px;font:600 .9rem "Be Vietnam Pro",sans-serif}
.woocommerce-result-count+.woocommerce-ordering,.woo .woocommerce-ordering{float:none}
.woo .woocommerce-notices-wrapper+.woocommerce-result-count{display:inline-block}
ul.products{list-style:none;padding:0;margin:0}
ul.products.pgrid{display:grid}
ul.products::before,ul.products::after{display:none}
.card .cimg{display:block;aspect-ratio:1;background:var(--img);overflow:hidden}
.card .cimg img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.card:hover .cimg img{transform:scale(1.04)}
.card .ci .rate{margin:0 0 8px}
.card .pp{font-weight:800;font-size:1.05rem;letter-spacing:-.02em;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px}
.card .onsale{display:none}
.woocommerce-pagination ul{display:flex;gap:8px;list-style:none;padding:0;margin:32px 0 0;flex-wrap:wrap}
.woocommerce-pagination .page-numbers{border:0}
.woocommerce-info.woocommerce-no-products-found{display:block}

/* ---------- Trang sản phẩm ---------- */
.woo div.product{display:grid;gap:28px;margin-top:6px;position:relative}
@media(min-width:900px){.woo div.product{grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}.woo div.product>.woocommerce-tabs,.woo div.product>.related,.woo div.product>.upsells,.woo div.product>.up-sells{grid-column:1/-1}}
.woo div.product .onsale{position:absolute;top:14px;left:14px;z-index:3;font-size:.9rem;font-weight:800;padding:5px 11px;border-radius:999px;background:var(--pk);color:#000}
.woocommerce-product-gallery{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--card)}
.woocommerce-product-gallery__wrapper{margin:0}
.woocommerce-product-gallery img{width:100%;height:auto;display:block}
.woocommerce-product-gallery .flex-control-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;list-style:none;padding:8px;margin:0}
.woocommerce-product-gallery .flex-control-thumbs img{border-radius:10px;opacity:.6;cursor:pointer}
.woocommerce-product-gallery .flex-control-thumbs img.flex-active{opacity:1;box-shadow:0 0 0 2px var(--pk)}
.woocommerce-product-gallery__trigger{position:absolute;top:12px;right:12px;z-index:5;width:44px;height:44px;border-radius:50%;background:var(--bg);display:grid;place-items:center;font-size:0;text-decoration:none}
.woocommerce-product-gallery__trigger::before{content:"⤢";font-size:1.2rem;color:var(--tx)}
.summary .product_title{font-size:clamp(2rem,5vw,3rem);line-height:1.05;letter-spacing:-.04em;margin:4px 0 10px}
.summary .rate{margin:0 0 14px}
.summary .rate a{color:var(--tx2)}
.summary .woocommerce-product-rating{display:flex;align-items:center;gap:8px;margin:0 0 14px}
.summary .price{font-size:2rem;font-weight:800;letter-spacing:-.03em;margin:0 0 16px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;color:var(--tx)}
.summary .woocommerce-product-details__short-description{color:var(--tx2);font-size:1.05rem}
.summary form.cart{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 10px}
.summary form.cart .quantity{width:110px}
.summary form.cart .single_add_to_cart_button{flex:1;min-width:180px}
.summary .stock{font-weight:600}
.summary .stock.out-of-stock{color:#E5484D}
.summary .product_meta{font-size:.85rem;color:var(--tx3);margin-top:16px;display:grid;gap:4px}
.summary .product_meta a{color:var(--tx2)}
.pdp-as{list-style:none;padding:0;margin:14px 0 0}
.pdp-pol{font-size:.88rem;margin:10px 0 0}
.pdp-pol a{color:var(--tx2)}
.woocommerce-tabs{margin-top:20px}
.woocommerce-tabs ul.tabs{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:0 0 18px}
.woocommerce-tabs ul.tabs li a{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;box-shadow:inset 0 0 0 2px var(--ln);text-decoration:none;color:var(--tx);font-weight:700}
.woocommerce-tabs ul.tabs li.active a{background:var(--tx);color:var(--bg);box-shadow:none}
.woocommerce-Tabs-panel{color:var(--tx2);line-height:1.7}
.woocommerce-Tabs-panel h2{color:var(--tx);font-size:1.4rem}
.woocommerce-Tabs-panel table.shop_attributes{width:100%;border-collapse:collapse}
.shop_attributes th,.shop_attributes td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--ln)}
.related>h2,.upsells>h2,.up-sells>h2,.cross-sells>h2{font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:-.03em;margin:48px 0 20px}

/* Sao đánh giá (không dùng font của WooCommerce) */
.star-rating{position:relative;display:inline-block;font-size:1rem;line-height:1;letter-spacing:2px;color:var(--ln);overflow:hidden;width:5.6em;height:1.1em}
.star-rating::before{content:"★★★★★";position:absolute;inset:0}
.star-rating span{position:absolute;top:0;left:0;height:100%;overflow:hidden;padding-top:1.5em;color:var(--pk)}
.star-rating span::before{content:"★★★★★";position:absolute;top:0;left:0}
.star-rating span strong,.star-rating span .rating{display:none}
p.stars{margin:4px 0 0}p.stars span{display:inline-flex;gap:6px}p.stars a{position:relative;display:inline-grid;place-items:center;width:36px;height:36px;font-size:0;text-decoration:none;border-radius:8px}p.stars a:focus-visible{outline:2px solid var(--pk);outline-offset:2px}
p.stars a::before{content:"★";font-size:2rem;line-height:1;color:var(--tx3);opacity:.55;transition:color .15s}
p.stars:hover a::before,p.stars.selected a::before{color:var(--pk);opacity:1}
p.stars a:hover~a::before,p.stars.selected a.active~a::before{color:var(--tx3);opacity:.55}
#reviews ol.commentlist{list-style:none;padding:0;margin:0 0 24px}
#reviews .comment_container{padding:18px 0;border-bottom:1px solid var(--ln)}
#reviews .comment_container img.avatar{display:none}
#reviews .meta{color:var(--tx3);font-size:.85rem}
#review_form_wrapper{background:var(--card);border-radius:var(--r-lg);padding:22px}
#review_form textarea{min-height:120px}

/* ---------- Giỏ hàng trượt (mini cart) ---------- */
#cartPanel .widget_shopping_cart_content{display:flex;flex-direction:column;gap:14px}
.woocommerce-mini-cart{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.woocommerce-mini-cart .pf-x{display:block;padding:0;border:0}
.mini_cart_item{position:relative;display:grid;grid-template-columns:64px 1fr;gap:4px 12px;align-items:center;padding:0 34px 12px 0;border-bottom:1px solid var(--ln);font-weight:600}
.mini_cart_item>a:not(.remove){display:contents;color:var(--tx);text-decoration:none}
.mini_cart_item img{grid-row:1/3;width:64px;height:64px;object-fit:contain;border-radius:10px;background:var(--card)}
.mini_cart_item .quantity{grid-column:2;color:var(--tx2);font-weight:500;font-size:.9rem}
.mini_cart_item .remove{position:absolute;top:0;right:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:var(--tx2);background:var(--card);font-size:1.1rem}
.mini_cart_item dl.variation{grid-column:2;margin:0;font-size:.8rem;color:var(--tx3)}
.woocommerce-mini-cart__total{display:flex;justify-content:space-between;font-size:1.1rem;font-weight:800;margin:4px 0 0}
.woocommerce-mini-cart__buttons{display:grid;gap:10px;margin:0}
.woocommerce-mini-cart__buttons a{width:100%}
.woocommerce-mini-cart__buttons a.checkout{order:-1}
.woocommerce-mini-cart__empty-message{color:var(--tx2);text-align:center;padding:30px 0}
.gtag{display:inline-block;font-size:.72rem;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--pk);color:#000;margin-right:4px;vertical-align:middle}
.gnote{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--card);font-size:.9rem;line-height:1.5;margin:0 0 14px}
.gnote svg{flex:none;width:20px;height:20px;color:var(--pk);margin-top:1px}
.gnote a{color:var(--tx);font-weight:700}

/* ---------- Trang giỏ hàng ---------- */
.wpage{max-width:1100px}
.wpage>h1{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.04em;margin:10px 0 18px}
.wpage .prose{color:var(--tx);font-size:1rem}
table.shop_table{width:100%;border-collapse:collapse;font-size:.95rem}
table.shop_table th{font-size:.82rem;color:var(--tx3);text-align:left;font-weight:600;padding:10px 8px;border-bottom:1px solid var(--ln)}
table.shop_table td{padding:14px 8px;border-bottom:1px solid var(--ln);vertical-align:middle}
table.shop_table td.product-thumbnail img{width:64px;height:64px;object-fit:contain;border-radius:10px;background:var(--card)}
table.shop_table td.product-name a{color:var(--tx);font-weight:700;text-decoration:none}
table.shop_table td.product-remove a{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--card);text-decoration:none;color:var(--tx2)}
table.shop_table .quantity .qty{width:84px}
table.shop_table td.actions{padding-top:18px}
table.shop_table td.actions .coupon{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
table.shop_table td.actions .coupon input{max-width:220px}
.cart-collaterals{margin-top:28px;display:grid;gap:24px}
@media(min-width:900px){.cart-collaterals{grid-template-columns:1fr 420px}.cart-collaterals .cart_totals{grid-column:2}}
.cart_totals,#order_review,.woocommerce-checkout-review-order{background:var(--card);border-radius:var(--r-lg);padding:22px}
.cart_totals h2,#order_review_heading{font-size:1.3rem;margin:0 0 10px}
.cart_totals table th,#order_review table th{color:var(--tx2)}
.cart_totals .order-total td,#order_review .order-total td{font-size:1.2rem;font-weight:800}
.wc-proceed-to-checkout{margin-top:16px}
.wc-proceed-to-checkout a{width:100%}
@media(max-width:700px){
  table.shop_table_responsive thead{display:none}
  table.shop_table_responsive tr{display:grid;grid-template-columns:72px 1fr;gap:4px 12px;padding:14px 0;border-bottom:1px solid var(--ln);position:relative}
  table.shop_table_responsive td{display:block;border:0;padding:0}
  table.shop_table_responsive td.product-thumbnail{grid-row:1/5}
  table.shop_table_responsive td.product-remove{position:absolute;top:12px;right:0}
  table.shop_table_responsive td[data-title]::before{content:attr(data-title) ": ";color:var(--tx3);font-size:.82rem}
  table.shop_table_responsive td.product-name::before,table.shop_table_responsive td.actions::before{display:none}
  table.shop_table_responsive td.actions{grid-column:1/-1}
}

/* ---------- Thanh toán (cổ điển, chạy cùng ShipDepot) ---------- */
form.checkout{display:grid;gap:28px}
@media(min-width:960px){form.checkout{grid-template-columns:1.15fr .85fr;align-items:start}form.checkout>#order_review_heading{display:none}form.checkout>#order_review{grid-column:2;grid-row:1/3;position:sticky;top:110px}}
#customer_details{display:grid;gap:18px}
#customer_details .col-1,#customer_details .col-2{width:auto;float:none}
.woocommerce-billing-fields h3,.woocommerce-shipping-fields h3,.woocommerce-additional-fields h3{font-size:1.2rem;margin:0 0 14px}
.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper{display:grid;gap:0 14px}
@media(min-width:600px){.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper{grid-template-columns:1fr 1fr}.form-row-wide,.woocommerce-billing-fields__field-wrapper .form-row:not(.form-row-first):not(.form-row-last){grid-column:1/-1}}
#ship-to-different-address{font-size:1rem}
#ship-to-different-address label{display:flex;gap:10px;align-items:center}
#payment{margin-top:16px}
#payment ul.payment_methods{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:8px}
#payment ul.payment_methods li{background:var(--bg);border-radius:12px;padding:12px 14px}
#payment ul.payment_methods li label{font-weight:700;cursor:pointer}
#payment ul.payment_methods li input{accent-color:var(--pk);margin-right:8px}
#payment .payment_box{font-size:.9rem;color:var(--tx2);margin-top:8px}
#payment .place-order{display:grid;gap:12px}
#place_order{width:100%;min-height:56px;font-size:1.15rem}
.woocommerce-terms-and-conditions-wrapper{font-size:.88rem;color:var(--tx2)}
.woocommerce-terms-and-conditions-wrapper a{color:var(--tx)}
.woocommerce-form__label-for-checkbox{display:flex;gap:10px;align-items:flex-start}
.rnote{font-size:.85rem;color:var(--tx3);text-align:center;margin:0}
.woocommerce-form-login-toggle,.woocommerce-form-coupon-toggle{margin-bottom:12px}
form.checkout_coupon,form.woocommerce-form-login{background:var(--card);border-radius:var(--r-md);padding:18px;margin:0 0 18px}

/* ---------- Đặt hàng xong ---------- */
.woocommerce-order{display:grid;gap:22px}
.woocommerce-thankyou-order-received{font-size:1.4rem;font-weight:800;color:var(--tx)}
ul.woocommerce-order-overview{list-style:none;padding:18px;margin:0;border-radius:var(--r-lg);background:var(--card);display:grid;gap:10px}
@media(min-width:700px){ul.woocommerce-order-overview{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}
ul.woocommerce-order-overview li{font-size:.85rem;color:var(--tx3)}
ul.woocommerce-order-overview li strong{display:block;font-size:1rem;color:var(--tx)}
.woocommerce-order-details,.woocommerce-customer-details{background:var(--card);border-radius:var(--r-lg);padding:22px}
.woocommerce-customer-details address{font-style:normal;line-height:1.7}

/* ---------- Tài khoản ---------- */
.woocommerce-account .wpage .prose>.woocommerce{display:grid;gap:24px}
@media(min-width:900px){.woocommerce-account .wpage .prose>.woocommerce{grid-template-columns:240px 1fr;align-items:start}}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.woocommerce-MyAccount-navigation a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:12px;text-decoration:none;color:var(--tx2);font-weight:600}
.woocommerce-MyAccount-navigation .is-active a{background:var(--card);color:var(--tx)}
.woocommerce-MyAccount-content{min-width:0}
.woocommerce-MyAccount-content a{color:var(--pk-tx)}
/* Chưa đăng nhập: một cột (không dùng lưới 240px của menu tài khoản); Đăng nhập + Đăng ký chia đôi */
.woocommerce-account:not(.logged-in) .wpage .prose>.woocommerce{display:block}
.u-columns{display:grid;gap:20px;align-items:start}
@media(min-width:800px){.u-columns{grid-template-columns:1fr 1fr;gap:24px}}
.u-column1,.u-column2{background:var(--card);border-radius:var(--r-lg);padding:26px;min-width:0}
.u-columns h2,.pf-auth h2{font-size:1.5rem;letter-spacing:-.02em;margin:0 0 6px;color:var(--tx)}
.u-columns form.login,.u-columns form.register,.pf-auth form.login,.pf-auth form.register{background:none;padding:0;margin:0}
.u-columns .form-row,.pf-auth .form-row{margin:0 0 14px}
.u-columns label,.pf-auth label{display:block;font-weight:600;font-size:.9rem;margin-bottom:6px;color:var(--tx)}
.u-columns .woocommerce-form-login__rememberme,.pf-auth .woocommerce-form-login__rememberme{font-weight:500;color:var(--tx2)}
.u-columns .woocommerce-form-login__rememberme input,.pf-auth .woocommerce-form-login__rememberme input{width:auto;min-height:0}
.u-columns button.button,.pf-auth button.button{width:100%;margin-top:4px}
.u-columns .lost_password,.pf-auth .lost_password{margin:12px 0 0;font-size:.9rem}
.u-columns .pf-reg-lead,.pf-auth .pf-reg-lead{color:var(--tx2);font-size:.95rem;margin:0 0 16px}
.u-columns .pf-reg-lead b,.pf-auth .pf-reg-lead b{color:var(--tx)}
.u-columns form.register>p:not(.form-row),.u-columns .woocommerce-privacy-policy-text,.pf-auth form.register>p:not(.form-row),.pf-auth .woocommerce-privacy-policy-text{font-size:.85rem;color:var(--tx3);line-height:1.55}
.u-columns .woocommerce-privacy-policy-text a,.pf-auth .woocommerce-privacy-policy-text a{color:var(--tx2)}
.u-columns .pf-assure,.pf-auth .pf-assure{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:6px;font-size:.85rem;color:var(--tx2)}
.u-columns .pf-assure li,.pf-auth .pf-assure li{display:flex;gap:8px;align-items:flex-start}
.u-columns .pf-assure svg,.pf-auth .pf-assure svg{width:16px;height:16px;color:var(--pk);flex:none;margin-top:2px}
.woocommerce-form-login__rememberme{display:flex;gap:8px;align-items:center;margin-bottom:10px}
.lost_password a{color:var(--tx2)}
.woocommerce-orders-table .button{min-height:38px;font-size:.85rem;padding:0 12px}

/* ---------- Tra cứu đơn ---------- */
form.track_order{background:var(--card);border-radius:var(--r-lg);padding:22px;display:grid;gap:4px}
@media(min-width:700px){form.track_order{grid-template-columns:1fr 1fr}form.track_order>p:first-child,form.track_order .clear,form.track_order>p:last-child{grid-column:1/-1}}

/* Light theme: nền thẻ trắng đậm hơn một chút */
:root[data-theme="light"] .cart_totals,:root[data-theme="light"] #order_review{box-shadow:0 0 0 1px var(--ln)}

/* ===== Trang chi tiết sản phẩm theo bản thiết kế (woocommerce/content-single-product.php) ===== */
.woo div.product.pf-pdp{display:block;margin:0;gap:0}
.pf-pdp .crumb,.pf-pdp .woocommerce-breadcrumb{padding-top:20px;margin-bottom:0}
.pinfo .rate{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pinfo .rate .rlink{color:var(--tx2);text-decoration:underline;text-underline-offset:3px;font-size:.9rem}
.pinfo .price .woocommerce-Price-currencySymbol{font-size:inherit}
.pinfo .price del,.pinfo .price ins{text-decoration-thickness:1px}
.pinfo .lead{margin:0;color:var(--tx2);font-size:1.05rem;line-height:1.6}
.pinfo .parts small .amount{color:inherit}
.pinfo .atc .btn{width:100%}
.pinfo .atc .pp{font-weight:700;opacity:.9}
.pinfo form.cart{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 10px}
.pinfo form.cart .quantity{width:110px}
.pinfo form.cart .single_add_to_cart_button{flex:1;min-width:180px}
.pinfo .stock.out-of-stock{margin:18px 0;padding:14px 16px;border-radius:var(--r-md);background:var(--card);font-weight:600}
.pinfo .accs .prose{font-size:.95rem}
.pinfo .accs .woocommerce-product-attributes{width:100%;border-collapse:collapse;font-size:.92rem}
.pinfo .accs .woocommerce-product-attributes th,.pinfo .accs .woocommerce-product-attributes td{text-align:left;padding:8px 0;border-bottom:1px solid var(--ln);vertical-align:top}
.pinfo .accs .woocommerce-product-attributes p{margin:0}
.gtrack .sc,.thumbs .sc,.lb .sc{background:var(--img)}
.pf-rv .woocommerce-Reviews-title{display:none}
/* Lớp .panel / .tabs của bản mẫu (ngăn kéo, nút chọn) không được ảnh hưởng tab WooCommerce */
.woocommerce-tabs .panel{position:static;width:auto;background:none;padding:0;animation:none;display:block;overflow:visible}
.woocommerce-tabs ul.tabs{grid-template-columns:none;background:none;border-radius:0;padding:0}
.pf-rv .woocommerce-noreviews{display:block}
.pf-rv .comment-form p{margin:0 0 14px}
.pf-rv .comment-form label{display:block;font-weight:600;margin-bottom:6px;color:var(--tx)}
.pf-rv .comment-form textarea,.pf-rv .comment-form input[type=text],.pf-rv .comment-form input[type=email]{width:100%;background:var(--bg);border:1.5px solid var(--ln);border-radius:10px;padding:12px 14px;color:var(--tx);font:500 1rem "Be Vietnam Pro",sans-serif;box-sizing:border-box}
.pf-rv .comment-form textarea:focus,.pf-rv .comment-form input:focus{outline:none;border-color:var(--pk)}
.pf-rv .comment-reply-title[hidden]{display:none}
.pf-rv .comment-reply-title{display:block;font-weight:800;font-size:1.15rem;margin-bottom:14px;color:var(--tx)}
.pf-rv .form-submit input[type=submit]{min-height:48px;padding:0 24px;border:0;border-radius:var(--r-pz);background:var(--pk);color:var(--ch);font:700 1rem "Be Vietnam Pro",sans-serif;cursor:pointer}
.pf-rv .comment-form-cookies-consent{display:flex;gap:8px;align-items:flex-start;font-size:.88rem}
.pf-rv .comment-form-cookies-consent label{font-weight:500;margin:0}
/* Nút hiện/ẩn mật khẩu của WooCommerce */
.password-input{position:relative;display:block}
.password-input input{padding-right:64px}
.show-password-input{position:absolute;right:8px;top:50%;transform:translateY(-50%);min-height:32px;padding:0 10px;border:0;border-radius:8px;background:none;color:var(--tx2);font:600 .8rem "Be Vietnam Pro",sans-serif;cursor:pointer}
.show-password-input::before{content:"Hiện"}
.show-password-input.display-password::before{content:"Ẩn"}
.show-password-input:hover{color:var(--tx)}

/* Đăng nhập / Tạo tài khoản: một thẻ chính + một dải chuyển màn gọn */
.pf-auth{max-width:520px;display:grid;gap:14px}
.pf-auth-card{background:var(--card);border-radius:var(--r-lg);padding:28px}
.pf-auth-card h2{margin-bottom:16px}
.pf-auth-alt{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;padding:16px 20px;border-radius:var(--r-lg);box-shadow:inset 0 0 0 1.5px var(--ln)}
.pf-auth-alt div{display:grid;gap:2px}
.pf-auth-alt b{color:var(--tx);font-size:1rem}
.pf-auth-alt span{color:var(--tx2);font-size:.88rem}
.pf-auth-alt .btn{min-height:44px;padding:0 20px;flex:none}
.pf-auth .pf-reg-note{font-size:.85rem;color:var(--tx3);margin:0 0 14px}

/* ---------- Tình trạng đơn / tra cứu đơn ---------- */
.pf-track{margin:0 0 28px;padding:20px;border-radius:var(--r-md);background:var(--card)}
.pf-track h2{margin:0 0 16px;font-size:1.15rem}
.pf-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:0;padding:0;list-style:none;counter-reset:st}
.pf-steps li{position:relative;padding-top:30px;font-size:.82rem;line-height:1.3;color:var(--tx3);text-align:center;counter-increment:st}
.pf-steps li::before{content:counter(st);position:absolute;top:0;left:50%;transform:translateX(-50%);width:24px;height:24px;border-radius:50%;border:2px solid var(--ln);background:var(--bg);display:grid;place-items:center;font-size:.75rem;font-weight:700;line-height:20px}
.pf-steps li::after{content:"";position:absolute;top:11px;left:calc(50% + 14px);right:calc(-50% + 14px);height:2px;background:var(--ln)}
.pf-steps li:last-child::after{display:none}
.pf-steps li.done,.pf-steps li.cur{color:var(--tx)}
.pf-steps li.done::before{content:"✓";background:var(--ch);border-color:var(--ch);color:#fff}
.pf-steps li.done::after{background:var(--ch)}
.pf-steps li.cur::before{background:var(--pk);border-color:var(--pk);color:#fff}
.pf-steps li.cur span{font-weight:700}
.pf-track-note{margin:16px 0 0;color:var(--tx2)}
.pf-track-code{margin:14px 0 0;font-size:.92rem}
.pf-track-code a{color:var(--pk-tx);font-weight:600}
.pf-trackbox{max-width:620px}
.pf-trackform label{display:block;font-weight:600;margin-bottom:6px}
.pf-trackform input{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--ln);border-radius:var(--r-sm);background:var(--card2);color:var(--tx);font:inherit}
.pf-track-err{color:var(--pk-tx);font-weight:600}
.pf-trackres{margin-top:24px}
@media (max-width:560px){.pf-steps li{font-size:.72rem}}

/* ---------- Chuyển khoản (QR) ---------- */
.pf-pay{display:grid;grid-template-columns:200px 1fr;gap:22px;align-items:start;margin:20px 0 4px;padding:18px;border:2px solid var(--pk);border-radius:var(--r-md);background:var(--card2)}
.pf-pay-qr{text-align:center}
.pf-qr{width:200px;aspect-ratio:1;background:#fff;border-radius:10px;padding:6px;box-sizing:border-box}
.pf-qr svg{display:block;width:100%;height:auto}
.pf-pay-qr small{display:block;margin-top:8px;font-size:.75rem;color:var(--tx3)}
.pf-pay-info h3{margin:0 0 10px;font-size:1.05rem}
.pf-pay-row{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--ln);font-size:.92rem}
.pf-pay-row span{color:var(--tx3)}
.pf-pay-row b{word-break:break-all}
.pf-copy{border:1px solid var(--ln);background:transparent;color:var(--tx);border-radius:999px;padding:4px 10px;font:600 .75rem/1.2 inherit;cursor:pointer}
.pf-copy:hover{border-color:var(--pk);color:var(--pk-tx)}
.pf-pay-note{margin:12px 0 0;font-size:.86rem;color:var(--tx2)}
@media (max-width:620px){.pf-pay{grid-template-columns:1fr}.pf-pay-qr{display:flex;flex-direction:column;align-items:center}.pf-pay-row{grid-template-columns:96px 1fr auto}}

/* ---------- Yêu cầu huỷ đơn ---------- */
.pf-cx{margin:18px 0 0;border:1px solid var(--ln);border-radius:var(--r-md);background:var(--card2)}
.pf-cx>summary{list-style:none;cursor:pointer;padding:14px 18px;font-weight:600;color:var(--tx2);display:flex;justify-content:space-between;align-items:center}
.pf-cx>summary::-webkit-details-marker{display:none}
.pf-cx>summary::after{content:"+";font-size:1.3rem;line-height:1;color:var(--tx3)}
.pf-cx[open]>summary::after{content:"–"}
.pf-cx-body{padding:0 18px 18px}
.pf-cx fieldset{border:0;margin:0;padding:0}
.pf-cx legend{font-weight:700;margin-bottom:10px}
.pf-cx-opt{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;margin:0 0 6px;border:1px solid var(--ln);border-radius:var(--r-sm);cursor:pointer}
.pf-cx-opt:has(input:checked){border-color:var(--pk);background:color-mix(in srgb,var(--pk) 7%,transparent)}
.pf-cx-opt input{accent-color:var(--pk);margin-top:3px}
.pf-cx-tip{display:none;margin:-2px 0 8px 34px;font-size:.85rem;color:var(--tx2)}
.pf-cx-tip a,.pf-cx a,.pf-cx-off a{color:var(--pk-tx);font-weight:600}
.pf-cx-opt:has(input[value=change_info]:checked)+.pf-cx-tip{display:block}
.pf-cx label[for]{display:block;font-weight:600;margin:14px 0 6px}
.pf-cx textarea{width:100%;padding:10px 12px;border:1px solid var(--ln);border-radius:var(--r-sm);background:var(--bg);color:var(--tx);font:inherit;box-sizing:border-box}
.pf-cx-info{margin:12px 0 0;padding:12px 14px 12px 30px;border-radius:var(--r-sm);background:var(--card);font-size:.86rem;color:var(--tx2)}
.pf-cx-info li{margin:2px 0}
.pf-cx-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.pf-cx-act .btn{min-height:46px;font-size:1rem}
.pf-cx-act .btn.ghost{background:transparent;border:1.5px solid var(--ln);color:var(--tx)}
.pf-cx-sent{padding:14px 18px;border-left:4px solid var(--pk);font-size:.92rem;line-height:1.55}
.pf-cx-off{margin:14px 0 0;font-size:.88rem;color:var(--tx2)}
.pf-pay-ok{grid-column:1/-1;padding:6px 2px;font-size:1rem}.pf-pay-ok b{color:var(--pk-tx)}

/* Thẻ sản phẩm: rê chuột hiện ảnh thứ 2. Nền khung theo chế độ sáng/tối nên ảnh đầu dạng PNG/WebP trong suốt tự hợp nền. */
.card .cimg.has-alt,.pcard .th.has-alt{position:relative}
.card .cimg img.alt,.pcard .th img.alt{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}
@media (hover:hover){
.card:hover .cimg.has-alt img.alt,.card:focus-within .cimg.has-alt img.alt,.pcard:hover .th.has-alt img.alt{opacity:1}
.card:hover .cimg.has-alt img:not(.alt){transform:none}
}
@media (prefers-reduced-motion:reduce){.card .cimg img.alt,.pcard .th img.alt{transition:none}}
/* Đánh giá: gọn, form ẩn tới khi bấm "Viết đánh giá" */
.pf-rvbox{max-width:860px}
.rv-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding:18px 22px;border-radius:var(--r-lg);background:var(--card)}
.rv-sum{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px}
.rv-title{font-size:1.35rem;margin:0}
.rv-score{display:flex;align-items:center;gap:10px;color:var(--tx2);font-size:.95rem}
.rv-score b{font-size:1.5rem;font-weight:800;color:var(--tx)}
.rv-score .stars{font-size:1.05rem}
.rv-open{min-height:44px;padding:0 20px}
.rv-open[aria-expanded=true]{border-color:var(--pk);color:var(--pk)}
.rv-form{margin-top:12px;padding:20px 22px;border-radius:var(--r-lg);background:var(--card)}
.rv-form .comment-respond{margin:0}
.rv-form .comment-form{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.rv-form .comment-form>*{grid-column:1/-1}
.rv-form .comment-form-author{grid-column:1}.rv-form .comment-form-email{grid-column:2}
.rv-form .comment-form-rating{margin:0 0 12px}
.rv-form .comment-form-rating label{display:block;font-weight:600;margin-bottom:2px}
.rv-form .comment-form-rating p.stars a{width:32px;height:32px}.rv-form .comment-form-rating p.stars a::before{font-size:1.7rem}
.pf-rv .rv-form textarea{min-height:96px}
.pf-rv .rv-form .form-submit{margin:4px 0 0}
.rv-note{margin:0 0 12px;color:var(--tx3);font-size:.85rem}
.pf-rvbox>.rv-note{margin:12px 0 0}
.rv-list{list-style:none;margin:8px 0 0;padding:0}
.rv-list .comment_container{padding:16px 4px;border-bottom:1px solid var(--ln)}
.rv-list .star-rating{color:var(--pk)}
@media(max-width:560px){.rv-head{padding:16px}.rv-open{width:100%}.rv-form .comment-form{grid-template-columns:1fr}.rv-form .comment-form-email{grid-column:1}}
/* Thương hiệu: hàng nút lọc thứ hai trên trang danh mục, liên kết trong bảng Thông số */
.chips.brands{margin-top:-6px;align-items:center}
.chips.brands .chl2{font-size:.85rem;font-weight:700;color:var(--tx3);margin-right:4px}
.chips.brands .chip{min-height:36px;padding:0 14px;font-size:.88rem}
.specs .brl{display:inline-block;margin-top:4px;font-size:.88rem;font-weight:700;color:var(--pk)}
/* Đầu trang xem đơn */
p:has(>.pf-oh){margin:0;max-width:none}
.pf-oh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;padding:18px 20px;border-radius:var(--r-lg);background:var(--card)}
.pf-oh-l{display:flex;flex-direction:column;gap:4px}
.pf-oh-n{font-size:1.35rem;font-weight:800;color:var(--tx);line-height:1.2}
.pf-oh-d{font-size:.92rem;color:var(--tx2)}
.pf-oh-s{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;border-radius:999px;font-weight:700;font-size:.9rem;white-space:nowrap}
.pf-oh-s::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.pf-oh-s.go{background:var(--pk-on);color:#fff}
.pf-oh-s.ok{background:var(--solid);color:#fff}
.pf-oh-s.wait{box-shadow:inset 0 0 0 2px var(--pk);color:var(--pk-tx)}
.pf-oh-s.off{box-shadow:inset 0 0 0 2px var(--ln);color:var(--tx2)}
/* Danh sách đơn (Tài khoản > Đơn hàng) – thẻ gọn */
.pf-olist{display:grid;gap:10px}
.pf-oc{display:grid;gap:10px;padding:12px 16px;border-radius:var(--r-md);background:var(--card)}
.pf-oc-h{display:flex;align-items:center;gap:10px}
.woocommerce-MyAccount-content .pf-oc a.pf-oc-n{font-weight:800;color:var(--tx);text-decoration:none}
.pf-oc-h time{color:var(--tx2);font-size:.85rem}
.pf-oc-h .pf-oh-s{margin-left:auto;min-height:26px;padding:0 10px;font-size:.8rem;gap:6px}
.pf-oc-h .pf-oh-s::before{width:6px;height:6px}
.woocommerce-MyAccount-content a.pf-oc-items{display:grid;gap:8px;color:var(--tx);text-decoration:none}
.pf-oc-rest{display:grid;gap:8px}.pf-oc-rest[hidden]{display:none}
.pf-oi{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center}
.pf-oi-th{width:48px;height:48px;border-radius:var(--r-sm);background:var(--img);overflow:hidden;display:block}
.pf-oi-th img{width:100%;height:100%;object-fit:cover;display:block}
.pf-oi-tx{display:flex;flex-direction:column;gap:1px;min-width:0}
.pf-oi-nm{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-oi-q{color:var(--tx2);font-size:.85rem}
.pf-oc-f{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding-top:10px;border-top:1px solid var(--ln)}
.pf-oc-tg{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0;border:0;background:none;color:var(--tx2);font:600 .88rem "Be Vietnam Pro",sans-serif;cursor:pointer}
.pf-oc-tg::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.pf-oc-tg[aria-expanded=true]::after{transform:translateY(1px) rotate(-135deg)}
.pf-oc-tg:hover{color:var(--pk-tx)}
.pf-oc-tg .pf-mc,.pf-oc-tg[aria-expanded=true] .pf-mo{display:none}.pf-oc-tg[aria-expanded=true] .pf-mc{display:inline}
.woocommerce-MyAccount-content .pf-oc-t{margin:0 0 0 auto;color:var(--tx2);font-size:.9rem}
.pf-oc-t b{color:var(--pk-tx);font-size:1.05rem;margin-left:4px}
.pf-oc-a{display:flex;gap:8px}
.woocommerce-MyAccount-content .pf-oc-a a.btn{min-height:36px;padding:0 14px;font-size:.88rem;border-radius:999px}
.woocommerce-MyAccount-content .pf-oc-a a.btn.line{color:var(--tx)}
.woocommerce-MyAccount-content .pf-oc-a a.btn.sm{color:var(--ch);padding:0 18px}
.pf-opage{display:flex;justify-content:space-between;gap:12px;margin-top:16px}
.pf-oempty{padding:28px;border-radius:var(--r-lg);background:var(--card);text-align:center}
.pf-oempty p{margin:0 0 14px;color:var(--tx2)}
.pf-rebuy-row{margin:16px 0 0}
@media(max-width:599px){.pf-oc-a{width:100%;justify-content:flex-end}}
.woocommerce-MyAccount-content a.btn.sm,.pf-rebuy-row a.btn{color:var(--ch)}
.woocommerce-MyAccount-content .pf-oc-a a.pf-oc-cx{align-self:center;padding:0 6px;color:var(--tx3);font-size:.85rem;font-weight:500;text-decoration:underline;text-underline-offset:3px}
.woocommerce-MyAccount-content .pf-oc-a a.pf-oc-cx:hover{color:var(--tx)}
.pf-cx>summary{font-size:.9rem;font-weight:500;color:var(--tx3)}
/* Chi tiết đơn hàng */
.woocommerce-order-details.pf-od{background:none;padding:0;border-radius:0}
.pf-od .pf-track{margin:0 0 14px}
.pf-od-grid{display:grid;gap:14px;align-items:start}
.pf-od{container-type:inline-size}
@container (min-width:760px){.pf-od-grid{grid-template-columns:minmax(0,1fr) 290px}}
.pf-od-main,.pf-od-side{display:grid;gap:14px}
.pf-od-card{padding:18px 20px;border-radius:var(--r-md);background:var(--card)}
.pf-od h2.pf-od-t{display:flex;align-items:baseline;gap:8px;margin:0 0 12px;padding:0;font-size:1.05rem;line-height:1.3;letter-spacing:0}
.pf-od-t span{font-size:.85rem;font-weight:500;color:var(--tx2)}
.pf-odi-list{list-style:none;margin:0;padding:0}
.pf-odi{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--ln)}
.pf-odi:first-child{border-top:0;padding-top:0}
.pf-odi:last-child{padding-bottom:0}
.pf-odi-th{width:64px;height:64px;border-radius:var(--r-sm);background:var(--img);overflow:hidden;display:block}
.pf-odi-th img{width:100%;height:100%;object-fit:cover;display:block}
.pf-odi-tx p{margin:0}
.pf-odi-nm{font-weight:600;line-height:1.35}
.pf-odi-nm a{color:var(--tx);text-decoration:none}
.pf-odi-nm a:hover{color:var(--pk-tx)}
.pf-odi-q{margin-top:3px!important;color:var(--tx2);font-size:.88rem}
.pf-odi-meta{list-style:none;margin:3px 0 0;padding:0;font-size:.85rem;color:var(--tx2)}
.pf-odi-meta li{display:inline}.pf-odi-meta li+li::before{content:" · "}
.pf-odi-meta strong,.pf-odi-meta p{display:inline;margin:0;font-weight:500}
.pf-odi-note{margin-top:6px;font-size:.85rem;color:var(--tx2)}
.pf-odi-pr{margin:0;font-weight:700;white-space:nowrap}
.pf-free{color:var(--pk-tx);font-weight:700}
.pf-od-sum dl,.pf-od-info dl{margin:0;display:grid;gap:8px}
.pf-od-row,.pf-od-info dl>div{display:flex;justify-content:space-between;gap:16px}
.pf-od-sum dt,.pf-od-info dt{color:var(--tx2);font-weight:500}
.pf-od-sum dd,.pf-od-info dd{margin:0;text-align:right;font-weight:600}
.pf-od-total{margin-top:6px;padding-top:12px;border-top:1px dashed var(--ln);align-items:baseline}
.pf-od-total dt{color:var(--tx);font-weight:700}
.pf-od-total dd{font-size:1.35rem;font-weight:800;color:var(--pk-tx)}
.pf-od-pay{display:flex;align-items:center;gap:10px;margin:14px 0 0;padding:10px 12px;border-radius:var(--r-sm);background:var(--card2);font-size:.9rem}
.pf-od-pay svg{width:20px;height:20px;flex:none;color:var(--pk-tx)}
.pf-od-act{display:flex;gap:8px;margin-top:14px}
.pf-od-act .btn{color:var(--ch)}
.pf-od-who{margin:0 0 4px}
.pf-od-side address{font-style:normal;line-height:1.6;color:var(--tx2)}
.pf-od-mail{margin:6px 0 0;color:var(--tx2);font-size:.9rem;word-break:break-all}
.pf-od-cnote{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--ln);font-size:.9rem;color:var(--tx2)}
.pf-od-cnote b{color:var(--tx)}
.pf-od-help{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--r-md);box-shadow:inset 0 0 0 1px var(--ln);font-size:.88rem;color:var(--tx2)}
.pf-od-help svg{width:22px;height:22px;flex:none;color:var(--pk-tx)}
.pf-od-help p{margin:0}
.pf-od-help a{color:var(--pk-tx);font-weight:600}
@media(max-width:599px){.pf-od-card{padding:16px}.pf-odi{grid-template-columns:52px minmax(0,1fr);gap:4px 12px}.pf-odi-th{width:52px;height:52px;grid-row:span 2}.pf-odi-pr{grid-column:2}}
.pf-od p,.pf-od address{max-width:none}
.pf-od-card>:last-child{margin-bottom:0}
.pf-od-side address{margin:0}

/* Thẻ sản phẩm trên điện thoại: gọn chiều cao để lướt nhanh tới sản phẩm sau */
@media (max-width:599px){
  .pgrid{gap:10px}
  .card .ci{padding:10px 10px 12px}
  .card .ci small{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .card .ci h3{margin:2px 0 4px;font-size:.95rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .card .ci .rate{margin:0 0 6px;font-size:.68rem;gap:3px;white-space:nowrap;overflow:hidden}
  .card .ci .rate .stars{font-size:.6rem;letter-spacing:-1px}
  .card .ci p{display:none}
  .card .ci .pr{margin-top:auto;gap:8px}
  .card .pp{font-size:.98rem;gap:0 6px}
  .card .pp del,.card .pp s{font-size:.75rem}
  .card .ci .pr .button,.card .ci .pr .btn{width:100%;min-height:36px;padding:0 10px;font-size:.85rem}
}