
.product.media{
  position:relative;   
  overflow:hidden;     
}



.product-info-main .price-box{
  display:flex;
  align-items:center;
  gap:.55rem;                       
  font-family:var(--cg-font,"Inter","Helvetica Neue",sans-serif);
  margin-block:.4rem 1rem;          
 justify-content:center;
}


.product-info-main .price-box .price{
  font-size:clamp(2rem,1.1vw + 1.4rem,2.4rem);
  font-weight:700;
  font-variant-numeric:tabular-nums;

  color:var(--cg-accent,#b89b65);
  display:inline-flex;align-items:center;
  padding:.28rem 1.1rem .24rem;
  border-radius:12px;

  
  background:color-mix(in srgb,var(--cg-accent) 16%,rgba(255,255,255,.72));
  backdrop-filter:blur(8px) saturate(140%);
  box-shadow:
      0 1px 1px rgba(255,255,255,.25) inset,
      0 3px 6px rgba(0,0,0,.08) inset,
      0 4px 12px rgba(0,0,0,.10);

  transition:transform .18s cubic-bezier(.16,.8,.36,1),
             box-shadow .18s cubic-bezier(.16,.8,.36,1);
}
.product-info-main .price-box:hover .price{
  transform:translateY(-3px) scale(1.015);
  box-shadow:
      0 1px 1px rgba(255,255,255,.28) inset,
      0 5px 10px rgba(0,0,0,.10) inset,
      0 6px 18px rgba(0,0,0,.12);
}


.product-info-main .special-price .price-label{
  display:inline-flex;align-items:center;
  padding:.18rem .7rem .14rem;
  font-size:.9rem;font-weight:600;
  text-transform:uppercase;
  letter-spacing:.35px;
  color:#fff;background:var(--cg-accent);
  border-radius:4px;
  box-shadow:0 2px 4px rgba(0,0,0,.12);
}


.product-info-main .old-price .price{
  font-size:1.3rem;font-weight:400;
  color:#8e8e8e;
  text-decoration:line-through;
  opacity:.6;
  transition:opacity .25s;
}
.product-info-main .price-box:hover .old-price .price{opacity:.4;}
.product-info-main .old-price .price-label{display:none;}   


@media (prefers-reduced-motion:reduce){
  .product-info-main .price-box .price{transition:none;}
}



.product-info-main .stock{
  display:inline-flex;               
  align-items:center;
  gap:.4rem;                         
  padding:.25rem .85rem .22rem;
  font:600 1.2rem/1 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
  text-transform:capitalize;
  border-radius:18px;                
  user-select:none;
  white-space:nowrap;
  backdrop-filter:blur(8px) saturate(140%);
  box-shadow:
      0 1px 1px rgba(255,255,255,.25) inset,
      0 3px 6px rgba(0,0,0,.08) inset,
      0 4px 12px rgba(0,0,0,.10);
  transition:transform .18s cubic-bezier(.16,.8,.36,1),
             box-shadow .18s cubic-bezier(.16,.8,.36,1);
}
.product-info-main .stock:is(:hover,:focus-visible){
  transform:translateY(-2px);
  box-shadow:
      0 1px 1px rgba(255,255,255,.28) inset,
      0 5px 10px rgba(0,0,0,.10) inset,
      0 6px 18px rgba(0,0,0,.12);
}


.product-info-main .stock.available{
  color:#0a662e;                         
  background:color-mix(in srgb,#0a662e 16%,rgba(255,255,255,.75));
}


.product-info-main .stock.unavailable{
  color:#8e2222;                         
  background:color-mix(in srgb,#8e2222 16%,rgba(255,255,255,.75));
}


.product-info-main .stock.available::before,
.product-info-main .stock.unavailable::before{
  content:"";
  display:inline-block;
  width:1rem; height:1rem;
  border-radius:50%;
}
.product-info-main .stock.available::before{ background:#0a662e; }
.product-info-main .stock.unavailable::before{ background:#8e2222; }


@media (prefers-reduced-motion:reduce){
  .product-info-main .stock{transition:none;}
}



:root{
  --cg-blue    : #2d337f;           
  --cg-neutral : #4b4f5a;           
  --cg-surfaceA: rgba(255,255,255,.72);     
}


.product-info-main .product.attribute.overview{
  position:relative;            
  max-width:75ch;               
  margin:1.8rem auto 2.4rem;    

  padding:1.6rem 2rem;
  background:var(--cg-surfaceA);
  backdrop-filter:blur(10px) saturate(140%);
  border:1px solid rgba(45,51,127,.08);
  border-radius:14px;
  box-shadow:0 4px 16px rgba(0,0,0,.06);

  font-family:var(--cg-font,"Inter","Helvetica Neue",sans-serif);
  font-size:clamp(1.45rem,0.35vw + 1.35rem,1.7rem);
  line-height:1.65;
  color:var(--cg-neutral);

  overflow:hidden;              
  max-height:calc(1.65em * 8);  
  transition:max-height .6s cubic-bezier(.16,.8,.36,1);
  cursor:pointer;               
}


.product-info-main .product.attribute.overview::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0;
  height:4rem;
  background:linear-gradient(to bottom,
             rgba(255,255,255,0) 0%, var(--cg-surfaceA) 80%);
  pointer-events:none;
  transition:opacity .4s ease;
}


.product-info-main .product.attribute.overview h2,
.product-info-main .product.attribute.overview h3{
  margin:.9rem 0 .4rem;
  font-weight:600; color:var(--cg-blue);
}
.product-info-main .product.attribute.overview a{
  color:var(--cg-blue);
  text-decoration:underline 2px transparent;
  transition:text-decoration-color .25s;
}
.product-info-main .product.attribute.overview a:hover{
  text-decoration-color:var(--cg-blue);
}


@media (hover:hover){
  .product-info-main .product.attribute.overview:is(:hover,:focus-within){
      max-height:999rem;            
      cursor:auto;                  
  }
  .product-info-main .product.attribute.overview:is(:hover,:focus-within)::after{
      opacity:0;                    
  }
}


@media (hover:none){
  .product-info-main .product.attribute.overview{
      max-height:none;
      cursor:auto;
  }
  .product-info-main .product.attribute.overview::after{display:none;}
}


@media (prefers-reduced-motion:reduce){
  .product-info-main .product.attribute.overview{
      transition:none;
  }
  .product-info-main .product.attribute.overview::after{
      transition:none;
  }
}

.product-info-main .product.attribute.overview{
  margin-inline:auto;        
}


.product-info-main .product.attribute.overview{
  text-align:justify;
}



.wk-fulfilment-row{
  display:inline-flex;
  align-items:center;
  gap:1.3rem;                               

  
  padding:.55rem 1.9rem .5rem 1.7rem;       
  background:color-mix(in srgb,var(--cg-blue,#2d337f) 8%,#fff);
  backdrop-filter:blur(8px) saturate(140%);
  border:1px solid rgba(45,51,127,.08);
  border-radius:18px;                       
  box-shadow:0 2px 6px rgba(0,0,0,.05);
  user-select:none;
}


.wk-fulfilment-icon{
  display:inline-grid;place-items:center;
  flex:0 0 2.8rem;                          
  width:2.8rem;height:2.8rem;
  border-radius:50%;

  background:color-mix(in srgb,var(--cg-blue,#2d337f) 8%,#fff);
  backdrop-filter:blur(8px) saturate(140%);
  border:1px solid rgba(45,51,127,.08);
  box-shadow:0 2px 6px rgba(0,0,0,.06);
}


.wk-fulfilment-icon svg{
  
  width:1.6rem;
  height:1.6rem;
  stroke:#b89b65;          
}


.wk-fulfilment-text{
  font:600 1.25rem/1.45   
       var(--cg-font,"Inter","Helvetica Neue",sans-serif);
  color:var(--cg-blue,#2d337f);
  white-space:nowrap;
   text-align:center; 
}


.wk-fulfilment-row:is(:hover,:focus-within){
  transform:translateY(-3px);               
  transition:transform .18s cubic-bezier(.16,.8,.36,1),
             box-shadow  .18s cubic-bezier(.16,.8,.36,1);
  box-shadow:0 4px 12px rgba(0,0,0,.10);
}

@media (prefers-reduced-motion:reduce){
  .wk-fulfilment-row{transition:none;}
}




.wk-fulfilment-row{
  display:flex;            
  margin:1.2rem auto;      
}


.product-info-main .wk-seller-card-row,
.product-info-main .wk-seller-card-row-parent{
  display:flex;
  justify-content:center;  
}


.wk-fulfilment-row{
  margin-block:1.2rem;         
}



.box-tocart .fieldset-add .control{
  display:inline-flex;
  align-items:center;
  gap:.6rem;                       
}




.box-tocart .fieldset-add input.qty{
  
  height:3.2rem;                   
  min-width:5.8rem;                

  
  font-size:1.35rem;               
  line-height:1.35rem;             
  font-weight:600;

  
  color:var(--cg-blue,#2d337f);

  
  text-align:center;
  background:#fff;
  border:1px solid rgba(45,51,127,.15);
  border-radius:18px;
  box-shadow:0 1px 3px rgba(0,0,0,.05) inset;
  transition:border-color .18s ease, box-shadow .18s ease;
}


.box-tocart .fieldset-add input.qty:hover{
  border-color:rgba(45,51,127,.28);
}
.box-tocart .fieldset-add input.qty:focus-visible{
  outline:none;
  border-color:var(--cg-accent,#b89b65);
  box-shadow:0 0 0 3px rgba(184,155,101,.35);
}


input.qty::-webkit-outer-spin-button,
input.qty::-webkit-inner-spin-button{appearance:none;margin:0;}
input.qty[type=number]{appearance:textfield;}

@media(prefers-reduced-motion:reduce){
  .btn-qty, input.qty{transition:none;}
}


:root{ --qty-size:3.4rem; }             


.box-tocart .fieldset-add .field{
  display:flex; flex-direction:column; align-items:center;
  width:100%; margin-top:1.4rem;
}


.box-tocart .fieldset-add .control{
  display:inline-flex; align-items:center; justify-content:center;
  gap:.75rem; margin-inline:auto; margin-bottom:1.2rem;
}


.box-tocart .fieldset-add .custom-qty{
  width:var(--qty-size); height:var(--qty-size);      
  overflow:hidden;                                   
}
.box-tocart .fieldset-add .custom-qty.reduced{ border-radius:20px 0 0 20px;}
.box-tocart .fieldset-add .custom-qty.increase{border-radius:0 20px 20px 0;}


.box-tocart .fieldset-add .btn-qty{
  all:unset;                         
  width:100%; height:100%;
  display:grid; place-items:center;
  border-radius:inherit !important;  
  background:#fff;
  border:1px solid rgba(45,51,127,.15);
  cursor:pointer;
  transition:background .18s ease, color .18s ease;
}
.box-tocart .fieldset-add .btn-qty:is(:hover,:focus-visible){
  background:var(--cg-accent,#b89b65); color:#fff;
}
.box-tocart .fieldset-add .btn-qty span{
  font-size:1.5rem; line-height:1; color:inherit;
}


.box-tocart .fieldset-add input.qty{
  height:var(--qty-size); min-width:6.2rem; padding:0 .7rem;
  text-align:center;
  font:600 1.45rem/1.45 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
  color:var(--cg-blue,#2d337f);
  background:#fff; border:1px solid rgba(45,51,127,.17);
  border-radius:20px;
  box-shadow:0 1px 3px rgba(0,0,0,.05) inset;
  transition:border-color .18s ease, box-shadow .18s ease;
}
.box-tocart .fieldset-add input.qty:hover{
  border-color:rgba(45,51,127,.30);
}
.box-tocart .fieldset-add input.qty:focus-visible{
  outline:none; border-color:var(--cg-accent,#b89b65);
  box-shadow:0 0 0 3px rgba(184,155,101,.35);
}


input.qty::-webkit-outer-spin-button,
input.qty::-webkit-inner-spin-button{appearance:none;margin:0;}
input.qty[type=number]{appearance:textfield;}


@media(max-width:480px){
  .box-tocart .fieldset-add .control{flex-wrap:wrap;gap:.7rem;}
}


@media(prefers-reduced-motion:reduce){
  .btn-qty,input.qty{transition:none;}
}



.box-tocart .actions{
  width:100%;
  display:flex !important;        
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:1rem;
  margin:3rem auto 2rem;          
}


.box-tocart .actions .tocart,
.box-tocart .instant-purchase{
  display:inline-flex; justify-content:center; align-items:center;

  
  min-width:22rem;                
  height:5rem;                    
  padding:0 3.6rem;

  
  font:700 1.45rem/1 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
  letter-spacing:.2px;
  color:#fff;

  
  background:color-mix(in srgb,var(--cg-blue,#2d337f) 92%,#fff 8%);
  backdrop-filter:blur(8px) saturate(160%);
  border:1px solid color-mix(in srgb,var(--cg-blue,#2d337f) 30%,transparent);
  border-radius:2.8rem;
  box-shadow:0 4px 10px rgba(0,0,0,.12);

  cursor:pointer; user-select:none;

  transition:background .18s cubic-bezier(.16,.8,.36,1),
             transform  .18s cubic-bezier(.16,.8,.36,1),
             box-shadow .18s cubic-bezier(.16,.8,.36,1);
}


.box-tocart .actions .tocart:hover,
.box-tocart .instant-purchase:hover,
.box-tocart .actions .tocart:focus-visible,
.box-tocart .instant-purchase:focus-visible{
  background:var(--cg-accent,#b89b65);
  transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(0,0,0,.16);
  outline:none;
}

.box-tocart .actions .tocart:hover span,
.box-tocart .instant-purchase:hover span,
.box-tocart .actions .tocart:focus-visible span,
.box-tocart .instant-purchase:focus-visible span{
  color:#fff;                     
}


.box-tocart .actions .tocart:active,
.box-tocart .instant-purchase:active{
  transform:translateY(0);
  box-shadow:0 2px 6px rgba(0,0,0,.14);
}


.box-tocart .actions .tocart.disabled,
.box-tocart .instant-purchase.disabled{
  opacity:.55; cursor:not-allowed;
  box-shadow:none; transform:none;
}


@media (prefers-reduced-motion:reduce){
  .box-tocart .actions .tocart,
  .box-tocart .instant-purchase{transition:none;}
}





.cat-links{
  display:inline-flex;
  align-items:center;
  gap:.55rem;                         
  font:500 1.3rem/1.45
       var(--cg-font,"Inter","Helvetica Neue",sans-serif);
  color:var(--cg-neutral,#4b4f5a);
}


.cat-links > span:first-child{
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.3px;
  opacity:.75;
}


.cat-links a{
  position:relative;
  font-weight:600;
  color:var(--cg-blue,#2d337f);
  text-decoration:none;

  
  background-image:linear-gradient(
      to right,
      var(--cg-accent,#b89b65) 0 0
  );
  background-size:0% 2px;
  background-repeat:no-repeat;
  background-position:left bottom;
  transition:background-size .45s cubic-bezier(.16,.8,.36,1),
             color           .25s;
}


.cat-links a:is(:hover,:focus){
  background-size:100% 2px;           
  color:var(--cg-accent,#b89b65);     
}


.cat-links a::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(
      120deg,
      transparent 0%,
      rgba(255,255,255,.7) 45%,
      transparent 90%
  );
  transform:translateX(-120%);
  opacity:0;
  pointer-events:none;
  transition:transform .7s cubic-bezier(.16,.8,.36,1),
             opacity    .25s;
}
.cat-links a:is(:hover,:focus)::after{
  transform:translateX(120%);
  opacity:.9;
}


@media (prefers-reduced-motion:reduce){
  .cat-links a,
  .cat-links a::after{transition:none;}
}



.product.info.detailed{
  margin:3rem 0 4rem;
  font-family:var(--cg-font,"Inter","Helvetica Neue",sans-serif);
  color:var(--cg-neutral,#4b4f5a);
}




.product-accordion .product.data.items > .item.title{
  list-style:none;
  margin:0 0 1rem;
  cursor:pointer;
}


.product-accordion .item.title > .switch{
  display:flex;align-items:center;justify-content:space-between;
  width:100%;

  
  min-height:3.2rem;
  padding:.75rem 2rem;
  border-radius:24px;
  background:color-mix(in srgb,var(--cg-blue,#2d337f) 8%,#fff) !important;;
  backdrop-filter:blur(10px) saturate(135%);
  border:1px solid color-mix(in srgb,var(--cg-blue,#2d337f) 25%,transparent);

  
  font:600 1.05rem/1 var(--cg-font);
  letter-spacing:.25px;
  color:var(--cg-blue,#2d337f);
  text-decoration:none;

  
  transition:background .25s,color .25s;
}


.product-accordion .item.title > .switch                    {box-shadow:none;}
.product-accordion .item.title > .switch:is(:hover,:focus)  {
  background:var(--cg-accent,#b89b65);
  color:#fff;
}


.product-accordion .item.title.opened > .switch{
  background:var(--cg-blue,#2d337f);
  color:#fff;
}




.product-accordion .item.title > .switch::after{
  
  margin-right:22px;
  margin-top:15px;

  
  display:inline-block;

  
  transform-origin:center;   
  transform:rotate(0deg);    

  
  transition:transform .35s cubic-bezier(.22,1,.36,1);
}


.product-accordion .item.title.opened > .switch::after,
.product-accordion .item.title.active  > .switch::after{
  transform:rotate(180deg);  
}



.product-accordion .item.title > .switch{
  position:relative;
}
.product-accordion .item.title > .switch::before{
  content:"";
  position:absolute;
  left:1.5rem; right:1.5rem;
  bottom:-2px;
  height:2px;
  background:var(--cg-blue,#2d337f);
  transform-origin:left;
  transition:transform .85s cubic-bezier(.22,1,.36,1),
             opacity   .55s ease;
}
.product-accordion .item.title.opened   > .switch::before,
.product-accordion .item.title.active   > .switch::before{
  transform:scaleX(0);
  opacity:0;
}




.product-accordion .item.content[aria-hidden="true"],
.product-accordion .item.content[data-hidden="true"]{
  max-height:0;
  padding:0 2rem 0;              
  overflow:hidden;
}


.product-accordion .item.content[aria-hidden="false"],
.product-accordion .item.content[data-hidden="false"]{
  max-height:none;               
  padding:1.4rem 2rem 2rem;
}


.product-accordion .item.content{
  transition:max-height .55s cubic-bezier(.22,1,.36,1),
             padding    .55s cubic-bezier(.22,1,.36,1);
}


.product.attribute.description .value{
  max-width:none;
  width:100%;
  font-size:1.4rem;              
  line-height:1.75;
  text-align:justify;
  text-wrap:pretty;
  hyphens:auto;
}


@media(min-width:640px){
.product.attribute.description .value p:first-of-type::first-letter{
    font-size:135%; font-weight:600; color:var(--cg-accent,#b89b65);
}
}


.product.attribute.description .btn-desc{
  display:flex;justify-content:center;margin-top:1.2rem;
}
.product.attribute.description .btn-desc button{
  all:unset;cursor:pointer;
  padding:.5rem 1.6rem;border-radius:18px;
  font:600 1.5rem var(--cg-font);
  color:var(--cg-accent);
  transition:background .25s,color .25s;
}
.product.attribute.description .btn-desc button:is(:hover,:focus){
  background:var(--cg-accent);color:#fff;
}


.additional-attributes-wrapper{overflow-x:auto;}
.additional-attributes{
  width:100%;border-collapse:collapse;font-size:.95rem;
}
.additional-attributes th{
  text-align:left;padding:.65rem 1rem;
  color:var(--cg-blue);background:rgba(45,51,127,.05);
}
.additional-attributes td{
  padding:.65rem 1rem;border-bottom:1px solid rgba(45,51,127,.08);
}


.product-accordion .product.data.items{
 
  border-radius:18px;
  background:#fff;
  overflow:hidden;               
}


@media(prefers-reduced-motion:reduce){
  .product-accordion .item.content,
  .product-accordion .item.title > .switch,
  .product-accordion .item.title > .switch::after{transition:none;}
}

@media (min-width:768px){
.product.data.items > .item.title:not(.disabled) > .switch:active,
.product.data.items > .item.title.active > .switch,
.product.data.items > .item.title.active > .switch:is(:hover,:focus),
  .product-accordion .product.data.items .item.title > .switch{

    
    background:#fff;
    color:color-mix(in srgb,var(--cg-blue,#2d337f) 92%,#fff 8%) !important;

    
    transform:translateX(4px);  

    
    text-decoration: none;
    outline:none;
text-align: center !important;
    
    transition:transform .25s cubic-bezier(.22,1,.36,1) !important;
               background .25s,color .25s !important; 
}
}




.product-accordion .item.content[aria-hidden="true"],
.product-accordion .item.content[data-hidden="true"]{
  max-height:0 !important;        
  padding:0 2rem 0 !important;    
  overflow:hidden !important;
}


.product-accordion .item.content[aria-hidden="false"],
.product-accordion .item.content[data-hidden="false"]{
  max-height:80rem !important;    
  padding:1.4rem 2rem 2rem !important;
}


.product-accordion .item.content{
  
  will-change:max-height, padding;
  
  
  transition:
      max-height .55s cubic-bezier(.22,1,.36,1) !important
      padding    .55s cubic-bezier(.22,1,.36,1) !important
}



.message.info{
  
  display:flex !important;                       
  align-items:center; 
  justify-content:center;                        
  flex-wrap:wrap;
  gap:.85rem;                                    

  
  width:100% !important;                         
  padding:1.4rem 2.4rem;
  border-radius:30px;

  
  background:color-mix(in srgb,var(--cg-blue,#2d337f) 6%,#fff);
  backdrop-filter:blur(10px) saturate(135%);
  border:1px solid color-mix(in srgb,var(--cg-blue,#2d337f) 18%,transparent);

  
  font:500 1.5rem/1.55 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
  color:var(--cg-blue,#2d337f);

  
  transition:transform .25s cubic-bezier(.22,1,.36,1);
}
.message.info:hover{transform:translateY(-2px);}


.message.info > :first-child{
  position:relative;                           
  padding-left:3.2rem;                         
}
.message.info > :first-child::before{
  content:"\e954";                             
  font-family:'mbicon';
  -webkit-font-smoothing:antialiased;
     -moz-osx-font-smoothing:grayscale;

  
  position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:2.4rem;height:2.4rem;
  display:grid;place-items:center;
  border-radius:50%;
  background:var(--cg-blue,#2d337f);
  color:#fff;
  font-size:1.85rem;line-height:1;
  transform:none !important; 
}


.message.info a,
.message.info a:visited{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.5rem 1.6rem;
  border-radius:22px;

  font:600 1rem/1 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
  color:#fff !important;                      
  text-decoration:none;

  background:var(--cg-accent,#b89b65);
  transition:background .25s,transform .25s;
}
.message.info a:is(:hover,:focus-visible){
  background:color-mix(in srgb,var(--cg-accent,#b89b65) 82%,#000 0%);
  transform:translateY(-1px);
  outline:none;                               
}


@media (prefers-reduced-motion:reduce){
  .message.info,
  .message.info a{transition:none;}
}



.box-tocart .towishlist{
  
  position:absolute;
  right:2.2rem;
  top:50%;
  transform:translateY(-50%);

  
  width:3.6rem;               
  height:3.6rem;
  border-radius:50%;
  border:2px solid var(--cg-accent,#b89b65) !important;   
  background:#fff;

  
  display:flex;align-items:center;justify-content:center;
  font-size:1.8rem;           
  line-height:1;
  color:var(--cg-blue,#2d337f);                 

  
  padding:0;cursor:pointer;user-select:none;
  outline:none;                                       
  transition:border-color .18s,color .18s,transform .18s;
}


.box-tocart .towishlist:focus,
.box-tocart .towishlist:focus-visible{outline:none;}


.box-tocart .towishlist:hover,
.box-tocart .towishlist:focus-visible{
  border-color:var(--cg-blue,#2d337f) !important;     
  color:var(--cg-accent,#b89b65) !important;          
}


.box-tocart .towishlist:active{
  transform:translateY(-50%) scale(.92);
}


@media(prefers-reduced-motion:reduce){
  .box-tocart .towishlist{transition:none;}
}
.gallery-placeholder .fotorama__stage__frame .fotorama__img {
  top: 50%;
  border-radius: 15px !important;
}
.product-accordion .product.data.items .item.title > .switch{    
  background:#fff;
  color:color-mix(in srgb,var(--cg-blue,#2d337f) 92%,#fff 8%) !important;

  
  transform:translateX(4px);  

  
  text-decoration: none;
  outline:none;
text-align: center !important;
  
  transition:transform .25s cubic-bezier(.22,1,.36,1) !important;
             background .25s,color .25s !important; 
}

@media (max-width: 600px){
.product-accordion .item.content[aria-hidden="false"],
.product-accordion .item.content[data-hidden="false"]{
    max-height:none !important;      
}
}



.product-info-price{
  display:flex;
  flex-direction:column;      
}


.product-info-price .product-info-stock-sku     { order:1; }
.product-info-price .product.attribute.overview { order:2; }


.product-info-price .price-box{
  order:3;
  margin-top:1.2rem;
}
.box-tocart .towishlist > span{
  margin-left: 1px;
}



#mp-wk-block{
  font-family:var(--cg-font,"Inter","Helvetica Neue",sans-serif);
  color:var(--cg-neutral,#4b4f5a);
  font-size:1.15rem;
}


#mp-wk-block .wk-seller-card-container{
  position:relative;
  display:grid;
  grid-template-columns:1fr auto;     
  gap:1.2rem 1.6rem;
  padding:1.6rem 2rem;
  width:100%;
  border-radius:18px;
  background:color-mix(in srgb,#fff 82%,var(--cg-blue,#2d337f) 8%);
  backdrop-filter:blur(8px) saturate(140%);
  border:1px solid rgba(45,51,127,.08);
  box-shadow:0 4px 12px rgba(0,0,0,.08);
}


#mp-wk-block .wk-block-font-bold-up{
  font:600 1.5rem/1 var(--cg-font);
  text-transform:uppercase;
  letter-spacing:.3px;
  color:var(--cg-accent,#b89b65);
}
#mp-wk-block .wk-block-title-css a{
  font:600 1.5rem/1.3 var(--cg-font);
  color:var(--cg-blue,#2d337f);
  text-decoration:none;
}
#mp-wk-block .wk-block-title-css a:hover{color:var(--cg-accent,#b89b65);}


#mp-wk-block .wk-block-rating{font-size:1.2rem;opacity:.75;cursor:default;}


#mp-wk-block .wk-seller-rating.wk-mp-design-inner{
  position:absolute;left:0;top:100%;margin-top:.8rem;
  min-width:250px;z-index:30;
  padding:1rem 1.4rem;border-radius:14px;background:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.14);
  display:none;
}
#mp-wk-block .wk-block-rating:hover + .wk-seller-rating,
#mp-wk-block .wk-block-rating:focus-visible + .wk-seller-rating{display:block;}


#mp-wk-block .wk-seller-card-col a{
  font:600 1.2rem/1 var(--cg-font);
  color:var(--cg-accent,#b89b65);
  text-decoration:none;
}
#mp-wk-block .wk-seller-card-col a:hover{text-decoration:underline;}


#mp-wk-block .wk-seller-card-row{
  display:flex;
  gap:1.4rem;
  align-items:center;
}


#mp-wk-block .wk-ask-question-link{
  
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  float:none !important;
}


#mp-wk-block #askque{
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.35rem;
  font:600 1.3rem/1.3 var(--cg-font);
  color:var(--cg-blue,#2d337f);
  cursor:pointer;
  text-align:center;
  padding:0 !important;
  float:none !important;
}
/* === CaptainGreek — Premium swatch tiles (Martfury-safe reset) === */
:root { --cg-blue:#2d337f; --cg-gold:#b89b65; --cg-border:#d8dee9; --cg-surface:#fff; --cg-text:#2d337f; }

/* 1) Wrapper tidy */
#product-options-wrapper { margin-top: 6px; }
#product-options-wrapper .swatch-attribute-label {
  display:block; margin:0 0 6px; font-weight:700; color:var(--cg-text);
}

/* 2) KILL legacy floats/inline-block & build a clean FLEX row */
#product-options-wrapper .swatch-attribute-options {
  display:flex !important;
  flex-wrap:wrap;
  gap:12px;
  margin:0;
  padding:0;
  clear:both;
}
#product-options-wrapper .swatch-attribute-options::after { content:none !important; } /* kill clearfix ghosts */

/* 3) Reset *all* swatch option defaults the theme injects */
#product-options-wrapper .swatch-option {
  float:none !important;
  display:flex !important;
  align-items:center;
  justify-content:flex-start;
  box-sizing:border-box;
  margin:0 !important;
  width:auto !important;
  height:auto !important;
  line-height:normal !important;
  background:#fff;
  border:1px solid var(--cg-border);
  border-radius:12px;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
  padding:10px 12px;
  gap:12px;
  cursor:pointer;
  transition:border-color .16s ease, box-shadow .16s ease, transform .08s ease;
  position:relative;
}

/* 4) Two-column tiles by default; grow nicely on wide screens */
#product-options-wrapper .swatch-option.image,
#product-options-wrapper .swatch-option.text {
  flex: 1 1 260px;      /* target width ~260px */
  max-width: 420px;
  min-width: 220px;
}

/* 5) Thumbnail block (left) */
#product-options-wrapper .swatch-option .img-native-wrap {
  width:48px !important;
  height:36px !important;
  padding:0 !important;     /* nuke inline padding-bottom trick */
  border-radius:8px;
  overflow:hidden;
  background:#f4f6fb;
  flex:0 0 48px;
}
#product-options-wrapper .swatch-option .img-native-wrap img {
  width:100% !important; height:100% !important; object-fit:cover; display:block;
}

/* 6) Human-readable label (right) pulled from data-option-label */
#product-options-wrapper .swatch-option::after {
  content: attr(data-option-label);
  font-size:15px; line-height:1.25; color:#1f2430;
  white-space:normal; overflow-wrap:anywhere;
}

/* 7) States */
#product-options-wrapper .swatch-option:hover {
  border-color: color-mix(in srgb, var(--cg-blue) 40%, var(--cg-border));
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
  transform: translateY(-1px);
}
#product-options-wrapper .swatch-option.selected,
#product-options-wrapper .swatch-option[aria-checked="true"] {
  border-color: var(--cg-blue);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--cg-blue) 22%, white);
}
#product-options-wrapper .swatch-option.disabled,
#product-options-wrapper .swatch-option[aria-disabled="true"] {
  opacity:.45; cursor:not-allowed; text-decoration:line-through;
}

/* 8) Hide Magento’s tiny “selected option” text; our tile already shows it */
#product-options-wrapper .swatch-attribute-selected-option { display:none !important; }

/* 9) Mobile: stack into 1–2 columns gracefully */
@media (max-width: 640px) {
  #product-options-wrapper .swatch-option.image,
  #product-options-wrapper .swatch-option.text {
    flex: 1 1 100%;
    min-width: 0;
  }
}


#mp-wk-block #askque::before{
  content:"";
  display:block;                 
  width:1.6rem;height:1.6rem;
  background:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' \
stroke='%23b89b65' stroke-width='2' stroke-linecap='round' \
stroke-linejoin='round' fill='none'>\
<path d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/>\
<polyline points='22,6 12,13 2,6'/>\
</svg>") center/100% 100% no-repeat;
}


#mp-wk-block .wk-seller-response-container{
  font-size:1.05rem;
  opacity:.75;
  margin-top:.25rem;
  display:none;
}
#mp-wk-block #askque:hover + .wk-seller-response-container,
#mp-wk-block #askque:focus-visible + .wk-seller-response-container{
  display:block;
}


@media (prefers-reduced-motion:reduce){
  #mp-wk-block *{transition:none!important;}
}

#mp-wk-block .wk-ask-question-link,
#mp-wk-block #askque{
  display:flex !important;          
  flex-direction:column !important; 
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;             
  gap:.35rem;
}

#mp-wk-block .wk-ask-question-link,
#mp-wk-block .wk-ask-question-link a{          
  display:flex   !important;
  flex-direction:column !important;          
  align-items:center   !important;
  justify-content:center!important;
  gap:.4rem;                                 
  padding:0        !important;               
}


#mp-wk-block .wk-ask-question-link a::before{
  position:static  !important;               
  left:auto        !important;
  top:auto         !important;
  transform:none   !important;
  margin:0 auto -.1rem auto;                 
  display:block;                             
  width:1.6rem;height:1.6rem;
  background:url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' \
stroke='%23b89b65' stroke-width='2' stroke-linecap='round' \
stroke-linejoin='round' fill='none'>\
<path d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/>\
<polyline points='22,6 12,13 2,6'/>\
</svg>") center/100% 100% no-repeat;
  content:"";                                
}


#mp-wk-block .wk-ask-question-link a:hover + .wk-seller-response-container,
#mp-wk-block .wk-ask-question-link a:focus-visible + .wk-seller-response-container{
  display:block !important;
}



#mp-wk-block .wk-seller-response-container{
  position:absolute;                    
  left:50%; top:100%; transform:translate(-50%,1rem); 
  min-width:15rem;
  padding:1rem 1.4rem;

  font:500 1.4rem/1.45 var(--cg-font);
  color:var(--cg-blue,#2d337f);
  text-align:center;

  background:color-mix(in srgb,#fff 72%,var(--cg-blue) 6%);
  backdrop-filter:blur(10px) saturate(135%);
  border:1px solid rgba(45,51,127,.08);
  border-radius:14px;
  box-shadow:0 6px 18px rgba(0,0,0,.14);

  opacity:0; pointer-events:none;       
  transition:
      opacity      .25s ease,
      transform    .25s cubic-bezier(.22,1,.36,1);
}


#mp-wk-block .wk-ask-question-link:hover  + .wk-seller-response-container,
#mp-wk-block .wk-ask-question-link:focus-within + .wk-seller-response-container,
#mp-wk-block .wk-seller-response-container:hover,
#mp-wk-block .wk-seller-response-container:focus-visible{
  opacity:1;
  pointer-events:auto;
  transform:translate(-50%,.4rem);      
}


#mp-wk-block .wk-seller-response-container span[id^="reponseRate"],
#mp-wk-block .wk-seller-response-container span[id^="avgTime"]{
  font-weight:600;
  color:var(--cg-accent,#b89b65);
}


@media (prefers-reduced-motion:reduce){
  #mp-wk-block .wk-seller-response-container{
      transition:none;
      transform:translate(-50%,.4rem);  
  }
}



#mp-wk-block .wk-block-rating{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:4rem;               
  padding:.25rem .7rem .2rem;
  font:600 1.1rem/1 var(--cg-font);
  color:#0a662e;                
  font-variant-numeric:tabular-nums;

  
  background:color-mix(in srgb,#0a662e 16%,rgba(255,255,255,.75));
  backdrop-filter:blur(8px) saturate(140%);
  border-radius:8px;
  box-shadow:
      0 1px 1px rgba(255,255,255,.25) inset,
      0 3px 6px rgba(0,0,0,.08) inset,
      0 4px 10px rgba(0,0,0,.10);

  cursor:default;
  transition:transform .18s cubic-bezier(.16,.8,.36,1);
}
#mp-wk-block .wk-block-rating:hover{transform:translateY(-2px);}


#mp-wk-block .wk-seller-rating.wk-mp-design-inner{
  position:absolute;
  left:50%; top:115%;            
  transform:translateX(-50%) scale(.96);
  width:max-content; min-width:17rem;
  max-width:26rem;

  padding:1rem 1.4rem;
  font:500 1.05rem/1.55 var(--cg-font);
  color:var(--cg-neutral);
  text-align:left;

  background:color-mix(in srgb,#fff 78%,var(--cg-blue) 6%);
  backdrop-filter:blur(10px) saturate(135%);
  border:1px solid rgba(45,51,127,.08);
  border-radius:14px;
  box-shadow:0 8px 24px rgba(0,0,0,.16);

  opacity:0; pointer-events:none;
  transition:
      opacity   .25s ease,
      transform .25s cubic-bezier(.22,1,.36,1);

  
}
#mp-wk-block .wk-seller-rating.wk-mp-design-inner::before{
  content:"";
  position:absolute; left:50%; top:-6px; transform:translateX(-50%);
  width:12px; height:12px;
  background:inherit;
  border:inherit;
  border-left:none; border-bottom:none;
  transform:translateX(-50%) rotate(45deg);
  clip-path:polygon(0 0,100% 0,100% 100%); 
}


#mp-wk-block .wk-block-rating:hover + .wk-seller-rating,
#mp-wk-block .wk-block-rating:focus-visible + .wk-seller-rating,
#mp-wk-block .wk-seller-rating:hover,
#mp-wk-block .wk-seller-rating:focus-visible{
  opacity:1; pointer-events:auto;
  transform:translateX(-50%) scale(1);
}


#mp-wk-block .wk-seller-rating span[id^="reponseRate"],
#mp-wk-block .wk-seller-rating span[id^="avgTime"]{
  font-weight:600;
  color:var(--cg-accent,#b89b65);
}


@media (prefers-reduced-motion:reduce){
  #mp-wk-block .wk-seller-rating{
      transition:none;
      transform:translateX(-50%) scale(1);
  }
}



#mp-wk-block .wk-seller-card-container{
  position:relative;
  z-index:200;            
  overflow:visible;
}


#mp-wk-block .wk-block-rating{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:4rem;padding:.25rem .7rem .2rem;
  font:600 1.1rem/1 var(--cg-font);
  color:#0a662e;
  background:color-mix(in srgb,#0a662e 16%,rgba(255,255,255,.78));
  backdrop-filter:blur(8px) saturate(140%);
  border-radius:8px;
  box-shadow:0 3px 6px rgba(0,0,0,.08) inset,0 4px 10px rgba(0,0,0,.10);
  font-variant-numeric:tabular-nums;
}


:root{
  --cg-popup-offset:25%;   
}


#mp-wk-block .wk-seller-rating.wk-mp-design-inner{
  position:absolute;
  left:var(--cg-popup-offset);
  top:115%;
  transform:translateX(calc(-1 * var(--cg-popup-offset))) scale(.96);

  width:max-content;min-width:17rem;max-width:26rem;
  padding:1rem 1.4rem;
  font:500 1.05rem/1.55 var(--cg-font);
  color:var(--cg-neutral);
  background:color-mix(in srgb,#fff 80%,var(--cg-blue,#2d337f) 6%);
  backdrop-filter:blur(10px) saturate(135%);
  border:1px solid rgba(45,51,127,.08);
  border-radius:14px;
  box-shadow:0 8px 22px rgba(0,0,0,.16);

  z-index:210;             
  opacity:0;pointer-events:none;
  transition:opacity .25s ease,
             transform .25s cubic-bezier(.22,1,.36,1);
}


#mp-wk-block .wk-seller-rating.wk-mp-design-inner::before{
  content:"";
  position:absolute;left:50%;top:-7px;transform:translateX(-50%) rotate(45deg);
  width:14px;height:14px;
  background:inherit;border:inherit;
  border-left:none;border-bottom:none;
  clip-path:polygon(0 0,100% 0,100% 100%);
}


#mp-wk-block .wk-block-rating:hover + .wk-seller-rating,
#mp-wk-block .wk-block-rating:focus-visible + .wk-seller-rating,
#mp-wk-block .wk-seller-rating:hover,
#mp-wk-block .wk-seller-rating:focus-visible{
  opacity:1;pointer-events:auto;
  transform:translateX(calc(-1 * var(--cg-popup-offset))) scale(1);
}


#mp-wk-block .wk-seller-rating span[id^="reponseRate"],
#mp-wk-block .wk-seller-rating span[id^="avgTime"]{
  font-weight:600;color:var(--cg-accent,#b89b65);
}


@media (prefers-reduced-motion:reduce){
  #mp-wk-block .wk-seller-rating{transition:none;}
}



#mp-wk-block .wk-seller-rating.wk-mp-design-inner{
  min-width:24rem;            
}


#mp-wk-block .wk-seller-rating .mpfeedback{
  display:grid; row-gap:.9rem;
}
#mp-wk-block .mpfeedback > div{
  display:grid;
  grid-template-columns:7.4rem 1rem 8.4rem 4rem;   
  align-items:center;
  column-gap:.4rem;
}


#mp-wk-block .mpfeedback .wk-ordertitle-label{
  font-weight:600; color:var(--cg-blue,#2d337f);
}


#mp-wk-block .mpfeedback span:last-of-type{
  font-size:.9rem; opacity:.75;
}


#mp-wk-block .mpfeedback > div > span:nth-child(2){
  opacity:.6; font-weight:600;
}


#mp-wk-block .mpfeedback .ratingslider-box{
  position:relative;
  width:8.4rem; height:1.15rem;         
  overflow:hidden;
}
#mp-wk-block .mpfeedback .ratingslider-box::before{
  
  position:absolute; inset:0;
  font-size:1.05rem; line-height:1;
  color:#c8c8c8;
}


#mp-wk-block .mpfeedback .rating{
  position:absolute; inset:0; height:100%;
  width:0;                                  
}
#mp-wk-block .mpfeedback .rating::after{
  
  position:absolute; inset:0;
  font-size:1.05rem; line-height:1;
  color:var(--cg-accent,#b89b65);
  width:100%; overflow:hidden;
}


#mp-wk-block .wk-seller-rating .clear,
#mp-wk-block .wk-seller-rating .wk-clear{display:none;}

#mp-wk-block .mpfeedback .rating{
  position:relative !important;
  height:100% !important;
  background:transparent !important;
}



#mp-wk-block .mpfeedback .ratingslider-box{
  height:18px !important;      
  overflow:hidden;             
}


#mp-wk-block .mpfeedback .rating{
  height:18px !important;
}




.product.data.items .item.content .review-form{
  margin-top:2rem;
  font-family:var(--cg-font,"Inter","Helvetica Neue",sans-serif);
  color:var(--cg-neutral,#4b4f5a);
}


.review-fieldset .field.required > .label{
  display:block;margin-bottom:.4rem;
  font-weight:600;
  color:var(--cg-blue,#2d337f);
  text-align: center;
}


.review-fieldset input.input-text,
.review-fieldset textarea{
  width:100%;padding:.55rem 1rem;
  font:600 1.2rem/1.4 var(--cg-font);
  color:var(--cg-blue,#2d337f);

  background:color-mix(in srgb,#fff 85%,var(--cg-blue) 8%);
  backdrop-filter:blur(8px) saturate(140%);
  border:1px solid rgba(45,51,127,.12);
  border-radius:12px;
  box-shadow:0 1px 3px rgba(0,0,0,.08) inset,
             0 3px 8px rgba(0,0,0,.06);
  transition:border-color .18s ease,box-shadow .18s ease;
}


.review-fieldset input.input-text:hover,
.review-fieldset textarea:hover{
  border-color:rgba(45,51,127,.28);
}
.review-fieldset input.input-text:focus-visible,
.review-fieldset textarea:focus-visible{
  outline:none;
  border-color:var(--cg-accent,#b89b65);
  box-shadow:0 0 0 3px rgba(184,155,101,.35);
}


.review-fieldset textarea{min-height:8rem;resize:vertical;}


.review-form-actions .action.submit{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:14rem;height:3.8rem;padding:0 2.4rem;

  font:700 1.25rem/1 var(--cg-font);letter-spacing:.2px;
  color:#fff;

  background:color-mix(in srgb,var(--cg-blue,#2d337f) 92%,#fff 8%);
  backdrop-filter:blur(8px) saturate(160%);
  border:1px solid color-mix(in srgb,var(--cg-blue,#2d337f) 30%,transparent);
  border-radius:2.2rem;
  box-shadow:0 4px 10px rgba(0,0,0,.12);
  cursor:pointer;user-select:none;

  transition:background .18s cubic-bezier(.16,.8,.36,1),
             transform  .18s cubic-bezier(.16,.8,.36,1),
             box-shadow .18s cubic-bezier(.16,.8,.36,1);
}
.review-form-actions .action.submit:hover,
.review-form-actions .action.submit:focus-visible{
  background:var(--cg-accent,#b89b65);
  transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(0,0,0,.16);
  outline:none;
}
.review-form-actions .action.submit:active{
  transform:translateY(0);
  box-shadow:0 2px 6px rgba(0,0,0,.14);
}


@media(max-width:767px){
  
  #review-form .col-lg-6{flex:0 0 100%!important;max-width:100%!important;}
  .review-form-actions{margin-top:1rem;text-align:center;}
}


@media(prefers-reduced-motion:reduce){
  .review-fieldset input.input-text,
  .review-fieldset textarea,
  .review-form-actions .action.submit{transition:none;}
}



#review-form .row{
  display:flex;
  flex-direction:column;
  align-items:center;          
  gap:1.2rem;                  
}


#review-form .col-lg-6,
#review-form .col-12{
  flex:0 1 100%;
  max-width:480px;             
  width:100%;
}


#review-form .review-form-actions{
  text-align:center;
  margin-top:1rem;
}


@media (min-width:768px){
  #review-form .row           {flex-direction:row; align-items:flex-start;}
  #review-form .col-lg-6      {flex:0 0 50%; max-width:50%;}
  #review-form .col-12        {flex:0 0 100%;max-width:100%;}
}




#mp-wk-block .wk-seller-card-row{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:1.4rem;
}


#mp-wk-block .wk-report-flag-link{
  display:inline-flex !important;
  align-items:center !important;
  padding:0 !important;          
}


#mp-wk-block #reportflag{
  display:inline-flex !important;
  align-items:center !important;
  font:600 1.2rem/1 var(--cg-font);
  color:var(--cg-blue,#2d337f);
  text-decoration:none;
  cursor:pointer;
  gap:.55rem;                   
}


#mp-wk-block #reportflag::before{
  content:"";
  width:1.6rem;height:1.6rem;
  flex:0 0 1.6rem;              

  
  position:static !important;   
  left:auto !important; top:auto !important;

  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b89b65' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z'/%3E%3Cline x1='4' y1='22' x2='4' y2='15'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}


#mp-wk-block #reportflag:is(:hover,:focus-visible){
  color:var(--cg-accent,#b89b65);
  outline:none;
}


@media (prefers-reduced-motion:reduce){
  #mp-wk-block #reportflag{transition:none;}
}



#wk-mp-flag-data .modal-popup._inner-scroll{
  background:color-mix(in srgb,#fff 85%,var(--cg-blue,#2d337f) 8%);
  backdrop-filter:blur(14px) saturate(155%);
  border-radius:18px;
  box-shadow:0 12px 32px rgba(0,0,0,.22);
  max-width:540px;
  width:96%;
  margin:auto;
  overflow:hidden;                     
}


#wk-mp-flag-data .modal-header{
  padding:1.4rem 2rem 1.1rem;
  border-bottom:1px solid rgba(45,51,127,.08);
  text-align: center;
}
#wk-mp-flag-data .modal-title{
  margin:0;font:700 1.6rem/1 var(--cg-font);color:var(--cg-blue);
  text-align: center !important;
}


#wk-mp-flag-data .action-close.wk-product-flag-close{
  position:absolute;right:1.2rem;top:1.2rem;
  width:2.4rem;height:2.4rem;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b89b65' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  border:none;cursor:pointer;
}
#wk-mp-flag-data .action-close span{display:none;}   


#wk-mp-flag-data .modal-body{
  padding:1.6rem 2rem 2rem;
  overflow-y:auto;max-height:70vh;
}


#wk-mp-flag-data .wk-flag-form .label{
  display:block;margin:.6rem 0 .2rem;
  font-weight:600;color:var(--cg-blue);
  text-align: center;
  font-size: 1.5rem !important;
}


#wk-mp-flag-data input[type="text"],
#wk-mp-flag-data textarea{
  width:100%;padding:.6rem 1rem;
  font:600 1.2rem/1.5 var(--cg-font);
  color:var(--cg-blue);
  background:color-mix(in srgb,#fff 90%,var(--cg-blue) 6%);
  border:1px solid rgba(45,51,127,.15);
  border-radius:10px;
  box-shadow:0 1px 3px rgba(0,0,0,.08) inset;
  transition:border-color .18s ease,box-shadow .18s ease;
}
#wk-mp-flag-data input[type="text"]:hover,
#wk-mp-flag-data textarea:hover{
  border-color:rgba(45,51,127,.30);
}
#wk-mp-flag-data input[type="text"]:focus-visible,
#wk-mp-flag-data textarea:focus-visible{
  outline:none;
  border-color:var(--cg-accent,#b89b65);
  box-shadow:0 0 0 3px rgba(184,155,101,.35);
}
#wk-mp-flag-data textarea{min-height:7.5rem;resize:vertical;}


#wk-mp-flag-data .wk-flagreasons{
  margin:.45rem 0;position:relative;
}
#wk-mp-flag-data .wk-flagreasons input{
  position:absolute;opacity:0;pointer-events:none;
  
}
#wk-mp-flag-data .wk-flagreasons label{
  display:inline-flex;align-items:center;
  padding:.45rem 1.2rem .4rem;
  font:600 1.3rem/1 var(--cg-font) !important;
  color:var(--cg-blue);
  background:color-mix(in srgb,#fff 88%,var(--cg-blue) 8%);
  border:1px solid rgba(45,51,127,.12);
  border-radius:18px;
  cursor:pointer;
  transition:background .18s,box-shadow .18s;
}
#wk-mp-flag-data .wk-flagreasons input:checked + label{
  background:var(--cg-accent,#b89b65);
  color:#fff;
  box-shadow:0 2px 6px rgba(0,0,0,.12);
}


#wk-mp-flag-data .modal-footer{
  padding:1.2rem 2rem 1.8rem;
  border-top:1px solid rgba(45,51,127,.08);
  text-align:right;
}
#wk-mp-flag-data .modal-footer .wk-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:10rem;height:3.4rem;padding:0 1.8rem;
  margin-left:.8rem;
  font:700 1.15rem/1 var(--cg-font);
  border-radius:2rem;border:1px solid transparent;
  cursor:pointer;user-select:none;
  transition:background .18s,transform .18s,box-shadow .18s;
}
#wk-mp-flag-data .wk-btn-product-flag_default{          
  background:#e5e5e5;color:#333;
}
#wk-mp-flag-data .wk-btn-product-flag_default:hover{
  transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.10);
}
#wk-mp-flag-data .wk-btn-product-flag-primary{          
  background:color-mix(in srgb,var(--cg-blue,#2d337f) 92%,#fff 8%);
  color:#fff;
}
#wk-mp-flag-data .wk-btn-product-flag-primary:hover{
  background:var(--cg-accent,#b89b65);
  transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(0,0,0,.16);
}


@media(max-width:480px){
  #wk-mp-flag-data .modal-popup._inner-scroll{
      max-width:90vw;
  }
  #wk-mp-flag-data .wk-flagreasons label{
      font-size:1rem;padding:.4rem 1rem;
      font-size: 1.3rem !important;
  }
}


