/* WooCommerce surfaces styled to the RenShilajit høyfjellet direction. */

/* Comparison table: scroll instead of collapsing on small screens. */
.compare-scroll{width:100%}
@media (max-width:600px){
  .compare-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}
  .compare{display:grid;grid-template-columns:1.4fr repeat(3,minmax(96px,1fr));min-width:560px;border:1px solid var(--line)}
  .compare>div{border-bottom:1px solid var(--line);padding:12px 8px}
  .compare .c-row{padding-inline:12px}
  .compare>div:nth-last-child(-n+4){border-bottom:0}
}

/* ---------- Product detail ---------- */

.pdp{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.pdp__gallery{display:flex;flex-direction:column;gap:14px}
.pdp__main{border-radius:var(--r-lg);overflow:hidden;background:linear-gradient(148deg,#3A3129,#6B5B45 46%,#2A2521);aspect-ratio:1/1}
.pdp__main img{width:100%;height:100%;object-fit:cover}
.pdp__thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;margin:0;padding:0}
.pdp__thumb{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;aspect-ratio:1/1;background:var(--surface);cursor:pointer;padding:0}
.pdp__thumb img{width:100%;height:100%;object-fit:cover}
.pdp__thumb.is-active{border-color:var(--accent);border-width:2px}
.pdp__summary{display:flex;flex-direction:column;gap:20px}
.pdp__title{font-size:clamp(34px,4vw,48px);line-height:1.08;margin:0}
.pdp__rating{display:flex;gap:10px;align-items:center;font-size:15px;flex-wrap:wrap}
.pdp__price{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.pdp__price .amount,.pdp__price ins .amount{font-family:var(--font-display);font-size:42px;font-weight:600;color:var(--ink);text-decoration:none}
.pdp__price del{color:var(--faint);text-decoration:line-through}
.pdp__price del .amount{font-family:var(--font-body);font-size:20px;font-weight:400;color:var(--faint)}
.pdp__price ins{text-decoration:none;background:none}
.pdp__assur{display:flex;justify-content:center;gap:20px;font-size:14px;color:var(--muted);flex-wrap:wrap}

/* Bundle selector */
.bundles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bundle{cursor:pointer;text-align:left;border:1px solid #D5C7B2;background:var(--surface);border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;font-family:var(--font-body);transition:border-color .15s ease,background-color .15s ease}
.bundle:hover{border-color:var(--accent)}
.bundle.is-active{border:2px solid var(--accent);background:var(--tint);padding:13px 15px}
.bundle__name{font-weight:700;font-size:15px;color:var(--ink)}
.bundle__price{font-size:19px;font-weight:700;color:var(--ink)}
.bundle__was{font-size:13px;color:var(--faint);text-decoration:line-through;min-height:17px}
.bundle__badge{font-size:12px;font-weight:700;color:var(--earth);min-height:15px}

/* Woo add-to-cart form */
.pdp form.cart{display:flex;flex-direction:column;gap:16px;margin:0}
.pdp form.cart .quantity{display:none}
.pdp .single_add_to_cart_button{width:100%;background:var(--accent);color:var(--ink);border:0;font-family:var(--font-body);font-weight:700;font-size:18px;padding:18px;border-radius:var(--r-sm);cursor:pointer;transition:background-color .15s ease}
.pdp .single_add_to_cart_button:hover{background:var(--accent-dark)}
.pdp .single_add_to_cart_button.loading{opacity:.7}
.pdp .stock{font-size:14px;color:var(--earth);margin:0}
.pdp .stock.out-of-stock{color:var(--alert)}

/* ---------- Shop archive ---------- */

ul.products{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
ul.products li.product{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column;text-align:left;transition:border-color .15s ease}
ul.products li.product:hover{border-color:var(--accent)}
ul.products li.product a img{width:100%;aspect-ratio:1/1;object-fit:cover;margin:0}
ul.products li.product .woocommerce-loop-product__title{font-family:var(--font-display);font-size:24px;font-weight:600;line-height:1.2;padding:20px 22px 0;margin:0;color:var(--ink)}
ul.products li.product .price{padding:6px 22px 0;font-weight:700;font-size:18px;color:var(--ink);display:block}
ul.products li.product .price del{color:var(--faint);font-weight:400;font-size:15px}
ul.products li.product .price ins{text-decoration:none;background:none}
ul.products li.product .button{margin:16px 22px 22px;background:var(--accent);color:var(--ink);border:0;border-radius:var(--r-sm);padding:12px 20px;font-weight:700;text-align:center;cursor:pointer}
ul.products li.product .button:hover{background:var(--accent-dark)}
ul.products li.product .onsale{display:none}
.woocommerce-result-count,.woocommerce-ordering{display:none}

/* ---------- Cart, checkout, account ---------- */

.woo-page{padding-block:56px 96px}
.woo-page h1,.woo-page h2{font-family:var(--font-display)}
.woo-page h2{font-size:30px;margin-bottom:18px}

.woocommerce table.shop_table{width:100%;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);border-collapse:separate;border-spacing:0;overflow:hidden;font-size:15px}
.woocommerce table.shop_table th{font-family:var(--font-body);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--earth);text-align:left;padding:16px 18px;border-bottom:1px solid var(--line);background:var(--bg)}
.woocommerce table.shop_table td{padding:18px;border-bottom:1px solid var(--line);vertical-align:middle;color:var(--earth)}
.woocommerce table.shop_table tbody tr:last-child td{border-bottom:0}
.woocommerce table.shop_table tfoot th,.woocommerce table.shop_table tfoot td{background:var(--bg);font-weight:700;color:var(--ink)}
.woocommerce table.cart img{width:78px;height:78px;object-fit:cover;border-radius:var(--r-sm)}
.woocommerce table.cart .product-name a{font-weight:700;color:var(--ink)}
.woocommerce a.remove{color:var(--faint);font-size:20px;line-height:1;text-decoration:none;display:inline-block}
.woocommerce a.remove:hover{color:var(--alert)}

.woocommerce .quantity input.qty{width:78px;text-align:center;padding:10px 6px}

.woocommerce .button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button,
.woocommerce #respond input#submit,.wp-element-button{
  background:var(--accent);color:var(--ink);border:0;border-radius:var(--r-sm);
  font-family:var(--font-body);font-weight:700;font-size:16px;padding:14px 26px;cursor:pointer;
  transition:background-color .15s ease;text-decoration:none;display:inline-block;line-height:1.2;
}
.woocommerce .button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce a.button:hover{background:var(--accent-dark);color:var(--ink)}
.woocommerce .button.alt,.woocommerce button.button.alt,.woocommerce #place_order{background:var(--ink);color:var(--cream)}
.woocommerce .button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce #place_order:hover{background:var(--deep);color:var(--cream)}
.woocommerce button.button:disabled,.woocommerce button.button.disabled{opacity:.5}

.woocommerce .cart-collaterals{margin-top:44px;display:grid;grid-template-columns:1fr;justify-items:end}
.woocommerce .cart_totals{width:100%;max-width:440px}
.woocommerce .cart_totals h2{font-size:26px}
.woocommerce .wc-proceed-to-checkout{margin-top:18px}
.woocommerce .wc-proceed-to-checkout .checkout-button{display:block;width:100%;text-align:center;background:var(--ink);color:var(--cream);font-size:18px;padding:18px}
.woocommerce .wc-proceed-to-checkout .checkout-button:hover{background:var(--deep);color:var(--cream)}

.woocommerce form.checkout{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:start}
.woocommerce #customer_details{grid-column:1}
.woocommerce #order_review_heading,.woocommerce #order_review{grid-column:2}
.woocommerce #order_review{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:26px}
.woocommerce #order_review table.shop_table{border:0}
.woocommerce form .form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;padding:0}
.woocommerce form .form-row label{font-weight:600;font-size:14px;color:var(--earth)}
.woocommerce form .form-row .required{color:var(--alert);text-decoration:none}
.woocommerce .col2-set{display:grid;grid-template-columns:1fr;gap:0}
.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{width:100%;float:none}
.woocommerce .select2-container .select2-selection--single{height:48px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface)}
.woocommerce .select2-container .select2-selection--single .select2-selection__rendered{line-height:46px;padding-left:14px;color:var(--ink)}
.woocommerce .select2-container .select2-selection--single .select2-selection__arrow{height:46px}

