/* AKAI product detail page redesign — scoped entirely under .akai-product so it
   cannot affect the shared header/footer, homepage, or any other page on the site.
   Design only: no product/category/cart/price Twig expressions were touched.
   Spec text (description2 / description) is reformatted client-side by a small
   script at the bottom of product.twig — same source text, restyled presentation. */

.akai-product{
  --red:#E2081C;
  --red-dark:#B10613;
  --ink:#141312;
  --ink-soft:#57534E;
  --paper:#FCFAF5;
  --paper-alt:#F7F3EC;
  --paper-dim:#EFE7D8;
  --line:#E4DACB;
  --gold:#B8862E;
  --ink-70: rgba(20,19,18,.72);
  --ink-50: rgba(20,19,18,.5);
  --radius: 14px;
  font-family:'Inter',system-ui,sans-serif;
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  padding:40px 0 60px;
}
.akai-product *{box-sizing:border-box;}
.akai-product img{max-width:100%;}
.akai-product a{color:inherit;}
.akai-product h1,.akai-product h2,.akai-product h3,.akai-product h4{font-family:'Unbounded',sans-serif;}

/* ---------- Two-column layout ---------- */
.akai-product .product-left{margin-bottom:0;}
.akai-product .product-info{margin:0;}

/* ---------- Main image (no card/border — photo shown directly) ---------- */
.akai-product .product-image.thumbnails{display:block;}
.akai-product .product-image .image{
  border-radius:var(--radius);overflow:hidden;
  aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;
}
.akai-product .product-image .image a.thumbnail{display:block;width:100%;height:100%;}
.akai-product .product-image .image img{width:100%;height:100%;object-fit:contain;}

/* ---------- Full-width thumbnail gallery (moved below both columns) ---------- */
.akai-gallery-full{margin-top:36px;}
.akai-product .additional-carousel{position:relative;padding:0 40px;}
.akai-product .image-additional{display:flex;gap:14px;overflow:hidden;}
.akai-product .slider-item{flex:0 0 auto;width:160px;}
.akai-product .slider-item .product-block{
  background:none;border-radius:14px;overflow:hidden;
  aspect-ratio:1/1;cursor:pointer;transition:transform .15s ease;
}
.akai-product .slider-item .product-block:hover{transform:translateY(-2px);}
.akai-product .slider-item .product-block img{width:100%;height:100%;object-fit:contain;padding:0;}
.akai-product .additional-carousel .customNavigation{position:absolute;inset:0;pointer-events:none;}
.akai-product .additional-carousel .customNavigation .prev,
.akai-product .additional-carousel .customNavigation .next{
  position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;cursor:pointer;
  width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--ink-soft);
  transition:background .15s ease,color .15s ease;
}
.akai-product .additional-carousel .customNavigation .prev{left:0;}
.akai-product .additional-carousel .customNavigation .next{right:0;}
.akai-product .additional-carousel .customNavigation .prev:hover,
.akai-product .additional-carousel .customNavigation .next:hover{background:var(--red);color:#fff;}

/* ---------- Title, rating ---------- */
.akai-product .product-title{
  font-size:clamp(20px,2.2vw,26px);font-weight:700;line-height:1.25;margin:0 0 10px;letter-spacing:-.01em;
}
.akai-product .rating-wrapper{display:flex;align-items:center;gap:14px;margin-bottom:14px;flex-wrap:wrap;}
.akai-product .rating-wrapper .fa-stack{font-size:13px;}
.akai-product .rating-wrapper i.fa-star{color:var(--gold);}
.akai-product .rating-wrapper i.fa-star.off{color:var(--line);}
.akai-product .review-count{font-size:13px;color:var(--ink-70);text-decoration:underline;}
.akai-product .review-count:hover{color:var(--red);}
.akai-product .write-review{font-size:13px;font-weight:700;color:var(--red);}
.akai-product .write-review i{margin-right:5px;}

/* ---------- Spec rows (shared by the small model table AND the
   JS-reformatted description2 / description blocks) ---------- */
.akai-product table.product-description{width:100%;border-collapse:collapse;margin-bottom:0;}
.akai-product table.product-description tr{border-bottom:1px solid var(--line);}
.akai-product table.product-description td{padding:7px 0;font-size:13.5px;vertical-align:top;}
.akai-product table.product-description .desc{
  font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-50);
}
.akai-product table.product-description .description-right{text-align:right;font-weight:600;color:var(--ink);}