@media(prefers-reduced-motion:reduce){
  #wk-mp-flag-data *{transition:none!important;}
}







#wk-mp-flag-data .action-close.wk-product-flag-close{
  
  position:absolute; right:1.2rem; top:1.2rem;
  width:1.2rem; height:1.2rem;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b89b65' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  border:none; cursor:pointer;
}

#wk-mp-flag-data .action-close.wk-product-flag-close::before,
#wk-mp-flag-data .action-close.wk-product-flag-close::after{
  content:'' !important;   
}


#wk-mp-flag-data .wk-flag-form .label{
  display:block;
  margin:.95rem 0 .35rem;          
  font:600 1.5rem/1.25 var(--cg-font);
  
  text-align:center;
  color: ;
}



#wk-mp-flag-data .wk-flag-form > *:not(:last-child){
  margin-bottom:1.1rem;
}
@media (max-width: 480px) {
#wk-mp-flag-data .wk-flagreasons label {
  font-size: 1rem;
  padding: .4rem 1rem;
  font-size: 1.3rem !important;
}
}



.modal-popup.modal-slide._inner-scroll .modal-inner-wrap{
  background:color-mix(in srgb,#fff 85%,var(--cg-blue,#2d337f) 8%);
  backdrop-filter:blur(14px) saturate(155%);
  border-radius:18px;
  box-shadow:0 12px 32px rgba(0,0,0,.22);
  max-width:540px;
  width:96%;
  margin:auto;
  overflow:hidden;
}


.modal-popup.modal-slide._inner-scroll .modal-header{
  padding:1.4rem 2rem 1.1rem;
  border-bottom:1px solid rgba(45,51,127,.08);
  text-align:center;
}
.modal-popup.modal-slide._inner-scroll .modal-title{
  margin:0;
  font:700 1.6rem/1 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
  color:var(--cg-blue);
}


button.action-close-contact{
  position:absolute;
  right:1.2rem; top:1.2rem;
  width:2.4rem; height:2.4rem;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b89b65' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  border:none;
  cursor:pointer;
}
button.action-close-contact span{display:none;}      


.modal-popup.modal-slide._inner-scroll .modal-content{
  padding:1.6rem 2rem 2rem;
  overflow-y:auto;
  max-height:70vh;
}


#ask-form .label{
  display:block;
  margin:.6rem 0 .25rem;
  font:600 1.4rem/1.25 var(--cg-font);
  color:var(--cg-blue);
  text-align:left;
}