.woocommerce ul.payment_methods{list-style:none;margin:0 0 18px;padding:0;border:0}
.woocommerce ul.payment_methods li{padding:12px 0;border-bottom:1px solid var(--line)}
.woocommerce ul.payment_methods li:last-child{border-bottom:0}
.woocommerce ul.payment_methods label{font-weight:700;color:var(--ink)}
.woocommerce .payment_box{background:var(--bg);border-radius:var(--r-sm);padding:14px 16px;font-size:14px;color:var(--earth);margin-top:10px}
.woocommerce #place_order{width:100%;font-size:18px;padding:18px}

.woocommerce-info,.woocommerce-message,.woocommerce-error,.woocommerce-noreviews,p.no-comments{
  background:var(--tint);border:1px solid var(--tint-line);border-left:3px solid var(--accent);
  border-radius:var(--r-sm);padding:16px 20px;margin-bottom:24px;list-style:none;color:var(--earth);font-size:15px;
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
}
.woocommerce-error{border-left-color:var(--alert);background:#F7E9E5;border-color:#E6CDC6}
.woocommerce-info .button,.woocommerce-message .button{margin-left:auto;padding:10px 18px;font-size:14px}

.woocommerce-form-login,.woocommerce-form-register,.woocommerce-address-fields,.woocommerce-EditAccountForm,.woocommerce-form-coupon{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:26px;max-width:560px;
}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.woocommerce-MyAccount-navigation a{display:inline-block;padding:9px 18px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);font-weight:600;font-size:14px;color:var(--earth)}
.woocommerce-MyAccount-navigation .is-active a{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.woocommerce-MyAccount-content{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:28px}

.woocommerce .woocommerce-breadcrumb{display:none}

/* Reviews on the product page */
#reviews .commentlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px}
#reviews .commentlist li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:24px}
#reviews .comment-text{display:flex;flex-direction:column;gap:10px}
#reviews .woocommerce-review__author{font-weight:700;color:var(--ink)}
#reviews .woocommerce-review__published-date{font-size:13px;color:var(--faint)}
#reviews .star-rating{color:var(--accent)}
#review_form_wrapper{margin-top:32px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:26px}
#review_form_wrapper .comment-reply-title{font-family:var(--font-display);font-size:26px;display:block;margin-bottom:14px}

@media (max-width:1080px){
  .pdp{grid-template-columns:1fr;gap:40px}
  .woocommerce form.checkout{grid-template-columns:1fr;gap:36px}
  .woocommerce #order_review_heading,.woocommerce #order_review{grid-column:1}
  ul.products{grid-template-columns:repeat(2,1fr)}
  #reviews .commentlist{grid-template-columns:1fr}
}

@media (max-width:600px){
  ul.products{grid-template-columns:1fr}
  .bundles{grid-template-columns:1fr}
  .woocommerce table.shop_table td,.woocommerce table.shop_table th{padding:12px 10px;font-size:14px}
  .woocommerce table.cart img{width:56px;height:56px}
  .pdp__price .amount,.pdp__price ins .amount{font-size:34px}
  .woocommerce .cart_totals{max-width:none}
}