.akai-product .spec-grid{width:100%;}
.akai-product .spec-row{
  display:flex;justify-content:space-between;gap:16px;padding:7px 0;
  border-bottom:1px solid var(--line);font-size:13.5px;
}
.akai-product .spec-row:last-child{border-bottom:none;}
.akai-product .spec-label{
  font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-50);
  flex:0 0 auto;
}
.akai-product .spec-value{font-weight:600;color:var(--ink);text-align:right;}
.akai-product .spec-group-title{
  font-family:'Unbounded',sans-serif;font-size:15px;font-weight:700;color:var(--ink);
  margin:28px 0 4px;padding-left:14px;border-left:3px solid var(--red);
}
.akai-product .spec-group-title:first-child{margin-top:0;}
.akai-product .spec-heading-main{
  font-family:'Unbounded',sans-serif;font-size:19px;font-weight:800;color:var(--ink);margin:0 0 20px;
}

.akai-product .stock_msg{display:none;}
.akai-product .description2-raw p{font-size:14.5px;line-height:1.7;color:var(--ink-70);}

/* ---------- Price / options block ---------- */
.akai-product ul.list-unstyled{list-style:none;margin:0 0 18px;padding:0;}
.akai-product ul.list-unstyled li{font-size:14px;color:var(--ink-70);margin-bottom:6px;}
.akai-product .special-price .new-prices{font-size:26px;font-weight:800;color:var(--red);font-family:'Unbounded',sans-serif;}
.akai-product .special-price .old-prices{font-size:16px;color:var(--ink-50);text-decoration:line-through;margin-left:10px;}

.akai-product .form-group{margin-bottom:16px;}
.akai-product .control-label{display:block;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin-bottom:6px;}
.akai-product .form-control{
  width:100%;border:1.5px solid var(--line);border-radius:10px;padding:10px 14px;font-size:14px;
  font-family:'Inter',sans-serif;background:#fff;color:var(--ink);transition:border-color .15s ease;
}
.akai-product .form-control:focus{outline:none;border-color:var(--red);}
.akai-product .btn-group.prd_page:empty{display:none;}
.akai-product .form-group.qty{margin:0;}
.akai-product .alert-info{
  background:var(--paper-alt);border:1px solid var(--line);border-radius:10px;padding:12px 16px;
  font-size:13px;color:var(--ink-70);
}

.akai-product hr{border:none;border-top:1px solid var(--line);margin:14px 0;}
.akai-product .addthis_inline_share_toolbox:empty{display:none;}
.akai-product .content_product_block:empty{display:none;}

