.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 Magentos tiny selected option text; our tile already shows it */
#product-options-wrapper .swatch-attribute-selected-option { display:none !important; }
/* 9) Mobile: stack into 12 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,\
") 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,\
") 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;}
}
/* Captain Greek premium product page V1 */
/*
Scope: Magento product detail pages only.
Keeps gallery/fotorama, swatches, priceBox, add-to-cart, wishlist, compare,
reviews, Webkul seller blocks, and MageBig WidgetPlus functionality intact.
*/
body.catalog-product-view {
--cg-navy: #2d337f;
--cg-navy-dark: #1f245d;
--cg-gold: #d4af37;
--cg-gold-deep: #b89445;
--cg-cream: #fbfaf5;
--cg-soft: #f4efe2;
--cg-ink: #252733;
--cg-muted: #687084;
--cg-border: rgba(45, 51, 127, .13);
}
/* Page canvas */
body.catalog-product-view .main-container {
padding-top: 14px;
}
body.catalog-product-view .column.main.main-wrap {
min-width: 0;
}
/* Top product title bar */
body.catalog-product-view .product-info-main-top {
position: relative;
margin: 8px 0 22px;
padding: 22px 24px;
border: 1px solid rgba(45, 51, 127, .11);
border-radius: 26px;
background:
radial-gradient(circle at 6% 0%, rgba(212, 175, 55, .15), transparent 34%),
radial-gradient(circle at 96% 8%, rgba(45, 51, 127, .08), transparent 32%),
linear-gradient(180deg, #ffffff 0%, #fbfaf5 100%);
box-shadow: 0 16px 42px rgba(31, 36, 93, .075);
overflow: hidden;
}
body.catalog-product-view .product-info-main-top:before {
content: "Captain Greek Selection";
display: inline-flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
color: var(--cg-gold);
font-size: 11px;
font-weight: 900;
letter-spacing: .16em;
text-transform: uppercase;
}
body.catalog-product-view .product-info-main-top .page-title-wrapper.product {
margin: 0;
}
body.catalog-product-view .product-info-main-top .page-title {
margin: 0;
color: var(--cg-navy);
font-family: "Cormorant Garamond", "Playfair Display", Georgia, serif;
font-size: clamp(38px, 4.3vw, 62px);
font-weight: 560;
letter-spacing: .005em;
line-height: 1.02;
}
body.catalog-product-view .product-info-main-top .info-after-title {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
margin-top: 12px;
}
body.catalog-product-view .product-info-main-top .product.attribute.sku {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0;
padding: 8px 12px;
color: #3d4358;
background: rgba(255, 255, 255, .82);
border: 1px solid rgba(45, 51, 127, .10);
border-radius: 999px;
font-size: 12px;
font-weight: 700;
}
body.catalog-product-view .product-info-main-top .product.attribute.sku .type {
color: var(--cg-gold-deep);
font-size: 11px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
}
body.catalog-product-view .product-info-main-top .product.attribute.sku .value {
color: var(--cg-navy-dark);
font-weight: 800;
}
/* Social share */
body.catalog-product-view .product-info-main-top .social-share {
display: flex;
justify-content: flex-end;
margin-top: 0;
}
body.catalog-product-view .product-info-main-top .social-listing {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
body.catalog-product-view .product-info-main-top .share-item {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 42px !important;
height: 42px !important;
color: var(--cg-navy) !important;
background: rgba(255, 255, 255, .92) !important;
border: 1px solid rgba(45, 51, 127, .12) !important;
border-radius: 50% !important;
box-shadow: 0 8px 18px rgba(31, 36, 93, .08) !important;
text-decoration: none !important;
cursor: pointer;
transition: transform .17s ease, background .17s ease, color .17s ease, border-color .17s ease;
}
body.catalog-product-view .product-info-main-top .share-item:hover,
body.catalog-product-view .product-info-main-top .share-item:focus-visible {
color: #ffffff !important;
background: linear-gradient(135deg, var(--cg-navy) 0%, var(--cg-navy-dark) 100%) !important;
border-color: rgba(45, 51, 127, .92) !important;
transform: translateY(-2px);
outline: none;
}
/* Product gallery/media */
body.catalog-product-view .product.media {
position: relative;
padding: 18px;
background:
radial-gradient(circle at 20% 0%, rgba(212, 175, 55, .14), transparent 34%),
linear-gradient(180deg, #ffffff 0%, #fbfaf5 100%);
border: 1px solid rgba(45, 51, 127, .10);
border-radius: 28px;
box-shadow: 0 18px 46px rgba(31, 36, 93, .08);
overflow: hidden;
}
body.catalog-product-view .product.media .gallery-placeholder,
body.catalog-product-view .product.media .fotorama__stage,
body.catalog-product-view .product.media .fotorama__stage__shaft,
body.catalog-product-view .product.media .fotorama__wrap {
border-radius: 22px;
}
body.catalog-product-view .product.media .fotorama__stage {
background: rgba(255, 255, 255, .72);
border: 1px solid rgba(45, 51, 127, .07);
box-shadow: inset 0 1px 0 rgba(255,255,255,.88);
}
body.catalog-product-view .product.media .fotorama__img {
border-radius: 18px;
}
body.catalog-product-view .product.media .fotorama__thumb-border {
border-color: var(--cg-gold) !important;
border-radius: 12px !important;
}
body.catalog-product-view .product.media .fotorama__nav__frame {
border-radius: 12px;
}
body.catalog-product-view .product.media .fotorama__thumb {
background: #fff;
border-radius: 12px;
border: 1px solid rgba(45, 51, 127, .08);
}
/* Dynamic product-view discount percent inserted by MageBig swatch/configurable JS */
body.catalog-product-view .product.media .discount-percent {
position: absolute !important;
top: 18px !important;
left: 18px !important;
right: auto !important;
bottom: auto !important;
z-index: 20 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
padding: 8px 12px !important;
color: #fff !important;
background: linear-gradient(135deg, #9f3c2f 0%, #c98d34 55%, #d4af37 100%) !important;
border: 1px solid rgba(255,255,255,.70) !important;
border-radius: 999px !important;
box-shadow: 0 10px 22px rgba(160, 59, 45, .24) !important;
font-size: 12px !important;
font-weight: 900 !important;
line-height: 1 !important;
letter-spacing: .02em !important;
transform: none !important;
rotate: 0deg !important;
}
body.catalog-product-view .product.media .discount-percent:before,
body.catalog-product-view .product.media .discount-percent:after {
content: none !important;
display: none !important;
}
/* Main purchase panel */
body.catalog-product-view .product-info-main:not(.product-info-main-top) {
padding: 22px;
background: rgba(255,255,255,.92);
border: 1px solid rgba(45, 51, 127, .10);
border-radius: 28px;
box-shadow: 0 18px 46px rgba(31, 36, 93, .075);
}
body.catalog-product-view .product-info-main:not(.product-info-main-top) .product-info-price,
body.catalog-product-view .product-info-main:not(.product-info-main-top) .price-box {
margin: 0 0 16px;
}
body.catalog-product-view .product-info-main:not(.product-info-main-top) .price-box .price {
color: var(--cg-gold-deep);
font-family: "Cormorant Garamond", "Playfair Display", Georgia, serif;
font-size: clamp(31px, 3vw, 44px);
font-weight: 700;
line-height: 1;
}
body.catalog-product-view .product-info-main:not(.product-info-main-top) .old-price .price {
color: #8a8d9b;
font-family: inherit;
font-size: 14px;
font-weight: 700;
text-decoration: line-through;
}
body.catalog-product-view .product-info-main:not(.product-info-main-top) .stock,
body.catalog-product-view .product-info-main:not(.product-info-main-top) .availability {
display: inline-flex;
align-items: center;
gap: 7px;
margin: 0 0 14px;
padding: 8px 12px;
color: var(--cg-navy);
background: rgba(45, 51, 127, .055);
border: 1px solid rgba(45, 51, 127, .10);
border-radius: 999px;
font-size: 12px;
font-weight: 850;
}
body.catalog-product-view .product-info-main:not(.product-info-main-top) .stock:before,
body.catalog-product-view .product-info-main:not(.product-info-main-top) .availability:before {
content: "";
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--cg-gold);
}
/* Configurable options / swatches */
body.catalog-product-view .product-options-wrapper {
margin: 16px 0;
padding: 16px;
background: linear-gradient(180deg, rgba(251,250,245,.95), rgba(244,239,226,.72));
border: 1px solid rgba(212, 175, 55, .24);
border-radius: 20px;
}
body.catalog-product-view .product-options-wrapper .swatch-attribute {
margin: 0 0 14px;
}
body.catalog-product-view .product-options-wrapper .swatch-attribute:last-child {
margin-bottom: 0;
}
body.catalog-product-view .swatch-attribute-label {
display: block;
margin-bottom: 8px;
color: var(--cg-navy);
font-size: 12px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
}
body.catalog-product-view .swatch-option {
min-width: 44px;
min-height: 38px;
padding: 8px 12px;
color: var(--cg-navy-dark);
background: #fff;
border: 1px solid rgba(45, 51, 127, .13);
border-radius: 12px;
box-shadow: 0 6px 14px rgba(31, 36, 93, .055);
font-weight: 800;
}
body.catalog-product-view .swatch-option:hover,
body.catalog-product-view .swatch-option.selected {
color: #fff;
background: linear-gradient(135deg, var(--cg-navy) 0%, var(--cg-navy-dark) 100%);
border-color: var(--cg-navy);
outline: none;
}
/* Add to cart */
body.catalog-product-view #product_addtocart_form,
body.catalog-product-view .product-add-form {
margin-top: 16px;
}
body.catalog-product-view .box-tocart {
padding: 18px;
background: rgba(255,255,255,.88);
border: 1px solid rgba(45, 51, 127, .10);
border-radius: 22px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
}
body.catalog-product-view .box-tocart .fieldset {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: flex-end;
margin: 0;
}
body.catalog-product-view .box-tocart .field.qty {
margin: 0;
}
body.catalog-product-view .box-tocart .field.qty .label,
body.catalog-product-view .box-tocart .field.qty label {
display: block;
margin-bottom: 7px;
color: var(--cg-navy);
font-size: 11px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
}
body.catalog-product-view .box-tocart .control,
body.catalog-product-view .box-tocart .qty-wrap {
display: inline-flex;
align-items: center;
}
body.catalog-product-view .box-tocart input.qty {
width: 78px !important;
height: 48px !important;
color: var(--cg-navy-dark);
background: #fff;
border: 1px solid rgba(45, 51, 127, .14);
border-radius: 14px;
box-shadow: 0 8px 18px rgba(31, 36, 93, .06);
font-size: 16px;
font-weight: 800;
text-align: center;
}
body.catalog-product-view .box-tocart .actions {
display: flex;
flex: 1 1 230px;
gap: 10px;
align-items: center;
margin: 0;
}
body.catalog-product-view .box-tocart .action.tocart,
body.catalog-product-view .box-tocart button.tocart {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 100%;
min-height: 52px;
padding: 0 24px;
color: var(--cg-navy-dark) !important;
background: linear-gradient(135deg, #fff8df 0%, #efd06a 100%) !important;
border: 1px solid rgba(212, 175, 55, .78) !important;
border-radius: 999px !important;
box-shadow: 0 12px 28px rgba(212, 175, 55, .20) !important;
font-size: 14px;
font-weight: 900;
letter-spacing: .03em;
text-transform: uppercase;
}
body.catalog-product-view .box-tocart .action.tocart:hover,
body.catalog-product-view .box-tocart .action.tocart:focus-visible,
body.catalog-product-view .box-tocart button.tocart:hover,
body.catalog-product-view .box-tocart button.tocart:focus-visible {
color: #ffffff !important;
background: linear-gradient(135deg, var(--cg-navy) 0%, var(--cg-navy-dark) 100%) !important;
border-color: rgba(45, 51, 127, .92) !important;
outline: none;
}
/* Secondary product actions */
body.catalog-product-view .product-addto-links,
body.catalog-product-view .product-social-links {
display: flex;
flex-wrap: wrap;
gap: 9px;
margin-top: 14px;
}
body.catalog-product-view .product-addto-links .action,
body.catalog-product-view .product-social-links .action {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-height: 40px;
padding: 8px 13px;
color: var(--cg-navy) !important;
background: #fff;
border: 1px solid rgba(45, 51, 127, .12);
border-radius: 999px;
box-shadow: 0 8px 18px rgba(31, 36, 93, .055);
font-size: 12.5px;
font-weight: 850;
text-decoration: none !important;
}
body.catalog-product-view .product-addto-links .action:hover,
body.catalog-product-view .product-addto-links .action:focus-visible,
body.catalog-product-view .product-social-links .action:hover,
body.catalog-product-view .product-social-links .action:focus-visible {
color: #fff !important;
background: var(--cg-navy);
border-color: var(--cg-navy);
outline: none;
}
/* Short description / product attributes */
body.catalog-product-view .product.attribute.overview,
body.catalog-product-view .product.attribute.description {
color: var(--cg-muted);
font-size: 14.5px;
line-height: 1.7;
}
body.catalog-product-view .product.attribute.overview {
margin: 16px 0;
padding: 16px;
background: rgba(251,250,245,.92);
border: 1px solid rgba(45, 51, 127, .08);
border-radius: 18px;
}
/* Product details/tabs area */
body.catalog-product-view .product.info.detailed,
body.catalog-product-view .product.data.items {
margin-top: 28px;
padding: 22px;
background: linear-gradient(180deg, #ffffff 0%, #fbfaf5 100%);
border: 1px solid rgba(45, 51, 127, .10);
border-radius: 28px;
box-shadow: 0 18px 46px rgba(31, 36, 93, .07);
}
body.catalog-product-view .product.data.items > .item.title > .switch {
color: var(--cg-navy);
background: #fff;
border: 1px solid rgba(45, 51, 127, .11);
border-radius: 999px;
font-weight: 900;
}
body.catalog-product-view .product.data.items > .item.title.active > .switch {
color: #fff;
background: linear-gradient(135deg, var(--cg-navy) 0%, var(--cg-navy-dark) 100%);
border-color: var(--cg-navy);
}
body.catalog-product-view .product.data.items > .item.content {
color: var(--cg-ink);
font-size: 14.5px;
line-height: 1.7;
}
/* Webkul seller block if visible */
body.catalog-product-view .wk-seller-block,
body.catalog-product-view .wk-seller-card-container {
border-radius: 22px !important;
}
body.catalog-product-view .wk-seller-card-container {
background: rgba(255,255,255,.92) !important;
border: 1px solid rgba(45, 51, 127, .10) !important;
box-shadow: 0 14px 34px rgba(31, 36, 93, .075) !important;
}
/* Product sidebar block 46 */
body.catalog-product-view .sidebar-product-page.cg-product-support-panel {
display: grid;
gap: 18px;
margin-top: 22px;
}
body.catalog-product-view .cg-product-support-card,
body.catalog-product-view .cg-product-sidebar-offers {
padding: 20px;
background:
radial-gradient(circle at 8% 0%, rgba(212, 175, 55, .13), transparent 34%),
rgba(255,255,255,.92);
border: 1px solid rgba(45, 51, 127, .10);
border-radius: 24px;
box-shadow: 0 16px 38px rgba(31, 36, 93, .07);
}
body.catalog-product-view .cg-product-support-card__kicker,
body.catalog-product-view .cg-product-sidebar-offers__header span {
display: block;
margin-bottom: 8px;
color: var(--cg-gold);
font-size: 10.5px;
font-weight: 900;
letter-spacing: .14em;
text-transform: uppercase;
}
body.catalog-product-view .cg-product-support-card h3,
body.catalog-product-view .cg-product-sidebar-offers h3 {
margin: 0;
color: var(--cg-navy);
font-family: "Cormorant Garamond", "Playfair Display", Georgia, serif;
font-size: 28px;
font-weight: 600;
line-height: 1.08;
}
body.catalog-product-view .cg-product-support-card p {
margin: 10px 0 0;
color: var(--cg-muted);
font-size: 13.5px;
line-height: 1.55;
}
body.catalog-product-view .cg-product-support-card__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin-top: 16px;
}
body.catalog-product-view .cg-product-support-card__item {
min-width: 0;
padding: 12px;
background: rgba(251,250,245,.92);
border: 1px solid rgba(212, 175, 55, .22);
border-radius: 16px;
}
body.catalog-product-view .cg-product-support-card__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
margin-bottom: 7px;
color: var(--cg-navy);
background: linear-gradient(135deg, #fff8df 0%, #efd06a 100%);
border-radius: 50%;
font-size: 13px;
font-weight: 900;
}
body.catalog-product-view .cg-product-support-card__item strong {
display: block;
color: var(--cg-navy-dark);
font-size: 12.5px;
font-weight: 900;
line-height: 1.2;
}
body.catalog-product-view .cg-product-support-card__item small {
display: block;
margin-top: 3px;
color: var(--cg-muted);
font-size: 11.5px;
line-height: 1.35;
}
body.catalog-product-view .cg-product-support-card__link {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
margin-top: 15px;
padding: 8px 14px;
color: var(--cg-navy-dark);
background: linear-gradient(135deg, #fff8df 0%, #efd06a 100%);
border: 1px solid rgba(212, 175, 55, .72);
border-radius: 999px;
font-size: 12px;
font-weight: 900;
text-decoration: none;
}
body.catalog-product-view .cg-product-support-card__link:hover,
body.catalog-product-view .cg-product-support-card__link:focus-visible {
color: #fff;
background: var(--cg-navy);
border-color: var(--cg-navy);
text-decoration: none;
outline: none;
}
/* Sidebar WidgetPlus product cards */
body.catalog-product-view .cg-product-sidebar-offers .special-offer-widget {
padding: 0 !important;
margin-top: 14px;
}
body.catalog-product-view .cg-product-sidebar-offers .widget-sidebar,
body.catalog-product-view .cg-product-sidebar-offers .widget-product {
margin: 0 !important;
}
body.catalog-product-view .cg-product-sidebar-offers .product-item-info {
background: #fff !important;
border: 1px solid rgba(45, 51, 127, .10) !important;
border-radius: 18px !important;
box-shadow: 0 10px 24px rgba(31, 36, 93, .065) !important;
overflow: hidden;
}
body.catalog-product-view .cg-product-sidebar-offers .product-item-name a {
color: var(--cg-navy-dark) !important;
font-weight: 800 !important;
text-decoration: none !important;
}
body.catalog-product-view .cg-product-sidebar-offers .price-box .price {
color: var(--cg-gold-deep) !important;
font-weight: 900 !important;
}
/* Reviews */
body.catalog-product-view .product-reviews-summary,
body.catalog-product-view .reviews-actions .action {
color: var(--cg-muted);
}
body.catalog-product-view .reviews-actions .action:hover,
body.catalog-product-view .reviews-actions .action:focus-visible {
color: var(--cg-navy);
}
/* Mobile */
@media (max-width: 991px) {
body.catalog-product-view .product-info-main-top {
padding: 20px;
}
body.catalog-product-view .product-info-main-top .social-share {
justify-content: flex-start;
margin-top: 14px;
}
body.catalog-product-view .product.media,
body.catalog-product-view .product-info-main:not(.product-info-main-top),
body.catalog-product-view .product.info.detailed,
body.catalog-product-view .product.data.items {
border-radius: 24px;
}
body.catalog-product-view .cg-product-support-card__grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 640px) {
body.catalog-product-view .main-container {
padding-top: 6px;
}
body.catalog-product-view .product-info-main-top {
margin-top: 4px;
padding: 18px 16px;
border-radius: 22px;
}
body.catalog-product-view .product-info-main-top .page-title {
font-size: 38px;
}
body.catalog-product-view .product-info-main-top .product.attribute.sku {
width: 100%;
justify-content: space-between;
border-radius: 14px;
}
body.catalog-product-view .product.media {
padding: 12px;
border-radius: 22px;
}
body.catalog-product-view .product-info-main:not(.product-info-main-top) {
padding: 16px;
border-radius: 22px;
}
body.catalog-product-view .product-options-wrapper,
body.catalog-product-view .box-tocart {
padding: 14px;
border-radius: 18px;
}
body.catalog-product-view .box-tocart .fieldset {
display: grid;
grid-template-columns: 1fr;
}
body.catalog-product-view .box-tocart .actions {
flex: none;
width: 100%;
}
body.catalog-product-view .box-tocart .action.tocart,
body.catalog-product-view .box-tocart button.tocart {
width: 100%;
}
body.catalog-product-view .product.info.detailed,
body.catalog-product-view .product.data.items {
padding: 16px;
border-radius: 22px;
}
body.catalog-product-view .cg-product-support-card,
body.catalog-product-view .cg-product-sidebar-offers {
padding: 16px;
border-radius: 20px;
}
}
/* End Captain Greek premium product page V1 */
/* Captain Greek product page stable repair V8 */
/*
Scope: product detail pages only.
Goals:
- Keep Add to Cart underneath quantity.
- Restore Product Specifications table styling.
- Remove duplicate Product specifications content heading.
- Keep quantity minus/plus/value visible.
- Keep magnifier contained inside gallery card, not behind product text.
- Keep swatches compact and aligned.
*/
body.catalog-product-view {
--cg-navy: #2d337f;
--cg-navy-dark: #1f245d;
--cg-gold: #d4af37;
--cg-gold-deep: #b89445;
--cg-cream: #fbfaf5;
--cg-soft: #f4efe2;
--cg-ink: #252733;
--cg-muted: #687084;
--cg-border: rgba(45, 51, 127, .13);
}
/* ============================================================
1) Magnifier / gallery containment
============================================================ */
body.catalog-product-view .product.media {
position: relative !important;
overflow: hidden !important;
z-index: 1 !important;
}
body.catalog-product-view .product-info-main:not(.product-info-main-top) {
position: relative !important;
z-index: 3 !important;
}
/* Keep inactive fotorama frames from leaking. */
body.catalog-product-view .product.media .fotorama__stage,
body.catalog-product-view .product.media .fotorama__stage__shaft {
overflow: hidden !important;
border-radius: 22px !important;
}
body.catalog-product-view .product.media .fotorama__stage__frame:not(.fotorama__active) {
opacity: 0 !important;
visibility: hidden !important;
}
body.catalog-product-view .product.media .fotorama__stage__frame.fotorama__active {
opacity: 1 !important;
visibility: visible !important;
}
/* Hidden magnifier layers remain hidden. */
body.catalog-product-view .product.media .magnify-hidden {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
/* Lens visible only when Magento activates it. */
body.catalog-product-view .product.media .magnify-lens:not(.magnify-hidden) {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
z-index: 25 !important;
background: rgba(255,255,255,.16) !important;
border: 1px solid rgba(212,175,55,.78) !important;
border-radius: 16px !important;
box-shadow:
0 12px 28px rgba(31,36,93,.16),
inset 0 1px 0 rgba(255,255,255,.45) !important;
pointer-events: none !important;
}
/* Keep zoom preview inside the image card instead of letting it sit behind product text. */
@media (min-width: 992px) {
body.catalog-product-view .product.media .magnifier-preview:not(.magnify-hidden) {
position: absolute !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
z-index: 24 !important;
top: 18px !important;
left: 18px !important;
right: 18px !important;
bottom: 118px !important;
width: auto !important;
height: auto !important;
min-height: 280px !important;
background: #ffffff !important;
border: 1px solid rgba(45,51,127,.12) !important;
border-radius: 22px !important;
box-shadow: 0 22px 52px rgba(31,36,93,.18) !important;
overflow: hidden !important;
pointer-events: none !important;
}
body.catalog-product-view .product.media .magnifier-preview:not(.magnify-hidden) .magnifier-large {
max-width: none !important;
max-height: none !important;
}
}
@media (max-width: 991px) {
body.catalog-product-view .product.media .magnifier-preview,
body.catalog-product-view .product.media .magnify-lens {
display: none !important;
}
}
/* ============================================================
2) Add to Cart layout and quantity control
============================================================ */
/* The real markup is: .fieldset-add > .field + .actions. Keep these stacked. */
body.catalog-product-view .box-tocart .fieldset-add {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 14px !important;
align-items: start !important;
width: 100% !important;
margin: 0 !important;
}
body.catalog-product-view .box-tocart .fieldset-add .field {
grid-column: 1 / -1 !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
width: auto !important;
margin: 0 !important;
}
body.catalog-product-view .box-tocart .fieldset-add .field > .label {
margin: 0 0 6px !important;
color: var(--cg-navy) !important;
font-size: 11px !important;
font-weight: 900 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
}
body.catalog-product-view .box-tocart .fieldset-add .field > .control {
display: grid !important;
grid-template-columns: 34px 54px 34px !important;
align-items: center !important;
justify-content: start !important;
gap: 5px !important;
width: max-content !important;
max-width: 100% !important;
min-height: 42px !important;
padding: 4px !important;
margin: 0 !important;
background: #ffffff !important;
border: 1px solid rgba(45, 51, 127, .12) !important;
border-radius: 14px !important;
box-shadow: 0 8px 18px rgba(31, 36, 93, .06) !important;
overflow: visible !important;
}
body.catalog-product-view .box-tocart .fieldset-add .custom-qty:before,
body.catalog-product-view .box-tocart .fieldset-add .custom-qty:after,
body.catalog-product-view .box-tocart .fieldset-add .custom-qty.reduced:before,
body.catalog-product-view .box-tocart .fieldset-add .custom-qty.reduced:after,
body.catalog-product-view .box-tocart .fieldset-add .custom-qty.increase:before,
body.catalog-product-view .box-tocart .fieldset-add .custom-qty.increase:after {
content: none !important;
display: none !important;
}
body.catalog-product-view .box-tocart .fieldset-add .custom-qty,
body.catalog-product-view .box-tocart .fieldset-add .custom-qty.reduced,
body.catalog-product-view .box-tocart .fieldset-add .custom-qty.increase {
position: relative !important;
display: block !important;
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
min-height: 34px !important;
padding: 0 !important;
margin: 0 !important;
overflow: visible !important;
opacity: 1 !important;
visibility: visible !important;
}
body.catalog-product-view .box-tocart .fieldset-add .btn-qty,
body.catalog-product-view .box-tocart .fieldset-add button.btn-qty {
all: unset !important;
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 34px !important;
height: 34px !important;
min-width: 34px !important;
min-height: 34px !important;
box-sizing: border-box !important;
color: var(--cg-navy) !important;
background: rgba(251, 250, 245, .96) !important;
border: 1px solid rgba(45, 51, 127, .10) !important;
border-radius: 10px !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.86) !important;
font-size: 0 !important;
line-height: 1 !important;
cursor: pointer !important;
opacity: 1 !important;
visibility: visible !important;
}
body.catalog-product-view .box-tocart .fieldset-add .btn-qty .mbi,
body.catalog-product-view .box-tocart .fieldset-add .btn-qty span {
display: none !important;
}
body.catalog-product-view .box-tocart .fieldset-add .btn-qty.minus:before {
content: "\002D" !important;
}
body.catalog-product-view .box-tocart .fieldset-add .btn-qty.plus:before {
content: "\002B" !important;
}
body.catalog-product-view .box-tocart .fieldset-add .btn-qty.minus:before,
body.catalog-product-view .box-tocart .fieldset-add .btn-qty.plus:before {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
color: currentColor !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 17px !important;
font-weight: 900 !important;
line-height: 1 !important;
opacity: 1 !important;
visibility: visible !important;
}
body.catalog-product-view .box-tocart .fieldset-add .btn-qty:hover,
body.catalog-product-view .box-tocart .fieldset-add .btn-qty:focus-visible {
color: #ffffff !important;
background: linear-gradient(135deg, var(--cg-navy) 0%, var(--cg-navy-dark) 100%) !important;
border-color: var(--cg-navy) !important;
outline: none !important;
}
body.catalog-product-view .box-tocart .fieldset-add .btn-qty[disabled],
body.catalog-product-view .box-tocart .fieldset-add .btn-qty:disabled {
color: rgba(45, 51, 127, .48) !important;
background: rgba(45, 51, 127, .045) !important;
border-color: rgba(45, 51, 127, .08) !important;
cursor: not-allowed !important;
opacity: 1 !important;
visibility: visible !important;
}
body.catalog-product-view .box-tocart .fieldset-add input#qty.input-text.qty,
body.catalog-product-view .box-tocart .fieldset-add input.qty,
body.catalog-product-view #product_addtocart_form input#qty {
display: block !important;
width: 54px !important;
min-width: 54px !important;
max-width: 54px !important;
height: 34px !important;
min-height: 34px !important;
padding: 0 !important;
margin: 0 !important;
color: var(--cg-navy-dark) !important;
-webkit-text-fill-color: var(--cg-navy-dark) !important;
caret-color: var(--cg-navy-dark) !important;
background: #ffffff !important;
border: 1px solid rgba(45, 51, 127, .12) !important;
border-radius: 10px !important;
box-shadow: none !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 15px !important;
font-weight: 900 !important;
line-height: 34px !important;
text-align: center !important;
opacity: 1 !important;
visibility: visible !important;
appearance: textfield !important;
-moz-appearance: textfield !important;
}
body.catalog-product-view #product_addtocart_form input#qty::-webkit-outer-spin-button,
body.catalog-product-view #product_addtocart_form input#qty::-webkit-inner-spin-button {
margin: 0 !important;
-webkit-appearance: none !important;
}
/* Keep Add to Cart underneath quantity. */
body.catalog-product-view .box-tocart .fieldset-add .actions {
grid-column: 1 / -1 !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
body.catalog-product-view .box-tocart .fieldset-add .actions .action.tocart,
body.catalog-product-view .box-tocart .fieldset-add .actions button.tocart,
body.catalog-product-view .box-tocart .fieldset-add #product-addtocart-button {
width: 100% !important;
max-width: 100% !important;
}
/* ============================================================
3) Product Specifications tab and table
============================================================ */
/* Force visible tab label. */
body.catalog-product-view #tab-label-additional-title {
font-size: 0 !important;
}
body.catalog-product-view #tab-label-additional-title:before {
content: "Product Specifications" !important;
display: inline !important;
font-size: 13px !important;
}
/* Remove duplicate inner title. */
body.catalog-product-view #additional.data.item.content:before,
body.catalog-product-view #additional.data.item.content:after {
content: none !important;
display: none !important;
}
body.catalog-product-view #additional.data.item.content {
padding: 20px !important;
background:
radial-gradient(circle at 0 0, rgba(212,175,55,.10), transparent 34%),
rgba(255,255,255,.88) !important;
border: 1px solid rgba(45, 51, 127, .09) !important;
border-radius: 22px !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.86) !important;
}
body.catalog-product-view .additional-attributes-wrapper.table-wrapper {
margin: 0 !important;
overflow: visible !important;
}
body.catalog-product-view table.additional-attributes {
display: block !important;
width: 100% !important;
border: 0 !important;
border-collapse: separate !important;
border-spacing: 0 !important;
background: transparent !important;
}
body.catalog-product-view table.additional-attributes tbody {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
width: 100% !important;
}
body.catalog-product-view table.additional-attributes tr {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 6px !important;
align-content: start !important;
min-width: 0 !important;
padding: 14px !important;
background: #ffffff !important;
border: 1px solid rgba(45, 51, 127, .09) !important;
border-radius: 16px !important;
box-shadow: 0 8px 18px rgba(31, 36, 93, .045) !important;
}
body.catalog-product-view table.additional-attributes th.label,
body.catalog-product-view table.additional-attributes td.data {
display: block !important;
width: auto !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
background: transparent !important;
text-align: left !important;
vertical-align: top !important;
}
body.catalog-product-view table.additional-attributes th.label {
color: var(--cg-gold-deep) !important;
font-size: 11px !important;
font-weight: 900 !important;
letter-spacing: .08em !important;
line-height: 1.25 !important;
text-transform: uppercase !important;
}
body.catalog-product-view table.additional-attributes td.data {
color: var(--cg-navy-dark) !important;
font-size: 13.5px !important;
font-weight: 750 !important;
line-height: 1.45 !important;
}
/* ============================================================
4) Swatches
============================================================ */
body.catalog-product-view .product-options-wrapper .swatch-attribute-options.clearfix:before,
body.catalog-product-view .product-options-wrapper .swatch-attribute-options.clearfix:after {
content: none !important;
display: none !important;
}
body.catalog-product-view .product-options-wrapper .swatch-attribute-options.clearfix,
body.catalog-product-view .product-options-wrapper .swatch-attribute.size .swatch-attribute-options {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 8px !important;
align-items: stretch !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.catalog-product-view .product-options-wrapper .swatch-attribute-options .swatch-option.image {
float: none !important;
clear: none !important;
display: grid !important;
grid-template-columns: 40px minmax(0, 1fr) !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
height: 54px !important;
min-height: 54px !important;
padding: 6px 9px 6px 6px !important;
margin: 0 !important;
color: var(--cg-navy-dark) !important;
background: #ffffff !important;
border: 1px solid rgba(45, 51, 127, .12) !important;
border-radius: 14px !important;
box-shadow: 0 8px 18px rgba(31, 36, 93, .06) !important;
box-sizing: border-box !important;
outline: none !important;
overflow: hidden !important;
}
body.catalog-product-view .product-options-wrapper .swatch-attribute-options .swatch-option.image .img-native-wrap {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 40px !important;
height: 40px !important;
min-width: 40px !important;
min-height: 40px !important;
padding: 0 !important;
padding-bottom: 0 !important;
margin: 0 !important;
background: #fbfaf5 !important;
border: 1px solid rgba(45, 51, 127, .07) !important;
border-radius: 10px !important;
overflow: hidden !important;
}
body.catalog-product-view .product-options-wrapper .swatch-attribute-options .swatch-option.image img,
body.catalog-product-view .product-options-wrapper .swatch-attribute-options .swatch-option.image img.img-fluid {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
padding: 2px !important;
margin: 0 !important;
object-fit: contain !important;
object-position: center !important;
}
body.catalog-product-view .product-options-wrapper .swatch-attribute-options .swatch-option.image:after {
content: attr(data-option-label) !important;
position: static !important;
display: block !important;
color: var(--cg-navy-dark) !important;
font-size: 12px !important;
font-weight: 900 !important;
line-height: 1.15 !important;
text-align: left !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.catalog-product-view .product-options-wrapper .swatch-attribute-options .swatch-option.image.selected:before {
content: none !important;
display: none !important;
}
body.catalog-product-view .product-options-wrapper .swatch-attribute-options .swatch-option.image:hover,
body.catalog-product-view .product-options-wrapper .swatch-attribute-options .swatch-option.image:focus-visible,
body.catalog-product-view .product-options-wrapper .swatch-attribute-options .swatch-option.image.selected,
body.catalog-product-view .product-options-wrapper .swatch-attribute-options .swatch-option.image[aria-checked="true"] {
background:
radial-gradient(circle at 0 0, rgba(212, 175, 55, .16), transparent 35%),
#ffffff !important;
border-color: rgba(212, 175, 55, .88) !important;
border-radius: 14px !important;
box-shadow:
0 12px 26px rgba(31, 36, 93, .10),
inset 0 0 0 1px rgba(212, 175, 55, .34) !important;
}
@media (max-width: 767px) {
body.catalog-product-view .box-tocart .fieldset-add .field > .control {
grid-template-columns: 34px minmax(48px, 1fr) 34px !important;
width: 100% !important;
}
body.catalog-product-view .box-tocart .fieldset-add input#qty.input-text.qty,
body.catalog-product-view .box-tocart .fieldset-add input.qty,
body.catalog-product-view #product_addtocart_form input#qty {
width: 100% !important;
max-width: none !important;
}
body.catalog-product-view .product-options-wrapper .swatch-attribute-options.clearfix,
body.catalog-product-view .product-options-wrapper .swatch-attribute.size .swatch-attribute-options {
grid-template-columns: 1fr !important;
}
body.catalog-product-view table.additional-attributes tbody {
grid-template-columns: 1fr !important;
}
body.catalog-product-view #additional.data.item.content {
padding: 16px !important;
border-radius: 18px !important;
}
}
/* End Captain Greek product page stable repair V8 */
/* Captain Greek product page focused fix V10 */
/* Keep wishlist original styling; only stop absolute overlap */
body.catalog-product-view .box-tocart .towishlist,
body.catalog-product-view .box-tocart .fieldset-add .towishlist,
body.catalog-product-view .box-tocart .fieldset-add .action.towishlist {
position: static !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
transform: none !important;
margin: 0 auto !important;
z-index: 1 !important;
}
body.catalog-product-view .box-tocart .towishlist:active,
body.catalog-product-view .box-tocart .fieldset-add .towishlist:active {
transform: scale(.92) !important;
}
/* Keep add-to-cart below qty and wishlist below add-to-cart */
body.catalog-product-view .box-tocart .fieldset-add {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 12px !important;
}
body.catalog-product-view .box-tocart .fieldset-add .field,
body.catalog-product-view .box-tocart .fieldset-add .actions,
body.catalog-product-view .box-tocart .fieldset-add #instant-purchase,
body.catalog-product-view .box-tocart .fieldset-add .towishlist {
grid-column: 1 / -1 !important;
}
/* Qty buttons: visible, compact, still functional */
body.catalog-product-view .box-tocart .fieldset-add .btn-qty {
pointer-events: auto !important;
}
body.catalog-product-view .box-tocart .fieldset-add .btn-qty[disabled],
body.catalog-product-view .box-tocart .fieldset-add .btn-qty:disabled {
cursor: default !important;
pointer-events: auto !important;
}
/* Product Specifications tab should use the same switch styling as Details */
body.catalog-product-view #tab-label-additional-title {
font-size: 13px !important;
line-height: 1.2 !important;
text-indent: 0 !important;
color: inherit !important;
opacity: 1 !important;
visibility: visible !important;
}
body.catalog-product-view #tab-label-additional-title:before,
body.catalog-product-view #tab-label-additional-title:after {
content: none !important;
display: none !important;
}
body.catalog-product-view .product-accordion .product.data.items #tab-label-additional > .switch,
body.catalog-product-view .product-accordion .product.data.items #tab-label-description > .switch {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-decoration: none !important;
outline: none !important;
text-align: center !important;
}
/* No duplicate inner heading */
body.catalog-product-view #additional.data.item.content:before,
body.catalog-product-view #additional.data.item.content:after {
content: none !important;
display: none !important;
}
/* End Captain Greek product page focused fix V10 */
/* Captain Greek product specs tab title fix V11 */
/*
Precise fix:
Product Specifications must use the exact same tab styling system as Details.
Removes old ID-specific pseudo/title overrides.
*/
body.catalog-product-view #tab-label-additional-title,
body.catalog-product-view #tab-label-description-title {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 42px !important;
padding: 10px 16px !important;
color: var(--cg-navy, #2d337f) !important;
background: #ffffff !important;
border: 1px solid rgba(45, 51, 127, .12) !important;
border-radius: 999px !important;
box-shadow: 0 8px 18px rgba(31, 36, 93, .055) !important;
font-size: 13px !important;
font-weight: 900 !important;
line-height: 1.2 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
text-indent: 0 !important;
text-align: center !important;
text-decoration: none !important;
opacity: 1 !important;
visibility: visible !important;
overflow: visible !important;
}
/* Remove all older Product Specifications pseudo-label attempts */
body.catalog-product-view #tab-label-additional-title:before,
body.catalog-product-view #tab-label-additional-title:after {
content: none !important;
display: none !important;
}
/* Active/opened state shared by Details and Product Specifications */
body.catalog-product-view .product-accordion .product.data.items > .data.item.title.opened > .data.switch,
body.catalog-product-view .product-accordion .product.data.items > .data.item.title.active > .data.switch,
body.catalog-product-view .product-accordion .product.data.items > .data.item.title[aria-expanded="true"] > .data.switch {
color: #ffffff !important;
background: linear-gradient(135deg, var(--cg-navy, #2d337f) 0%, var(--cg-navy-dark, #1f245d) 100%) !important;
border-color: var(--cg-navy, #2d337f) !important;
}
/* Keep hover/focus identical */
body.catalog-product-view #tab-label-additional-title:hover,
body.catalog-product-view #tab-label-additional-title:focus-visible,
body.catalog-product-view #tab-label-description-title:hover,
body.catalog-product-view #tab-label-description-title:focus-visible {
color: #ffffff !important;
background: linear-gradient(135deg, var(--cg-navy, #2d337f) 0%, var(--cg-navy-dark, #1f245d) 100%) !important;
border-color: var(--cg-navy, #2d337f) !important;
outline: none !important;
}
/* End Captain Greek product specs tab title fix V11 */