#ask-form input[type="text"],
#ask-form input[type="email"],
#ask-form textarea,
#ask-form select{
  width:100%;
  padding:.6rem 1rem;
  font:600 1.2rem/1.45 var(--cg-font);
  color:var(--cg-blue);
  background:color-mix(in srgb,#fff 90%,var(--cg-blue) 6%);
  border:1px solid rgba(45,51,127,.15);
  border-radius:10px;
  box-shadow:0 1px 3px rgba(0,0,0,.08) inset;
  transition:border-color .18s ease,box-shadow .18s ease;
}
#ask-form input:hover,
#ask-form textarea:hover,
#ask-form select:hover{
  border-color:rgba(45,51,127,.30);
}
#ask-form input:focus-visible,
#ask-form textarea:focus-visible,
#ask-form select:focus-visible{
  outline:none;
  border-color:var(--cg-accent,#b89b65);
  box-shadow:0 0 0 3px rgba(184,155,101,.35);
}
#ask-form textarea{min-height:8rem;resize:vertical;}


#ask-form select{
  appearance:none;
  background:
      color-mix(in srgb,#fff 90%,var(--cg-blue) 6%)
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b89b65' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")
      no-repeat right 1rem center / 1.2rem 1.2rem;
  padding-right:3.2rem;                       
}


