/* =============================================================================
   Al Mansoor — single product design
   -----------------------------------------------------------------------------
   Restyles the theme's existing product template. The gallery, variation form,
   add-to-cart, the AMQO order buttons, tabs and related products are all left
   functionally untouched — this changes their appearance and adds a breadcrumb
   and an assurance block. Scoped to .ampdp so nothing leaks elsewhere.
   ============================================================================= */

/* ---------- breadcrumb ---------- */
.ampdp .ampdp-crumb{padding:16px 0 4px}
.ampdp .ampdp-crumb .woocommerce-breadcrumb{
  font-size:13.5px;color:#64748B;margin:0;
}
.ampdp .ampdp-crumb a{color:#64748B}
.ampdp .ampdp-crumb a:hover{color:#2563EB}
.ampdp .ampdp-crumb i{font-style:normal;opacity:.5;margin:0 6px}

/* ---------- gallery ---------- */
.ampdp .woocommerce-product-gallery{
  border:1px solid #E2E8F0;border-radius:16px;overflow:hidden;background:#fff;
}
.ampdp .woocommerce-product-gallery__image img{transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.ampdp .woocommerce-product-gallery:hover .woocommerce-product-gallery__image img{transform:scale(1.04)}
.ampdp .flex-control-thumbs li img,
.ampdp .woocommerce-product-gallery .thumbs img{
  border:2px solid #E2E8F0;border-radius:10px;transition:.25s;
}
.ampdp .flex-control-thumbs li img.flex-active,
.ampdp .flex-control-thumbs li img:hover{
  border-color:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.14);
}

/* ---------- summary ---------- */
.ampdp .product_title{
  font-family:Rubik,sans-serif;font-weight:700;letter-spacing:-.4px;
  font-size:clamp(22px,2.8vw,30px);line-height:1.2;margin-bottom:12px;
}
.ampdp .ampdp-brand{
  font-family:Rubik,sans-serif;font-weight:600;font-size:12.5px;letter-spacing:1.2px;
  text-transform:uppercase;color:#2563EB;margin-bottom:8px;display:block;
}
.ampdp .ampdp-sku{font-size:13px;color:#64748B;margin-bottom:16px}

.ampdp .summary .price{
  font-family:Rubik,sans-serif;font-weight:800;
  font-size:clamp(26px,3.2vw,34px);color:#1E293B;margin-bottom:4px;
}
.ampdp .summary .price del{
  font-weight:400;font-size:18px;color:#64748B;opacity:1;margin-right:10px;
}
.ampdp .summary .price ins{text-decoration:none}
.ampdp .ampdp-save{
  display:inline-block;background:#FEF2F2;color:#DC2626;border:1px solid #FECACA;
  font-family:Rubik,sans-serif;font-weight:700;font-size:13px;
  padding:4px 10px;border-radius:7px;margin-left:8px;vertical-align:middle;
}
.ampdp .ampdp-vat{font-size:13px;color:#64748B;margin:6px 0 18px}

/* ---------- our specs block, tightened to the design ---------- */
.ampdp .amps-summary{margin:16px 0 20px}
.ampdp .amps-kf h3.amps-h{
  font-family:Rubik,sans-serif;font-size:12.5px;letter-spacing:1.2px;
  text-transform:uppercase;margin-bottom:11px;color:#1E293B;
}
.ampdp .amps-kf li{font-size:15px;line-height:1.5}
.ampdp .amps-kf li::before{background:#2563EB}
.ampdp .amps-keyspecs{border-top:1px solid #E2E8F0;padding-top:16px}
.ampdp .amps-keyspecs li{font-size:14.5px}
.ampdp .amps-keyspecs .amps-k{color:#475569;font-weight:600}
.ampdp .amps-keyspecs .amps-v{font-weight:700;color:#1E293B}
.ampdp .amps-keyspecs .amps-v em{color:#64748B;font-weight:400}

/* ---------- buy box ---------- */
.ampdp form.cart{
  background:#fff;border:1px solid #E2E8F0;border-radius:14px;
  padding:20px;margin-bottom:0;
}
.ampdp .quantity input{
  border-radius:10px;border:1.5px solid #E2E8F0;height:46px;font-family:Rubik,sans-serif;font-weight:600;
}
.ampdp button.single_add_to_cart_button{
  border-radius:10px;font-family:Rubik,sans-serif;font-weight:600;
  box-shadow:0 6px 18px -8px rgba(249,115,22,.85);
  transition:transform .2s cubic-bezier(.22,.61,.36,1),background .2s;
}
.ampdp button.single_add_to_cart_button:hover{transform:translateY(-2px)}
.ampdp .amqo-btns{margin-top:12px}
.ampdp .amqo-btn{border-radius:10px;font-family:Rubik,sans-serif;font-weight:600}

/* ---------- assurances ---------- */
.ampdp .ampdp-assure{
  border:1px solid #E2E8F0;border-top:0;border-radius:0 0 14px 14px;
  background:#F8FAFC;padding:16px 20px;margin:-1px 0 22px;
  display:flex;flex-direction:column;gap:10px;
}
.ampdp .ampdp-as{display:flex;gap:10px;align-items:center;font-size:14px;color:#475569}
.ampdp .ampdp-as svg{flex:none;color:#2563EB}
.ampdp .ampdp-as b{color:#1E293B;font-weight:600}

/* ---------- tabs ---------- */
.ampdp .woocommerce-tabs ul.tabs li a{
  font-family:Rubik,sans-serif;font-weight:600;font-size:15px;
}
.ampdp .woocommerce-tabs ul.tabs li.active a{color:#2563EB}
.ampdp .amps-spectable{border:1px solid #E2E8F0;border-radius:10px;overflow:hidden}
.ampdp .amps-spectable th{
  background:#F8FAFC;font-family:Rubik,sans-serif;font-weight:600;
  border-bottom:1px solid #E2E8F0;
}
.ampdp .amps-spectable td{border-bottom:1px solid #E2E8F0;color:#475569}

/* ---------- related products ---------- */
.ampdp .related ul.products li.product,
.ampdp .up-sells ul.products li.product{
  background:#fff;border:1px solid #E2E8F0;border-radius:12px;overflow:hidden;
  transition:transform .32s cubic-bezier(.22,.61,.36,1),box-shadow .32s,border-color .32s;
}
.ampdp .related ul.products li.product:hover,
.ampdp .up-sells ul.products li.product:hover{
  transform:translateY(-8px);box-shadow:0 22px 38px -20px rgba(15,23,42,.5);border-color:#CBD5E1;
}
.ampdp .related h2,.ampdp .up-sells h2{
  font-family:Rubik,sans-serif;font-weight:700;letter-spacing:-.3px;
}
.ampdp .related li.product .woocommerce-loop-product__title,
.ampdp .up-sells li.product .woocommerce-loop-product__title{
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
  overflow:hidden;white-space:normal;font-size:14.5px;font-weight:600;line-height:1.45;
}

@media(prefers-reduced-motion:reduce){
  .ampdp *,.ampdp *::before,.ampdp *::after{animation:none!important;transition:none!important}
  .ampdp .related ul.products li.product:hover{transform:none}
  .ampdp .woocommerce-product-gallery:hover .woocommerce-product-gallery__image img{transform:none}
}

/* -----------------------------------------------------------------------------
   The saving badge, VAT note and SKU were laid out inline beside the price and
   collided. Each gets its own line, in reading order.
   -------------------------------------------------------------------------- */
.ampdp .summary .price{display:block;margin-bottom:10px}
.ampdp .ampdp-save{display:inline-block;margin:0 0 10px}
.ampdp .ampdp-vat,
.ampdp .ampdp-sku{display:block;clear:both;margin:0 0 6px}
.ampdp .ampdp-sku{margin-bottom:16px}

/* The theme's own brand line, restyled rather than duplicated. */
.ampdp .summary .posted_in,
.ampdp .summary .product_meta .posted_in{
  font-family:Rubik,sans-serif;font-weight:600;font-size:12.5px;
  letter-spacing:1px;text-transform:uppercase;color:#2563EB;
}

/* The theme's breadcrumb band above the product. */
.ampdp .woocommerce-breadcrumb{font-size:13.5px;color:#64748B}
.ampdp .woocommerce-breadcrumb a{color:#64748B}
.ampdp .woocommerce-breadcrumb a:hover{color:#2563EB}