/* ---------- Tabs (pill style) ---------- */
.akai-product #tabs_info{margin-top:48px;}
.akai-product .nav-tabs{
  display:flex;gap:10px;border:none;margin-bottom:28px;flex-wrap:wrap;
}
.akai-product .nav-tabs li{list-style:none;}
.akai-product .nav-tabs li a{
  display:block;padding:11px 24px;font-size:14px;font-weight:700;color:var(--ink-soft);
  background:var(--paper-alt);border-radius:999px;transition:background .15s ease,color .15s ease;
}
.akai-product .nav-tabs li a:hover{background:var(--paper-dim);}
.akai-product .nav-tabs li.active a{background:var(--red);color:#fff;}
.akai-product .tab-content{
  font-size:14.5px;line-height:1.75;color:var(--ink-70);
  background:var(--paper-alt);
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  width:auto;
}
.akai-product .tab-content .tab-pane{
  max-width:1160px;margin:0 auto;padding:36px 40px;
}
.akai-product .tab-content img{border-radius:var(--radius);}

/* ---------- Characteristics accordion (#tab-description groups) ---------- */
.akai-product .spec-accordion-item{border-bottom:1px solid var(--line);}
.akai-product .spec-accordion-item:first-of-type{border-top:1px solid var(--line);}
.akai-product .spec-accordion-toggle{
  display:flex;align-items:center;justify-content:space-between;width:100%;
  background:none;border:none;padding:18px 4px;cursor:pointer;text-align:left;
  font-family:'Unbounded',sans-serif;font-size:15px;font-weight:700;color:var(--ink);
}
.akai-product .spec-accordion-item.is-open .spec-accordion-toggle{color:var(--red);}
.akai-product .spec-accordion-icon{
  flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:#fff;border:1.5px solid var(--line);
  display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:var(--ink-soft);
  transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.akai-product .spec-accordion-item.is-open .spec-accordion-icon{
  background:var(--red);border-color:var(--red);color:#fff;
}
.akai-product .spec-accordion-panel{padding:0 4px 20px;}
.akai-product .spec-accordion-panel .spec-grid .spec-row:last-child{border-bottom:none;}

/* legacy fallback: if attribute_groups tab is ever populated as a real table */
.akai-product table.table.table-bordered{width:100%;border-collapse:collapse;margin-bottom:28px;}
.akai-product table.table.table-bordered thead tr td{
  padding:16px 4px 8px;font-family:'Unbounded',sans-serif;font-size:14px;font-weight:700;color:var(--ink);
  border-bottom:2px solid var(--red);
}
.akai-product table.table.table-bordered tbody tr td{
  padding:10px 4px;font-size:13.5px;border-bottom:1px solid var(--line);color:var(--ink-70);
}
.akai-product table.table.table-bordered tbody tr td:first-child{color:var(--ink-50);width:45%;}
.akai-product table.table.table-bordered tbody tr td:last-child{font-weight:600;color:var(--ink);}

/* ---------- Review tab / form ---------- */
.akai-product #tab-review h4{font-size:17px;margin:24px 0 16px;}
.akai-product #tab-review .help-block{font-size:12px;color:var(--ink-50);margin-top:6px;}
.akai-product #tab-review textarea.form-control{min-height:110px;}
.akai-product #button-review{
  background:var(--red);color:#fff;border:none;border-radius:999px;padding:11px 28px;font-weight:700;
  font-size:14px;cursor:pointer;transition:background .15s ease;
}
.akai-product #button-review:hover{background:var(--red-dark);}

/* ---------- Related products ---------- */
.akai-product .related_prd{margin-top:56px;}
.akai-product .related_prd .box-heading{
  font-family:'Unbounded',sans-serif;font-size:clamp(20px,2.4vw,26px);font-weight:800;text-align:center;
  margin-bottom:32px;letter-spacing:-.01em;
}
.akai-product .box-product{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.akai-product .box-product.product-carousel{display:flex;gap:20px;overflow:hidden;}
@media(max-width:960px){.akai-product .box-product{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.akai-product .box-product{grid-template-columns:1fr;}}

.akai-product .product-items,.akai-product .slider-item{flex:0 0 auto;}
.akai-product .related_prd .product-block.product-thumb{
  background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);
  transition:box-shadow .2s ease,transform .2s ease;height:100%;display:flex;flex-direction:column;
}
.akai-product .related_prd .product-block.product-thumb:hover{box-shadow:0 12px 30px rgba(20,19,18,.1);transform:translateY(-3px);}
.akai-product .image_cover{position:relative;aspect-ratio:1/1;background:var(--paper-alt);}
.akai-product .image_cover .image{width:100%;height:100%;}
.akai-product .image_cover img{width:100%;height:100%;object-fit:contain;padding:16px;}
.akai-product .image_cover .special-tag{
  position:absolute;top:10px;left:10px;background:var(--red);color:#fff;font-size:11px;font-weight:800;
  padding:4px 9px;border-radius:999px;
}
.akai-product .product_hover_block .action{
  position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:8px;
  opacity:0;transform:translateX(6px);transition:opacity .2s ease,transform .2s ease;
}
.akai-product .product-block.product-thumb:hover .product_hover_block .action{opacity:1;transform:translateX(0);}
.akai-product .product_hover_block .action .quickview-button a,
.akai-product .product_hover_block .action button{
  width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-soft);
  font-size:13px;transition:background .15s ease,color .15s ease;
}
.akai-product .product_hover_block .action .quickview-button a:hover,
.akai-product .product_hover_block .action button:hover{background:var(--red);color:#fff;}
.akai-product .product-details{padding:16px;flex:1;display:flex;flex-direction:column;}
.akai-product .caption .rating{margin-bottom:6px;}
.akai-product .caption .rating .fa-stack{font-size:11px;}
.akai-product .caption .rating i.fa-star{color:var(--gold);}
.akai-product .caption .rating i.fa-star.off{color:var(--line);}
.akai-product .caption .rating .total-review{font-size:11.5px;color:var(--ink-50);margin-left:4px;}
.akai-product .caption h4{font-size:14px;font-weight:600;margin:0 0 8px;line-height:1.35;}
.akai-product .caption h4 a:hover{color:var(--red);}
.akai-product .caption .price{font-size:15px;font-weight:800;color:var(--ink);margin:auto 0 0;}
.akai-product .caption .price-new{color:var(--red);margin-right:8px;}
.akai-product .caption .price-old{font-size:13px;color:var(--ink-50);text-decoration:line-through;font-weight:600;}
.akai-product .related_prd .customNavigation{display:flex;justify-content:flex-end;gap:8px;margin-bottom:16px;}
.akai-product .related_prd .customNavigation a{
  width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;color:var(--ink-soft);cursor:pointer;
}
.akai-product .related_prd .customNavigation a:hover{background:var(--red);color:#fff;}

/* ---------- Mobile ---------- */
@media(max-width:767px){
  .akai-product{padding:24px 0 40px;}
  .akai-product .product-left{margin-bottom:24px;}
  .akai-product .slider-item{width:110px;}
  .akai-product .tab-content .tab-pane{padding:20px;}
}