input.wk_imagevalidate{
  padding:5px 0;
  font:600 1.2rem var(--cg-font);
  color:var(--cg-neutral,#4b4f5a);
}


#ask-form div > span > label{
  font:600 1.3rem/1.25 var(--cg-font);
  color:var(--cg-blue);
}


.modal-popup.modal-slide._inner-scroll .modal-footer{
  padding:1.2rem 2rem 1.8rem;
  border-top:1px solid rgba(45,51,127,.08);
  text-align:right;
  display:flex;
  justify-content:flex-end;
  gap:1rem;
}
.modal-popup.modal-slide._inner-scroll .modal-footer button{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:10rem; height:3.6rem; padding:0 2rem;
  font:700 1.15rem/1 var(--cg-font);
  border-radius:2.2rem;
  border:1px solid transparent;
  cursor:pointer;
  user-select:none;
  transition:background .18s,transform .18s,box-shadow .18s;
}

.modal-popup.modal-slide._inner-scroll .modal-footer button:first-of-type{
  background:#e5e5e5; color:#333;
}
.modal-popup.modal-slide._inner-scroll .modal-footer button:first-of-type:hover{
  transform:translateY(-2px);
  box-shadow:0 4px 10px rgba(0,0,0,.10);
}

.modal-popup.modal-slide._inner-scroll .modal-footer button:last-of-type{
  background:color-mix(in srgb,var(--cg-blue,#2d337f) 92%,#fff 8%);
  color:#fff;
}
.modal-popup.modal-slide._inner-scroll .modal-footer button:last-of-type:hover{
  background:var(--cg-accent,#b89b65);
  transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(0,0,0,.16);
}


@media (max-width:480px){
  .modal-popup.modal-slide._inner-scroll .modal-inner-wrap{max-width:90vw;}
  #ask-form .label{font-size:1.2rem;}
  #ask-form select{background-position:right .7rem center;}
}


@media (prefers-reduced-motion:reduce){
  .modal-popup.modal-slide._inner-scroll *,
  .modal-popup.modal-slide._inner-scroll *::before,
  .modal-popup.modal-slide._inner-scroll *::after{transition:none!important;}
}

input:not([type="radio"]):not([type="checkbox"]), textarea {
  -webkit-appearance: none;
  border-radius: 8px;
 
}  
.modal-popup._inner-scroll {
  overflow-y: visible;
  z-index: 1000 !important;
}

.modal-popup.modal-slide._inner-scroll .action-close-contact{
  
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b89b65' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E")
            center/100% 100% no-repeat !important;
  color:transparent !important;          
  font-size:0 !important;                
  width:2.4rem;height:2.4rem;            
  border:none;cursor:pointer;
}


.modal-popup.modal-slide._inner-scroll .action-close-contact::before,
.modal-popup.modal-slide._inner-scroll .action-close-contact::after{
  content:'' !important;                 
}

.modal-popup.modal-slide._inner-scroll .action-close-contact span{
  display:none !important;               
}


.view-more-detail{
    text-align:right;                 
    margin-top:1rem;                  
}

.view-more-detail a{
    
    font:600 1.25rem/1 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    color:var(--cg-blue,#2d337f);     
    text-decoration:none;

    
    background-image:linear-gradient(currentColor 0 0);
    background-size:0% 2px;
    background-repeat:no-repeat;
    background-position:left bottom;
    transition:background-size .45s cubic-bezier(.16,.8,.36,1),
               color           .25s;
}
.view-more-detail a:is(:hover,:focus-visible){
    background-size:100% 2px;         
    color:var(--cg-accent,#b89b65);   
    outline:none;
}

@media(prefers-reduced-motion:reduce){
    .view-more-detail a{transition:none;}
}


*,*::before,*::after{box-sizing:border-box;}


.social-share .social-listing{            
    display:flex !important;              
    flex-wrap:nowrap !important;          
    gap:.75rem;                           
    justify-content:flex-end;             
}

@media (max-width:767px){
    
    .social-share .social-listing{
        justify-content:flex-start !important;
    }
}


.product-info-main-top .info-after-title{
    
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:1.2rem;                         
    margin-top:.6rem;                   
}


.product-info-main-top .info-after-title > div{
    position:relative;
    padding-left:1.2rem;                
}
.product-info-main-top .info-after-title > div::before{
    content:'';
    position:absolute; left:0; top:50%;
    width:1px; height:1.4rem;
    background:var(--cg-surface-edge,#d9dcf0);
    transform:translateY(-50%);
    opacity:.85;
}

.product-info-main-top .info-after-title > div:first-child{
    padding-left:0;
}
.product-info-main-top .info-after-title > div:first-child::before{
    display:none;
}


.product-info-main-top .product.attribute.sku .type{
    margin-right:.35rem;
    font-weight:600;                    
    color:var(--cg-blue,#2d337f);
}
.product-info-main-top .product.attribute.sku .type::after{content:':';}

.product-info-main-top .product.attribute.sku > .value{
    color:var(--cg-neutral,#4b4f5a);
    font-weight:500;
}


@media(prefers-reduced-motion:reduce){
    .product-info-main-top .info-after-title *{transition:none;}
}



