/*
  CAPTAINGREEK  CUSTOMER DASHBOARD  WRAPPERS & TITLES
*/

/* glassy wrapper around each dashboard block */
.customer-account-index .column .block{
    width:100%;
    margin-block-end:2.4rem;
    padding:2rem 2.4rem;

    background:var(--cg-surface,#eef0fa);
    border:1px solid var(--cg-surface-edge,#d9dcf0);
    border-radius:18px;
    box-shadow:0 4px 12px rgba(0,0,0,.06);
}

/* unified flex header (title+ action link) */
.account .column.main .block:not(.widget) .block-title,
.customer-account-index .column .block-title{
    display:flex; align-items:center; justify-content:space-between;
    gap:1rem;

    padding-block-end:1rem;
    margin-block-end:1.6rem;
    background:transparent !important;
    border-bottom:1px solid var(--cg-surface-edge,#d9dcf0);
}

.account .column.main .block:not(.widget) .block-title strong{
    font:600 1.7rem/1.2 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    color:var(--cg-blue,#2d337f);
}

/* inline ViewAll / Edit links share lookandfeel */
.block-title .action{
    display:inline-flex; align-items:center; gap:.35rem;
    font:600 1.25rem/1 var(--cg-font);
    color:var(--cg-accent,#b89b65);
    text-decoration:none;
    transition:color .18s, transform .18s cubic-bezier(.16,.8,.36,1);
}
.block-title .action:is(:hover,:focus){
    color:color-mix(in srgb,var(--cg-accent) 85%,#000);
    transform:translateY(-2px); outline:none;
}

/* SVG eye icon for ViewAll */
.block-title .action.view::after{
    content:'' !important; font-family:initial !important;
    display:inline-block; width:1.4rem; height:1.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%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}

/* SVG pencil icon for Edit */
.block-title .action.edit::after{
    content:'' !important; font-family:initial !important;
    display:inline-block; width:1.4rem; height:1.4rem; margin-left:.35rem;
    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='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
/*
  INNER BOXES (contactinfo, newsletter, addresses)
*/
.box.box-information,
.box.box-newsletter,
.box.box-billing-address,
.box.box-shipping-address{
    border:1px solid var(--cg-surface-edge,#d9dcf0);
    border-radius:14px;
    padding:1.8rem 2rem;
    margin-block-end:1.8rem;

    background:#fff;
    box-shadow:0 2px 6px rgba(0,0,0,.05);
}

/* small heading inside each box */
.box-title{
    display:flex; align-items:center; justify-content:space-between;
    margin-block-end:.9rem;
    font:600 1.4rem/1.2 var(--cg-font);
    color:var(--cg-blue);
}
.box-title::after{
    content:''; flex:1; margin-left:1rem;
    height:1px; opacity:.6;
    background:repeating-linear-gradient(to right,
               var(--cg-surface-edge) 0 4px, transparent 4px 8px);
}

/* plain text inside boxes */
.box-content address,
.box-content p,
.product.attribute.sku .type,
.product.attribute.sku .value{
    font:500 1.25rem/1.55 var(--cg-font);
    color:var(--cg-neutral,#4b4f5a);
}
.product.attribute.sku .type::after{content:':'}

/* edit / manage buttons inside boxes */
.box-actions{ margin-top:1.2rem; }
.box-actions .action{
    display:inline-flex; align-items:center; justify-content:center;
    min-height:2.8rem; padding:0 1.6rem;
    font:600 1.2rem/1 var(--cg-font);
    color:var(--cg-blue);
    background:color-mix(in srgb,var(--cg-blue) 8%,#fff);
    border:1px solid rgba(45,51,127,.12);
    border-radius:18px;
    text-decoration:none;
    transition:background .18s,color .18s,transform .18s cubic-bezier(.16,.8,.36,1);
}
.box-actions .action:is(:hover,:focus){
    background:var(--cg-accent); color:#fff;
    transform:translateY(-2px); outline:none;
}

/* twocolumn float (desktop) */
@media (min-width:769px){
    .account .column.main .block-content .box{
        width:48%; float:left; margin-inline-end:4%;
    }
    .account .column.main .block-content .box:nth-child(2n){
        margin-inline-end:0;
    }
}
/*
  ORDERSTATUS    PREMIUM GLASS PILL
*/
.order-status{
    display:inline-flex !important; align-items:center; justify-content:center;
    min-width:6.2rem; padding:.35rem 1.3rem .3rem;

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

    border:none !important; border-radius:18px !important;
    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,.12);
    transition:transform .18s cubic-bezier(.16,.8,.36,1),
               box-shadow .18s cubic-bezier(.16,.8,.36,1);
}
.order-status.complete   {background:color-mix(in srgb,#0a662e 85%,rgba(255,255,255,.75));}
.order-status.processing {background:color-mix(in srgb,var(--cg-accent) 16%,rgba(255,255,255,.75));}
.order-status.pending    {background:color-mix(in srgb,#e4a300 85%,rgba(255,255,255,.75));}
.order-status.on-hold    {background:color-mix(in srgb,#2d337f 85%,rgba(255,255,255,.75));}
.order-status.canceled,
.order-status.closed     {background:color-mix(in srgb,#8e2222 85%,rgba(255,255,255,.75));}

.order-status: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,.14);
}

@media (prefers-reduced-motion:reduce){
    .order-status,
    .order-status:is(:hover,:focus-visible){transition:none; transform:none;}
}
/*
  RECENTORDERS  GLASS CARD & RESPONSIVE TABLE
*/

/* ----- CARD SHELL ----- */
.customer-account-index .block-dashboard-orders{
    background:color-mix(in srgb,#fff 78%,var(--cg-blue) 6%) !important;
    backdrop-filter:blur(12px) saturate(145%) !important;
    border:1px solid rgba(45,51,127,.08) !important;
    border-radius:18px !important;
    box-shadow:0 8px 24px rgba(0,0,0,.08) !important;
    padding:2rem 2.4rem !important;
}

/* ----- TABLE WRAPPER ----- */
.customer-account-index .block-dashboard-orders .table-wrapper.orders-recent{
    margin:0 !important;
    border:1px solid rgba(45,51,127,.08) !important;
    border-radius:14px !important;
    overflow-x:auto !important;

    box-shadow:
        0 1px 3px rgba(255,255,255,.25) inset,
        0 4px 12px rgba(0,0,0,.05) inset !important;
}

/* ----- TABLE BASE ----- */
.customer-account-index .block-dashboard-orders table.table-order-items{
    width:100%; border-collapse:separate !important; border-spacing:0 !important;
    font-size:1.25rem;
}

/* Header cells  single definition */
.customer-account-index .block-dashboard-orders table.table-order-items thead th{
    background:color-mix(in srgb,var(--cg-blue) 6%,#fff 94%) !important;
    backdrop-filter:blur(8px) saturate(155%) !important;

    color:var(--cg-blue) !important;
    font:600 1.15rem/1 var(--cg-font) !important;
    letter-spacing:.1px; text-align:center;
    padding:1rem 1.4rem !important;

    border-right:1px solid rgba(45,51,127,.10) !important;
    border-bottom:1px solid rgba(45,51,127,.10) !important;
}
.customer-account-index .block-dashboard-orders table.table-order-items thead th:last-child{
    border-right:none !important;
}

/* Body cells */
.customer-account-index .block-dashboard-orders table.table-order-items tbody td{
    padding:1rem 1.4rem !important;
    font:500 1.25rem/1.45 var(--cg-font) !important;

    border-right:1px solid rgba(45,51,127,.06) !important;
    border-bottom:1px solid rgba(45,51,127,.06) !important;
}
.customer-account-index .block-dashboard-orders table.table-order-items tbody td:last-child{
    border-right:none !important;
}

/* Alignment tweaks */
.customer-account-index .block-dashboard-orders table.table-order-items td.col.total{ text-align:right !important; }
.customer-account-index .block-dashboard-orders table.table-order-items td.col.actions,
.customer-account-index .block-dashboard-orders table.table-order-items td.col.status { text-align:center !important; }

/* Alternating glass stripes */
.customer-account-index .block-dashboard-orders table.table-order-items tbody tr:nth-child(odd){
    background:color-mix(in srgb,var(--cg-blue)   3%,#fff 97%) !important;
}
.customer-account-index .block-dashboard-orders table.table-order-items tbody tr:nth-child(even){
    background:color-mix(in srgb,var(--cg-accent) 3%,#fff 97%) !important;
}

/* Hover tint */
.customer-account-index .block-dashboard-orders table.table-order-items tbody tr:hover{
    background:color-mix(in srgb,var(--cg-accent) 10%,#fff 90%) !important;
    transition:background .18s ease;          /* safe: purely visual */
}

/* Reorder link */
.customer-account-index .block-dashboard-orders .action.order{
    font-weight:600 !important;
    color:var(--cg-accent) !important;
    text-decoration:none !important;
    transition:color .18s, transform .18s cubic-bezier(.16,.8,.36,1);
}
.customer-account-index .block-dashboard-orders .action.order:is(:hover,:focus){
    color:color-mix(in srgb,var(--cg-accent) 85%,#000) !important;
    transform:translateY(-2px) !important;
}

/* ----- MOBILE STACK 640px ----- */
@media (max-width:640px){
    /* hide header row but keep it for a11y */
    .customer-account-index .block-dashboard-orders table.table-order-items thead{
        position:absolute !important; clip:rect(0 0 0 0) !important;
        height:1px !important; width:1px !important; overflow:hidden !important;
    }

    .customer-account-index .block-dashboard-orders table.table-order-items tbody tr{
        display:block !important;
        border-bottom:1px solid rgba(45,51,127,.08) !important;
    }

    .customer-account-index .block-dashboard-orders table.table-order-items tbody td{
        display:flex !important; justify-content:space-between !important;
        align-items:center !important; padding:.9rem 1.2rem !important;
        border-right:none !important;
    }
    .customer-account-index .block-dashboard-orders table.table-order-items tbody td::before{
        content:attr(data-th) !important;
        font-weight:600 !important; color:var(--cg-blue) !important;
    }
}

/* reducedmotion */
@media (prefers-reduced-motion:reduce){
    .customer-account-index .block-dashboard-orders table.table-order-items tbody tr:hover,
    .customer-account-index .block-dashboard-orders .action.order{ transition:none !important; }
}
/*
  CAPTAINGREEK  RECENTREVIEWS CARD
*/

/* 1  Card wrapper already picks up generic .block rules   */
/* 2  List reset (kept, but ensure strongest specificity) */
.block-reviews-dashboard .items{
    list-style:none; margin:0; padding:0;
}

/* 3  List items  alternating glass stripes + separator  */
.block-reviews-dashboard .items .item{
    padding:.9rem 1rem;
    border-bottom:1px solid rgba(45,51,127,.08);
    font-size:0;              /* collapse whitespace between <strong> */

    /* subtle glass stripes */
    background:color-mix(in srgb,var(--cg-blue) 3%,#fff 97%);
}
.block-reviews-dashboard .items .item:nth-child(even){
    background:color-mix(in srgb,var(--cg-accent) 3%,#fff 97%);
}
.block-reviews-dashboard .items .item:last-child{border-bottom:none;}

/* 4  Product name link */
/*
  Reviews list  productname link  calmer default colour
*/
.block-reviews-dashboard .product-name a{
    /* same layout & type spec, just quieter colour */
    display:block;                       /* one rule = no duplicates   */
    font:600 1.25rem/1.45 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    color:var(--cg-neutral,#4b4f5a);     /* neutral grey, not blue     */
    text-decoration:none;

    /* underline kept for brand accent on hover */
    background-image:linear-gradient(to right,var(--cg-accent,#b89b65) 0 100%);
    background-position:left bottom;
    background-size:0 2px;
    background-repeat:no-repeat;

    transition:
        background-size .35s var(--cg-ease-smooth),
        color           var(--cg-dur-short),
        transform       var(--cg-dur-short) var(--cg-ease-smooth);
}

.block-reviews-dashboard .product-name a:is(:hover,:focus-visible){
    color:var(--cg-accent,#b89b65);      /* only turns gold on action  */
    background-size:100% 2px;
    transform:translateY(-2px);
}


/* 5  Row hover tint sits on top of stripes */
.block-reviews-dashboard .items .item:hover{
    background:color-mix(in srgb,var(--cg-accent) 10%,#fff 90%);
    transition:background .18s ease;
}

/* 6  Reducedmotion fallback */
@media (prefers-reduced-motion:reduce){
    .block-reviews-dashboard .product-name a,
    .block-reviews-dashboard .items .item:hover{transition:none;}
}
/*
  CAPTAINGREEK  DASHBOARD  CARD HEADLINE
*/
.account .column.main .block:not(.widget) .block-title strong{
    /* modern type */
    font:700 1.9rem/1.25 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    letter-spacing:.25px;
    color:var(--cg-blue,#2d337f);

    /* decorative underline (accent gold) */
    position:relative;
}
.account .column.main .block:not(.widget) .block-title strong::after{
    content:"";
    position:absolute;
    left:0; right:0; bottom:-.25em;           /* sits just under baseline */
    height:3px;
    background:linear-gradient(90deg,
                var(--cg-accent,#b89b65) 0%,
                color-mix(in srgb,var(--cg-accent) 25%,#fff) 100%);
    border-radius:3px;
    transform-origin:left;
    transform:scaleX(.15);
    transition:transform .45s cubic-bezier(.16,.8,.36,1);
}

/* lift & animate underline on parent hover/focus */
.account .column.main .block:not(.widget) .block-title:hover   strong::after,
.account .column.main .block:not(.widget) .block-title:focus-within strong::after{
    transform:scaleX(1);
}

/* optional gentle rise when headline itself is hovered */
.account .column.main .block:not(.widget) .block-title strong:is(:hover,:focus){
   
    transition:transform .25s cubic-bezier(.16,.8,.36,1);
}

/* reducedmotion fallback */
@media (prefers-reduced-motion:reduce){
    .account .column.main .block:not(.widget) .block-title strong,
    .account .column.main .block:not(.widget) .block-title strong::after{
        transition:none;
    }
}
/*
  CaptainGreek  Dashboard / Product Body Text
*/

/* 1  Base paragraph / address / SKU line
   ---------------------------------------------------------- */
.box-content address,
.box-content p,
.product.attribute.sku .type,
.product.attribute.sku .value{
    /* Modern textstack & size */
    font:500 1.25rem/1.55 var(--cg-font,"Inter","Helvetica Neue",sans-serif);

    /* Calm grey that matches other body copy        */
    color:var(--cg-neutral,#4b4f5a);

    /* Trim extra top / bottom space                 */
    margin-block:0.35rem 0.45rem;
}

/* 2  Lead line emphasis (first logical child only)
    keeps hierarchy without drowning the card in blue */
.box-content address > :first-child,
.box-content p:first-of-type,
.product.attribute.sku .type{
    font-weight:600;                         /* subtle bold    */
   color:var(--cg-neutral,#4b4f5a);
}

/* 3  Colon after the SKU label */
.product.attribute.sku .type::after{content:':'}

/* 4  Telephone links inherit colour, lift on hover */
.box-content address a[href^="tel"]{
    color:inherit;
    text-decoration:none;
    transition:color .18s ease;
}
.box-content address a[href^="tel"]:hover{
    color:var(--cg-accent,#b89b65);
}

/* 5  Optional: remove bullet before phone if present */
.box-content address a[href^="tel"]::before{content:none}

/* 6  Reducedmotion safety */
@media (prefers-reduced-motion:reduce){
    .box-content address a[href^="tel"]{transition:none;}
}
/*
  CaptainGreek  Dashboard  Address block readability fix
*/

/* 1  Base <address> element   */
.box-content address{
    display:block;                /* fullwidth flow box                */
    margin:0;                     /* remove browser default indent      */
    white-space:normal;           /* allow normal wrapping              */
    font:500 1.25rem/1.55 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    color:var(--cg-neutral,#4b4f5a); /* same quiet grey as body copy    */
    text-align:left;              /* never centre                       */
}

/* 2  Force every <br> into a visual new line   */
.box-content address br{
    display:block;                /* acts like <p> break                */
    content:"";                   /* ensures the break is rendered      */
    line-height:1.2rem;           /* ~6px vertical gap                 */
}

/* 3  Telephone link inherits neutral tone   */
.box-content address a[href^="tel"]{
    color:inherit;                /* no brandblue, keep grey           */
    text-decoration:none;         /* phone numbers rarely underline     */
    font-weight:500;
}

/* optional: subtle T: label bullet so phone stands apart  */
.box-content address a[href^="tel"]::before{
    content:"";
    opacity:.65;
}

/*
  CAPTAINGREEK  CUSTOMER DASHBOARD  WRAPPERS & TITLES
*/

/* glassy wrapper around each dashboard block */
.customer-account-index .column .block{
    width:100%;
    margin-block-end:2.4rem;
    padding:2rem 2.4rem;

    background:var(--cg-surface,#eef0fa);
    border:1px solid var(--cg-surface-edge,#d9dcf0);
    border-radius:18px;
    box-shadow:0 4px 12px rgba(0,0,0,.06);
    
}

/* unified flex header (title+ action link) */
.account .column.main .block:not(.widget) .block-title,
.customer-account-index .column .block-title{
    display:flex; align-items:center; justify-content:space-between;
    gap:1rem;

    padding-block-end:1rem;
    margin-block-end:1.6rem;
    background:transparent !important;
    border-bottom:1px solid var(--cg-surface-edge,#d9dcf0);
}

.account .column.main .block:not(.widget) .block-title strong{
    font:600 1.7rem/1.2 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    color:var(--cg-blue,#2d337f);
}

/* inline ViewAll / Edit links share lookandfeel */
.block-title .action{
    display:inline-flex; align-items:center; gap:.35rem;
    font:600 1.25rem/1 var(--cg-font);
    color:var(--cg-accent,#b89b65);
    text-decoration:none;
    transition:color .18s, transform .18s cubic-bezier(.16,.8,.36,1);
}
.block-title .action:is(:hover,:focus){
    color:color-mix(in srgb,var(--cg-accent) 85%,#000);
    transform:translateY(-2px); outline:none;
}

/* SVG eye icon for ViewAll */
.block-title .action.view::after{
    content:'' !important; font-family:initial !important;
    display:inline-block; width:1.4rem; height:1.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%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}

/* SVG pencil icon for Edit */
.block-title .action.edit::after{
    content:'' !important; font-family:initial !important;
    display:inline-block; width:1.4rem; height:1.4rem; margin-left:.35rem;
    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='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
/*
  INNER BOXES (contactinfo, newsletter, addresses)
*/
.box.box-information,
.box.box-newsletter,
.box.box-billing-address,
.box.box-shipping-address{
    border:1px solid var(--cg-surface-edge,#d9dcf0);
    border-radius:14px;
    padding:1.8rem 2rem;
    margin-block-end:1.8rem;

    background:#fff;
    box-shadow:0 2px 6px rgba(0,0,0,.05);
}

/* small heading inside each box */
.box-title{
    display:flex; align-items:center; justify-content:space-between;
    margin-block-end:.9rem;
    font:600 1.4rem/1.2 var(--cg-font);
    color:var(--cg-blue);
}
.box-title::after{
    content:''; flex:1; margin-left:1rem;
    height:1px; opacity:.6;
    background:repeating-linear-gradient(to right,
               var(--cg-surface-edge) 0 4px, transparent 4px 8px);
}

/* plain text inside boxes */
.box-content address,
.box-content p,
.product.attribute.sku .type,
.product.attribute.sku .value{
    font:500 1.25rem/1.55 var(--cg-font);
    color:var(--cg-neutral,#4b4f5a);
}
.product.attribute.sku .type::after{content:':'}

/* edit / manage buttons inside boxes */
.box-actions{ margin-top:1.2rem; }
.box-actions .action{
    display:inline-flex; align-items:center; justify-content:center;
    min-height:2.8rem; padding:0 1.6rem;
    font:600 1.2rem/1 var(--cg-font);
    color:var(--cg-blue);
    background:color-mix(in srgb,var(--cg-blue) 8%,#fff);
    border:1px solid rgba(45,51,127,.12);
    border-radius:18px;
    text-decoration:none;
    transition:background .18s,color .18s,transform .18s cubic-bezier(.16,.8,.36,1);
}
.box-actions .action:is(:hover,:focus){
    background:var(--cg-accent); color:#fff;
    transform:translateY(-2px); outline:none;
}

/* twocolumn float (desktop) */
@media (min-width:769px){
    .account .column.main .block-content .box{
        width:48%; float:left; margin-inline-end:4%;
    }
    .account .column.main .block-content .box:nth-child(2n){
        margin-inline-end:0;
    }
}
/*
  ORDERSTATUS    PREMIUM GLASS PILL
*/
.order-status{
    display:inline-flex !important; align-items:center; justify-content:center;
    min-width:6.2rem; padding:.35rem 1.3rem .3rem;

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

    border:none !important; border-radius:18px !important;
    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,.12);
    transition:transform .18s cubic-bezier(.16,.8,.36,1),
               box-shadow .18s cubic-bezier(.16,.8,.36,1);
}
.order-status.complete   {background:color-mix(in srgb,#0a662e 85%,rgba(255,255,255,.75));}
.order-status.processing {background:color-mix(in srgb,var(--cg-accent) 16%,rgba(255,255,255,.75));}
.order-status.pending    {background:color-mix(in srgb,#e4a300 85%,rgba(255,255,255,.75));}
.order-status.on-hold    {background:color-mix(in srgb,#2d337f 85%,rgba(255,255,255,.75));}
.order-status.canceled,
.order-status.closed     {background:color-mix(in srgb,#8e2222 85%,rgba(255,255,255,.75));}

.order-status: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,.14);
}

@media (prefers-reduced-motion:reduce){
    .order-status,
    .order-status:is(:hover,:focus-visible){transition:none; transform:none;}
}
/*
  RECENTORDERS  GLASS CARD & RESPONSIVE TABLE
*/

/* ----- CARD SHELL ----- */
.customer-account-index .block-dashboard-orders{
    background:color-mix(in srgb,#fff 78%,var(--cg-blue) 6%) !important;
    backdrop-filter:blur(12px) saturate(145%) !important;
    border:1px solid rgba(45,51,127,.08) !important;
    border-radius:18px !important;
    box-shadow:0 8px 24px rgba(0,0,0,.08) !important;
    padding:2rem 2.4rem !important;
}

/* ----- TABLE WRAPPER ----- */
.customer-account-index .block-dashboard-orders .table-wrapper.orders-recent{
    margin:0 !important;
    border:1px solid rgba(45,51,127,.08) !important;
    border-radius:14px !important;
    overflow-x:auto !important;

    box-shadow:
        0 1px 3px rgba(255,255,255,.25) inset,
        0 4px 12px rgba(0,0,0,.05) inset !important;
}

/* ----- TABLE BASE ----- */
.customer-account-index .block-dashboard-orders table.table-order-items{
    width:100%; border-collapse:separate !important; border-spacing:0 !important;
    font-size:1.25rem;
}

/* Header cells  single definition */
.customer-account-index .block-dashboard-orders table.table-order-items thead th{
    background:color-mix(in srgb,var(--cg-blue) 6%,#fff 94%) !important;
    backdrop-filter:blur(8px) saturate(155%) !important;

    color:var(--cg-blue) !important;
    font:600 1.15rem/1 var(--cg-font) !important;
    letter-spacing:.1px; text-align:center;
    padding:1rem 1.4rem !important;

    border-right:1px solid rgba(45,51,127,.10) !important;
    border-bottom:1px solid rgba(45,51,127,.10) !important;
}
.customer-account-index .block-dashboard-orders table.table-order-items thead th:last-child{
    border-right:none !important;
}

/* Body cells */
.customer-account-index .block-dashboard-orders table.table-order-items tbody td{
    padding:1rem 1.4rem !important;
    font:500 1.25rem/1.45 var(--cg-font) !important;

    border-right:1px solid rgba(45,51,127,.06) !important;
    border-bottom:1px solid rgba(45,51,127,.06) !important;
}
.customer-account-index .block-dashboard-orders table.table-order-items tbody td:last-child{
    border-right:none !important;
}

/* Alignment tweaks */
.customer-account-index .block-dashboard-orders table.table-order-items td.col.total{ text-align:right !important; }
.customer-account-index .block-dashboard-orders table.table-order-items td.col.actions,
.customer-account-index .block-dashboard-orders table.table-order-items td.col.status { text-align:center !important; }

/* Alternating glass stripes */
.customer-account-index .block-dashboard-orders table.table-order-items tbody tr:nth-child(odd){
    background:color-mix(in srgb,var(--cg-blue)   3%,#fff 97%) !important;
}
.customer-account-index .block-dashboard-orders table.table-order-items tbody tr:nth-child(even){
    background:color-mix(in srgb,var(--cg-accent) 3%,#fff 97%) !important;
}

/* Hover tint */
.customer-account-index .block-dashboard-orders table.table-order-items tbody tr:hover{
    background:color-mix(in srgb,var(--cg-accent) 10%,#fff 90%) !important;
    transition:background .18s ease;          /* safe: purely visual */
}

/* Reorder link */
.customer-account-index .block-dashboard-orders .action.order{
    font-weight:600 !important;
    color:var(--cg-accent) !important;
    text-decoration:none !important;
    transition:color .18s, transform .18s cubic-bezier(.16,.8,.36,1);
}
.customer-account-index .block-dashboard-orders .action.order:is(:hover,:focus){
    color:color-mix(in srgb,var(--cg-accent) 85%,#000) !important;
    transform:translateY(-2px) !important;
}

/* ----- MOBILE STACK 640px ----- */
@media (max-width:640px){
    /* hide header row but keep it for a11y */
    .customer-account-index .block-dashboard-orders table.table-order-items thead{
        position:absolute !important; clip:rect(0 0 0 0) !important;
        height:1px !important; width:1px !important; overflow:hidden !important;
    }

    .customer-account-index .block-dashboard-orders table.table-order-items tbody tr{
        display:block !important;
        border-bottom:1px solid rgba(45,51,127,.08) !important;
    }

    .customer-account-index .block-dashboard-orders table.table-order-items tbody td{
        display:flex !important; justify-content:space-between !important;
        align-items:center !important; padding:.9rem 1.2rem !important;
        border-right:none !important;
    }
    .customer-account-index .block-dashboard-orders table.table-order-items tbody td::before{
        content:attr(data-th) !important;
        font-weight:600 !important; color:var(--cg-blue) !important;
    }
}

/* reducedmotion */
@media (prefers-reduced-motion:reduce){
    .customer-account-index .block-dashboard-orders table.table-order-items tbody tr:hover,
    .customer-account-index .block-dashboard-orders .action.order{ transition:none !important; }
}
/*
  CAPTAINGREEK  RECENTREVIEWS CARD
*/

/* 1  Card wrapper already picks up generic .block rules   */
/* 2  List reset (kept, but ensure strongest specificity) */
.block-reviews-dashboard .items{
    list-style:none; margin:0; padding:0;
}

/* 3  List items  alternating glass stripes + separator  */
.block-reviews-dashboard .items .item{
    padding:.9rem 1rem;
    border-bottom:1px solid rgba(45,51,127,.08);
    font-size:0;              /* collapse whitespace between <strong> */

    /* subtle glass stripes */
    background:color-mix(in srgb,var(--cg-blue) 3%,#fff 97%);
}
.block-reviews-dashboard .items .item:nth-child(even){
    background:color-mix(in srgb,var(--cg-accent) 3%,#fff 97%);
}
.block-reviews-dashboard .items .item:last-child{border-bottom:none;}

/* MyRecentReviews  productname link */
.block-reviews-dashboard .product-name a{
    display:block;                               /* avoid duplicate rules  */
    font:600 1.25rem/1.45 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    color:color-mix(in srgb,var(--cg-blue) 25%,var(--cg-neutral) 75%) !important;
    text-decoration:none;



    /* animated underline */
    background-image:linear-gradient(
        to right,
        var(--cg-accent,#b89b65) 0 100%
    );
    background-position:left bottom;
    background-size:0% 2px;
    background-repeat:no-repeat;

    transition:
        background-size .4s cubic-bezier(.16,.8,.36,1),
        color           .25s,
        transform       .18s cubic-bezier(.16,.8,.36,1);
}
.block-reviews-dashboard .product-name a:is(:hover,:focus-visible){
    color:var(--cg-accent);
    background-size:100% 2px;
    transform:translateY(-2px);
}

/* 5  Row hover tint sits on top of stripes */
.block-reviews-dashboard .items .item:hover{
    background:color-mix(in srgb,var(--cg-accent) 10%,#fff 90%);
    transition:background .18s ease;
}

/* 6  Reducedmotion fallback */
@media (prefers-reduced-motion:reduce){
    .block-reviews-dashboard .product-name a,
    .block-reviews-dashboard .items .item:hover{transition:none;}
}
/*
  CAPTAINGREEK  DASHBOARD  CARD HEADLINE
*/
.account .column.main .block:not(.widget) .block-title strong{
    /* modern type */
    font:700 1.9rem/1.25 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    letter-spacing:.25px;
    color:var(--cg-blue,#2d337f);

    /* decorative underline (accent gold) */
    position:relative;
}
.account .column.main .block:not(.widget) .block-title strong::after{
    content:"";
    position:absolute;
    left:0; right:0; bottom:-.25em;           /* sits just under baseline */
    height:3px;
    background:linear-gradient(90deg,
                var(--cg-accent,#b89b65) 0%,
                color-mix(in srgb,var(--cg-accent) 25%,#fff) 100%);
    border-radius:3px;
    transform-origin:left;
    transform:scaleX(.15);
    transition:transform .45s cubic-bezier(.16,.8,.36,1);
}

/* lift & animate underline on parent hover/focus */
.account .column.main .block:not(.widget) .block-title:hover   strong::after,
.account .column.main .block:not(.widget) .block-title:focus-within strong::after{
    transform:scaleX(1);
}

/* optional gentle rise when headline itself is hovered */
.account .column.main .block:not(.widget) .block-title strong:is(:hover,:focus){
   
    transition:transform .25s cubic-bezier(.16,.8,.36,1);
}

/* reducedmotion fallback */
@media (prefers-reduced-motion:reduce){
    .account .column.main .block:not(.widget) .block-title strong,
    .account .column.main .block:not(.widget) .block-title strong::after{
        transition:none;
    }
}
/*
  CaptainGreek  Dashboard / Product Body Text
*/

/* 1  Base paragraph / address / SKU line
   ---------------------------------------------------------- */
.box-content address,
.box-content p,
.product.attribute.sku .type,
.product.attribute.sku .value{
    /* Modern textstack & size */
    font:500 1.25rem/1.55 var(--cg-font,"Inter","Helvetica Neue",sans-serif);

    /* Calm grey that matches other body copy        */
    color:var(--cg-neutral,#4b4f5a);

    /* Trim extra top / bottom space                 */
    margin-block:0.35rem 0.45rem;
}

/* 2  Lead line emphasis (first logical child only)
    keeps hierarchy without drowning the card in blue */
.box-content address > :first-child,
.box-content p:first-of-type,
.product.attribute.sku .type{
    font-weight:600;                         /* subtle bold    */
   color:var(--cg-neutral,#4b4f5a);
}

/* 3  Colon after the SKU label */
.product.attribute.sku .type::after{content:':'}

/* 4  Telephone links inherit colour, lift on hover */
.box-content address a[href^="tel"]{
    color:inherit;
    text-decoration:none;
    transition:color .18s ease;
}
.box-content address a[href^="tel"]:hover{
    color:var(--cg-accent,#b89b65);
}

/* 5  Optional: remove bullet before phone if present */
.box-content address a[href^="tel"]::before{content:none}

/* 6  Reducedmotion safety */
@media (prefers-reduced-motion:reduce){
    .box-content address a[href^="tel"]{transition:none;}
}
/*
  CaptainGreek  Dashboard  Address block readability fix
*/

/* 1  Base <address> element   */
.box-content address{
    display:block;                /* fullwidth flow box                */
    margin:0;                     /* remove browser default indent      */
    white-space:normal;           /* allow normal wrapping              */
    font:500 1.25rem/1.55 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    color:var(--cg-neutral,#4b4f5a); /* same quiet grey as body copy    */
    text-align:left;              /* never centre                       */
}

/* 2  Force every <br> into a visual new line   */
.box-content address br{
    display:block;                /* acts like <p> break                */
    content:"";                   /* ensures the break is rendered      */
    line-height:1.2rem;           /* ~6px vertical gap                 */
}

/* 3  Telephone link inherits neutral tone   */
.box-content address a[href^="tel"]{
    color:inherit;                /* no brandblue, keep grey           */
    text-decoration:none;         /* phone numbers rarely underline     */
    font-weight:500;
}

/* optional: subtle T: label bullet so phone stands apart  */
.box-content address a[href^="tel"]::before{
    content:"";
    opacity:.65;
}

/************************************************************
 CAPTAINGREEK Customer Dashboard  Premium Polish
 (v202504)    author: cgui
*************************************************************/

/*-----------------------------------------------------------
 GLOBAL TOKENS (fallbacks already exist in your root)
-----------------------------------------------------------*/
:root{
    --cg-blue        : #2d337f;
    --cg-accent      : #b89b65;
    --cg-neutral     : #4b4f5a;
    --cg-surface     : #f7f8ff;
    --cg-surfaceEdge : #d9dcf0;

    /* motion */
    --cg-dur-short   : .18s;
    --cg-dur-medium  : .35s;
    --cg-ease-smooth : cubic-bezier(.16,.8,.36,1);
}

/*===========================================================
  1  SECTION HEADERS
===========================================================*/

.account .column.main .block:not(.widget) .block-title strong{
    font:600 1.75rem/1.2 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    color:var(--cg-blue);
}



/*-----------------------------------------------------------
 ViewAll link (eye icon already replaced earlier)
-----------------------------------------------------------*/
.block-title .action.view{
    font:600 1.25rem var(--cg-font);
    display:inline-flex;align-items:center;gap:.35rem;
    color:var(--cg-accent);text-decoration:none;
    transition:color var(--cg-dur-short),transform var(--cg-dur-short) var(--cg-ease-smooth);
}
.block-title .action.view:is(:hover,:focus-visible){
    color:color-mix(in srgb,var(--cg-accent) 85%,#000);
    transform:translateY(-2px);
    outline:none;
}

/*===========================================================
  2  CARD ELEVATION (all dashboard blocks)
===========================================================*/
.customer-account-index .column .block{
    width:100%;
    margin-block-end:2.4rem;
    padding:2rem 2.4rem;
    background:var(--cg-surface);
    border:1px solid var(--cg-surfaceEdge);
    border-radius:18px;
    box-shadow:
        0 1px 3px rgba(255,255,255,.3) inset,
        0 8px 24px rgba(0,0,0,.06);
}

/*===========================================================
  3  INFO BOXES  (contact / newsletter / addresses)
===========================================================*/
.box.box-information,
.box.box-newsletter,
.box.box-billing-address,
.box.box-shipping-address{
    display:grid;           /* prepares content grid on wide screens  */
    gap:1.4rem;
    border:1px solid var(--cg-surfaceEdge);
    border-radius:14px;
    padding:1.8rem 2rem;
    background:#fff;
    box-shadow:0 2px 6px rgba(0,0,0,.05);
}





/*===========================================================
  4  CALLTOACTION BUTTONS
===========================================================*/
.box-actions .action,
.block-title .action.edit,
.block-title .action.view{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:2.8rem;padding:.55rem 1.8rem;
    font:600 1.25rem/1 var(--cg-font);
    color:var(--cg-blue);
    background:color-mix(in srgb,var(--cg-blue) 8%,#fff);
    border:1px solid rgba(45,51,127,.12);
    border-radius:22px;
    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:background var(--cg-dur-short),transform var(--cg-dur-short) var(--cg-ease-smooth);
}
.box-actions .action:is(:hover,:focus-visible){
    background:var(--cg-accent);
    color:#fff;
    transform:translateY(-2px);
    outline:none;
}

/*===========================================================
  5  MY RECENT REVIEWS LIST
===========================================================*/
.block-reviews-dashboard .items .item{
    display:block;
    padding:.85rem 1rem;
    font:600 1.25rem/1.45 var(--cg-font);
    color:var(--cg-blue);
    background:color-mix(in srgb,var(--cg-accent) 3%,#fff 97%);
    border-radius:6px;
    transition:background var(--cg-dur-short),transform var(--cg-dur-short) var(--cg-ease-smooth);
}
.block-reviews-dashboard .items .item:nth-child(even){
    background:color-mix(in srgb,var(--cg-blue) 3%,#fff 97%);
}
.block-reviews-dashboard .items .item a{
    display:block;text-decoration:none;color:inherit;
}
.block-reviews-dashboard .items .item:hover{
    background:color-mix(in srgb,var(--cg-accent) 10%,#fff 90%);
    transform:translateY(-2px);
}

/*===========================================================
  6  RECENT ORDERS TABLE  (header + zebra stripes already in place)
     replace text Reorder with bag icon on 992px
===========================================================*/
@media (min-width:992px){
    .customer-account-index .block-dashboard-orders .action.order span{
        display:none;
    }
    .customer-account-index .block-dashboard-orders .action.order::before{
        content:"";
        display:inline-block;width:1.35rem;height:1.35rem;
        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='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") center/100% 100% no-repeat;
    }
}

/*===========================================================
  7  EMPTYSTATE PLACEHOLDER (if list/table empty)
===========================================================*/
.dashboard-empty{
    display:flex;flex-direction:column;align-items:center;gap:1.2rem;
    padding:2.4rem 1.8rem;border:2px dashed var(--cg-surfaceEdge);
    border-radius:14px;font:500 1.3rem var(--cg-font);color:var(--cg-neutral);
}
.dashboard-empty svg{width:4.8rem;height:4.8rem;stroke:var(--cg-accent);}

/*===========================================================
  8  OPTIONAL AVATAR (initials fallback)
===========================================================*/
.cg-avatar{
    width:3.8rem;height:3.8rem;border-radius:50%;flex:0 0 3.8rem;
    display:grid;place-items:center;
    font:700 1.4rem/1 var(--cg-font);color:#fff;
    background:var(--cg-blue);
    cursor:pointer;user-select:none;
    transition:transform var(--cg-dur-short) var(--cg-ease-smooth);
}
.cg-avatar:hover{transform:scale(1.05);}
/*
  Contactinfo block  make NAME pop, email calmer
*/
.box.box-information .box-content p{
    margin:0 0 .9rem;                       /* tighten gap under block */
    font:500 1.35rem/1.6 var(--cg-font);    /* slightly larger lineheight */
    color:var(--cg-neutral);                /* keep neutral body colour   */
    text-align:left;                        /* no justification here      */
}
/* first line = customers name */
.box.box-information .box-content p::first-line{
    font-weight:600;
    color:var(--cg-blue);                   /* deep brand blue only here  */
}

/* mail link stands out just a bit */
.box.box-information .box-content p a{
    font-weight:600;
    color:var(--cg-accent);
    text-decoration:none;
}
.box.box-information .box-content p a:hover{
    text-decoration:underline;
}



/* phone line gets a bullet & subtle tint */
.box-content address a[href^="tel"]{
    font-weight:600;
    color:var(--cg-neutral);
}
.box-content address a[href^="tel"]::before{
    content:"";
    font-weight:700;
    color:var(--cg-accent);
}

/*
  Reducedmotion users
*/
@media (prefers-reduced-motion:reduce){
    .box.box-information .box-content p a{ transition:none; }
}
/* Dashboard  make the two top infocards line up perfectly */
@media (min-width:769px){                                /* desktop only */
    /* 1  turn the wrapper into a flex row */
    .account .column.main .block-content{
       
        gap:4%;                     /* keeps the original 48% + 4% rhythm */
    }

    /* 2  each card grows/shrinks evenly */
    .account .column.main .block-content .box{
        flex:1 1 48%;               /* same footprint as before */
        margin:0;                   /* kill float marginright   */
        display:flex;               /* allow equal height        */
        flex-direction:column;      /* boxtitle  content  actions */
    }

    /* 3  push the button strip to the bottom for tidy alignment */
    .account .column.main .block-content .box-actions{
        margin-top:auto;            /* fills any extra height    */
    }
}
.box-actions .action:hover,
.box-actions .action:focus{
    color:#fff !important;                 /* maximum contrast */
}
/*
  Dashboard  equalheight Contact & Newsletter
  (only within .block-dashboard-info)
*/
@media (min-width:769px){                 /* desktop breakpoint */

    /* 1  turn THAT blocks content into a 2column flex row */
    .block-dashboard-info > .block-content{
        display:flex;                     /* no global layout changes  */
        gap:4%;                           /* preserves 48% + 4% gap   */
    }

    /* 2  make each card stretch to the tallest neighbour   */
    .block-dashboard-info .box{
        flex:1 1 48%;                     /* even width, fills column  */
        display:flex;
        flex-direction:column;            /* title  content  actions */
    }

    /* 3  push the Edit button strip to each cards bottom */
    .block-dashboard-info .box-actions{
        margin-top:auto;
    }
}

.account .column.main {
    width: 100%;
    margin-top: 20px;
  }
  .newsletter-benefits{
    margin:0 0 1.4rem;
    padding:1.4rem 1.6rem;
    border-left:4px solid var(--cg-accent);
    background:color-mix(in srgb,var(--cg-accent) 3%,#fff 97%);
    font:500 1.25rem/1.6 var(--cg-font);
    color:var(--cg-neutral);
    border-radius:8px;
}
.newsletter-benefits strong{
    color:var(--cg-blue);
}
/*
  CaptainGreek  Form Legend  Polished Variant
*/
.legend,
legend{                             /* keep support for both hooks   */
    /* 1  Typography & layout */
    display:block;
    width:100%;
    margin:0 0 1.2rem;             /* extra breathing room           */
    padding:0;                     /* wipe useragent padding        */
    font:600 1.55rem/1.35 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    color:var(--cg-blue,#2d337f);

    /* 2  Decorative underline (gold accent) */
    position:relative;
}
.legend::after,
legend::after{
    content:"";
    position:absolute; left:0; bottom:-.4rem;   /* sits just below text   */
    width:100%; height:3px;
    background:linear-gradient(
        90deg,
        var(--cg-accent,#b89b65) 0%,
        color-mix(in srgb,var(--cg-accent) 25%,#fff) 100%
    );
    border-radius:3px;
    transform-origin:left;
    transform:scaleX(.20);
    transition:transform .35s cubic-bezier(.16,.8,.36,1);
}

/* 3  Lift underline on focus / hover for keyboard & mouse */
fieldset:focus-within .legend::after,
fieldset:focus-within legend::after,
.legend:hover::after,
legend:hover::after{
    transform:scaleX(1);
}

/* 4  Highcontrast border for fieldset separation */
fieldset:not(.fieldset-address-book){           /* keep old address style */
    border:none;                                /* remove UA border       */
    border-top:1px solid var(--cg-surfaceEdge,#d9dcf0);
    padding-top:2.2rem;                         /* compensate for legend  */
}

/* 5  Motionsafety fallback */
@media (prefers-reduced-motion:reduce){
    .legend::after,
    legend::after{transition:none}
}


@media (min-width: 1260px) {
    .magezon-builder .mgz-container {width: 1260px;}
}
/*
CAPTAINGREEK  Newsletter Manage (fullwidth, premium polish)
*/

/* 1  Fullbleed wrapper  inherits 100% width naturally       */
.form-newsletter-manage{
/* let it breathe on small screens, but not boxed in */
padding:2.4rem 0;
max-width:none;                /* kill any default 640px etc. */
}

/* 2  Legend  refined type & gold accent underline             */
.form-newsletter-manage .legend{
margin:0 0 1.6rem;
padding-bottom:.8rem;
font:700 1.9rem/1.25 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
color:var(--cg-blue,#2d337f);
border-bottom:1px solid var(--cg-surfaceEdge,#d9dcf0);
position:relative;
}
.form-newsletter-manage .legend::after{
content:'';
position:absolute; bottom:-1px; left:0; height:3px;
background:var(--cg-accent,#b89b65);
border-radius:3px;
}


.newsletter-benefits strong{
display:block;
margin-bottom:.3rem;
font:600 1.4rem/1.4 var(--cg-font);
color:var(--cg-blue);
}

/* 4  Checkbox field  roomy, touchfriendly                      */
.form-newsletter-manage .field.choice{
display:flex; align-items:center; gap:1rem;
padding:1.2rem 0;
border-top:1px dashed var(--cg-surfaceEdge,#d9dcf0);
}
.form-newsletter-manage .field.choice:first-of-type{border-top:none;}

.form-newsletter-manage input[type="checkbox"]{
width:1.6rem; height:1.6rem;           /* larger clicktarget  */
accent-color:var(--cg-accent,#b89b65); /* modern colour support */
}

.form-newsletter-manage .field.choice .label span{
font:600 1.25rem/1.4 var(--cg-font);
color:var(--cg-neutral,#4b4f5a);
}

/* 5  Action buttons  reuse dash style but force fullwidth on 480px */
.form-newsletter-manage .actions-toolbar{
margin-top:2.4rem; display:flex; gap:1.2rem; flex-wrap:wrap;
}
.form-newsletter-manage .actions-toolbar .primary .action.save,
.form-newsletter-manage .actions-toolbar .secondary .action.back{
display:inline-flex; align-items:center; justify-content:center;
min-height:2.8rem; padding:.55rem 2.2rem;
font:600 1.25rem/1 var(--cg-font);
border-radius:22px; border:1px solid transparent;
transition:background .18s, color .18s, transform .18s cubic-bezier(.16,.8,.36,1);
}
.action.save{
color:#fff; background:var(--cg-accent,#b89b65);
}
.action.save:hover{ transform:translateY(-2px); }

.action.back{
color:var(--cg-blue); background:color-mix(in srgb,var(--cg-blue) 8%,#fff);
border-color:rgba(45,51,127,.12);
}
.action.back:hover{
color:#fff; background:var(--cg-blue);
}
@media (max-width:480px){
.form-newsletter-manage .actions-toolbar .primary,
.form-newsletter-manage .actions-toolbar .secondary{
    flex:1 1 100%;
}
.form-newsletter-manage .actions-toolbar a,
.form-newsletter-manage .actions-toolbar button{
    width:100%;
}
}

/* 6  Toast stub (optional)  positions topright                */
.cg-toast{
position:fixed; top:1.2rem; right:1.2rem; z-index:9999;
padding:.9rem 1.4rem;
font:600 1.25rem/1.4 var(--cg-font);
color:#fff; background:var(--cg-blue);
border-radius:6px; opacity:0; transform:translateY(-8px);
transition:opacity .35s ease, transform .35s ease;
}
.cg-toast.show{ opacity:1; transform:translateY(0); }
.cg-toast.error{ background:#b03838; }           /* error variant */
/*
CaptainGreek  Form Legend  Polished Variant
*/
.legend,
legend{                             /* keep support for both hooks   */
/* 1  Typography & layout */
display:block;
width:100%;
margin:0 0 1.2rem;             /* extra breathing room           */
padding:0;                     /* wipe useragent padding        */
font:600 1.55rem/1.35 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
color:var(--cg-blue,#2d337f);

/* 2  Decorative underline (gold accent) */
position:relative;
}
.legend::after,
legend::after{
content:"";
position:absolute; left:0; bottom:-.4rem;   /* sits just below text   */
width:100%; height:3px;
background:linear-gradient(
    90deg,
    var(--cg-accent,#b89b65) 0%,
    color-mix(in srgb,var(--cg-accent) 25%,#fff) 100%
);
border-radius:3px;
transform-origin:left;
transform:scaleX(.20);
transition:transform .35s cubic-bezier(.16,.8,.36,1);
}

/* 3  Lift underline on focus / hover for keyboard & mouse */
fieldset:focus-within .legend::after,
fieldset:focus-within legend::after,
.legend:hover::after,
legend:hover::after{
transform:scaleX(1);
}

/* 4  Highcontrast border for fieldset separation */
fieldset:not(.fieldset-address-book){           /* keep old address style */
border:none;                                /* remove UA border       */
border-top:1px solid var(--cg-surfaceEdge,#d9dcf0);
padding-top:2.2rem;                         /* compensate for legend  */
}

/* 5  Motionsafety fallback */
@media (prefers-reduced-motion:reduce){
.legend::after,
legend::after{transition:none}
}
/*
  CAPTAINGREEK  OrdersHistory  (full page version)
   matches the dashboard Recent Orders card
*/

/* ----- CARD SHELL ----- */
.table-wrapper.orders-history{
    margin:0 0 2.4rem;
    padding:2rem 2.4rem;

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

/* ----- TABLE WRAPPER & BASE ----- */
.table-wrapper.orders-history table.table-order-items,
.table-wrapper.orders-history table.history{
    width:100%;
    border-collapse:separate;
    border-spacing:0;
    font-size:1.25rem;
}

.table-wrapper.orders-history thead th{
    background:color-mix(in srgb,var(--cg-blue) 6%,#fff 94%);
    backdrop-filter:blur(8px) saturate(155%);

    color:var(--cg-blue);
    font:600 1.15rem/1 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    text-align:center;
    letter-spacing:.1px;
    padding:1rem 1.4rem;

    border-right:1px solid rgba(45,51,127,.10);
    border-bottom:1px solid rgba(45,51,127,.10);
}
.table-wrapper.orders-history thead th:last-child{border-right:none;}

/* Body cells */
.table-wrapper.orders-history tbody td{
    padding:1rem 1.4rem;
    font:500 1.25rem/1.45 var(--cg-font);
    border-right:1px solid rgba(45,51,127,.06);
    border-bottom:1px solid rgba(45,51,127,.06);
}
.table-wrapper.orders-history tbody td:last-child{border-right:none;}

/* Alignment tweaks */
.table-wrapper.orders-history td.col.total{text-align:right;}
.table-wrapper.orders-history td.col.actions,
.table-wrapper.orders-history td.col.status{text-align:center;}

/* Alternating glass stripes */
.table-wrapper.orders-history tbody tr:nth-child(odd){
    background:color-mix(in srgb,var(--cg-blue) 3%,#fff 97%);
}
.table-wrapper.orders-history tbody tr:nth-child(even){
    background:color-mix(in srgb,var(--cg-accent) 3%,#fff 97%);
}

/* Hover tint */
.table-wrapper.orders-history tbody tr:hover{
    background:color-mix(in srgb,var(--cg-accent) 10%,#fff 90%);
    transition:background .18s ease;
}

/* Reorder link matches dashboard */
.table-wrapper.orders-history .action.order{
    font-weight:600;
    color:var(--cg-accent);
    text-decoration:none;
    transition:color .18s, transform .18s cubic-bezier(.16,.8,.36,1);
}
.table-wrapper.orders-history .action.order:is(:hover,:focus){
    color:color-mix(in srgb,var(--cg-accent) 85%,#000);
    transform:translateY(-2px);
}

/* ----- MOBILE STACK 640px ----- */
@media (max-width:640px){
    .table-wrapper.orders-history thead{
        position:absolute; clip:rect(0 0 0 0);
        height:1px; width:1px; overflow:hidden;
    }

    .table-wrapper.orders-history tbody tr{
        display:block;
        border-bottom:1px solid rgba(45,51,127,.08);
    }

    .table-wrapper.orders-history tbody td{
        display:flex; justify-content:space-between;
        align-items:center; padding:.9rem 1.2rem;
        border-right:none;
    }
    .table-wrapper.orders-history tbody td::before{
        content:attr(data-th);
        font-weight:600; color:var(--cg-blue);
    }
}

/* reducedmotion safety */
@media (prefers-reduced-motion:reduce){
    .table-wrapper.orders-history tbody tr:hover,
    .table-wrapper.orders-history .action.order{transition:none;}
}
/*
  ORDERSHISTORY  glass card & responsive table
  (exact clone of dashboard rules, only selectors differ)
*/

/* ----- CARD SHELL ----- */
.table-wrapper.orders-history{
    background:color-mix(in srgb,#fff 78%,var(--cg-blue) 6%) !important;
    backdrop-filter:blur(12px) saturate(145%) !important;
    border:1px solid rgba(45,51,127,.08) !important;
    border-radius:18px !important;
    box-shadow:0 8px 24px rgba(0,0,0,.08) !important;
    padding:2rem 2.4rem !important;
}

/* ----- TABLE WRAPPER (theres no inner wrapper on this page,
   but we keep the extras so nothing breaks if markup changes) */
.table-wrapper.orders-history{
    margin:0 !important;
    border:1px solid rgba(45,51,127,.08) !important;
    border-radius:14px !important;
    overflow-x:auto !important;
    box-shadow:
        0 1px 3px rgba(255,255,255,.25) inset,
        0 4px 12px rgba(0,0,0,.05) inset !important;
}

/* ----- TABLE BASE ----- */
.table-wrapper.orders-history table.table-order-items,
.table-wrapper.orders-history table.history{
    width:100%;
    border-collapse:separate !important;
    border-spacing:0 !important;
    font-size:1.25rem;
}

/* Header cells */
.table-wrapper.orders-history thead th{
    background:color-mix(in srgb,var(--cg-blue) 6%,#fff 94%) !important;
    backdrop-filter:blur(8px) saturate(155%) !important;
    color:var(--cg-blue) !important;
    font:600 1.15rem/1 var(--cg-font) !important;
    letter-spacing:.1px;
    text-align:center;
    padding:1rem 1.4rem !important;
    border-right:1px solid rgba(45,51,127,.10) !important;
    border-bottom:1px solid rgba(45,51,127,.10) !important;
}
.table-wrapper.orders-history thead th:last-child{border-right:none !important;}

/* Body cells */
.table-wrapper.orders-history tbody td{
    padding:1rem 1.4rem !important;
    font:500 1.25rem/1.45 var(--cg-font) !important;
    border-right:1px solid rgba(45,51,127,.06) !important;
    border-bottom:1px solid rgba(45,51,127,.06) !important;
}
.table-wrapper.orders-history tbody td:last-child{border-right:none !important;}

/* Alignment tweaks */
.table-wrapper.orders-history td.col.total{text-align:right !important;}
.table-wrapper.orders-history td.col.actions,
.table-wrapper.orders-history td.col.status{text-align:center !important;}

/* Alternating glass stripes */
.table-wrapper.orders-history tbody tr:nth-child(odd){
    background:color-mix(in srgb,var(--cg-blue) 3%,#fff 97%) !important;
}
.table-wrapper.orders-history tbody tr:nth-child(even){
    background:color-mix(in srgb,var(--cg-accent) 3%,#fff 97%) !important;
}

/* Hover tint */
.table-wrapper.orders-history tbody tr:hover{
    background:color-mix(in srgb,var(--cg-accent) 10%,#fff 90%) !important;
    transition:background .18s ease;
}

/* Reorder link */
.table-wrapper.orders-history .action.order{
    font-weight:600 !important;
    color:var(--cg-accent) !important;
    text-decoration:none !important;
    transition:color .18s, transform .18s cubic-bezier(.16,.8,.36,1);
}
.table-wrapper.orders-history .action.order:is(:hover,:focus){
    color:color-mix(in srgb,var(--cg-accent) 85%,#000) !important;
    transform:translateY(-2px) !important;
}

/* ----- MOBILE STACK 640px ----- */
@media (max-width:640px){
    .table-wrapper.orders-history thead{
        position:absolute !important;
        clip:rect(0 0 0 0) !important;
        height:1px !important; width:1px !important; overflow:hidden !important;
    }

    .table-wrapper.orders-history tbody tr{
        display:block !important;
        border-bottom:1px solid rgba(45,51,127,.08) !important;
    }

    .table-wrapper.orders-history tbody td{
        display:flex !important; justify-content:space-between !important;
        align-items:center !important;
        padding:.9rem 1.2rem !important;
        border-right:none !important;
    }
    .table-wrapper.orders-history tbody td::before{
        content:attr(data-th) !important;
        font-weight:600 !important; color:var(--cg-blue) !important;
    }
}

/* reducedmotion */
@media (prefers-reduced-motion:reduce){
    .table-wrapper.orders-history tbody tr:hover,
    .table-wrapper.orders-history .action.order{transition:none !important;}
}
/*
  ORDERSHISTORY  bottom toolbar (pager / limiter)
*/
.order-products-toolbar{
    margin-top:2.4rem;
    padding:1.5rem 2rem;
    background:color-mix(in srgb,#fff 82%,var(--cg-blue) 4%);
    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);
}

/* layout  flex so amount + limiter align neatly */
.order-products-toolbar .pager{
    display:flex; flex-wrap:wrap;
    align-items:center; justify-content:space-between;
    gap:1.2rem;
    font:500 1.25rem/1.4 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    color:var(--cg-neutral,#4b4f5a);
}

/* amount ( 4Item(s) ) */
.order-products-toolbar .toolbar-amount{
    margin:0;                         /* kill default p spacing       */
}

/* limiter block */
.order-products-toolbar .limiter{
    display:flex; align-items:center; gap:.6rem;
}

.order-products-toolbar .limiter-label{
    font-weight:600; color:var(--cg-blue);
}

.order-products-toolbar .limiter-options{
    min-width:5.2rem;                 /* roomy click area             */
    padding:.35rem .8rem;
    font:600 1.15rem/1 var(--cg-font);
    color:var(--cg-blue);
    border:1px solid rgba(45,51,127,.18);
    border-radius:8px;
    background:#fff;
    cursor:pointer;
    transition:border-color .18s ease, transform .18s cubic-bezier(.16,.8,.36,1);
}
.order-products-toolbar .limiter-options:hover,
.order-products-toolbar .limiter-options:focus{
    border-color:var(--cg-accent,#b89b65);
    transform:translateY(-2px);
    outline:none;
}

.order-products-toolbar .limiter-text{
    opacity:.75;
}

/* mobile stack (640px) */
@media (max-width:640px){
    .order-products-toolbar .pager{flex-direction:column;align-items:flex-start;}
}

/* motionsafe fallback */
@media (prefers-reduced-motion:reduce){
    .order-products-toolbar .limiter-options{transition:none;}
}
/*
  CaptainGreek  WishList Share    Chip & Button polish
*/
.block-dashboard-share {
    /* 1  Chip container keeps pills on one line and wraps */
    #email_chips {
        display: flex;
        flex-wrap: wrap;
        gap: .5rem;              /* space between pills */
        margin: .2rem 0 1.2rem;  /* breathing room      */
    }

    /* 2  Individual chip */
    .cg-chip {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
        padding: .35rem .9rem .3rem;
        font: 600 1.25rem/1 var(--cg-font, "Inter", sans-serif);
        color: var(--cg-blue, #2d337f);
        background: color-mix(in srgb, var(--cg-blue) 6%, #fff 94%);
        border: 1px solid rgba(45, 51, 127, .15);
        border-radius: 9999px;   /* full pill */
        user-select: none;
        transition: background .18s ease, box-shadow .18s ease,
                    transform   .18s cubic-bezier(.16,.8,.36,1);
    }
    .cg-chip:hover {
        background: color-mix(in srgb, var(--cg-blue) 10%, #fff 90%);
        box-shadow: 0 2px 6px rgba(0,0,0,.08);
        transform: translateY(-2px);
    }

    /* 3   remove button inside each chip */
    .cg-chip-remove {
        appearance: none;
        border: 0;
        padding: 0 .1rem;
        font: 700 1.2rem/1 var(--cg-font, "Inter", sans-serif);
        color: var(--cg-accent, #b89b65);
        background: transparent;
        cursor: pointer;
        transition: color .18s ease, transform .18s ease;
    }
    .cg-chip-remove:hover,
    .cg-chip-remove:focus {
        color: color-mix(in srgb, var(--cg-accent) 85%, #000);
        transform: scale(1.2);
        outline: none;
    }

}
/*
  CaptainGreek  WishList Share  CTA buttons (2025)
   pills / glass shadow / hoverlift identical to dashboard
   primary = gold, secondary = glass outline
   mobile 480px: fullwidth stack
*/
.block-dashboard-share {

    /* 1  keep the buttons on one row, wrap on tiny screens */
    .actions-toolbar{
        display:flex;
        gap:1.2rem;
        flex-wrap:wrap;
    }

    /* 2  shared pill shell (inherits CG tokens) */
    .actions-toolbar .action{
        display:inline-flex;align-items:center;justify-content:center;
        min-height:2.8rem;padding:.55rem 2.2rem;

        font:600 1.25rem/1 var(--cg-font,"Inter",sans-serif);
        border-radius:22px;
        border:1px solid transparent;
        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:
            background var(--cg-dur-short),
            color      var(--cg-dur-short),
            transform  var(--cg-dur-short) var(--cg-ease-smooth);
    }

    /* 3  Primary: Send WishList (brand gold) */
    .actions-toolbar .action.primary{
        background:var(--cg-accent,#b89b65);
        color:#fff;
    }
    .actions-toolbar .action.primary:is(:hover,:focus){
        background:color-mix(in srgb,var(--cg-accent) 85%,#000);
        transform:translateY(-2px);
        outline:none;
    }

    /* 4  Secondary: Clear Recipients (glass outline) */
    .actions-toolbar .action.secondary{
        background:color-mix(in srgb,var(--cg-blue) 8%,#fff);
        color:var(--cg-blue,#2d337f);
        border-color:rgba(45,51,127,.12);
    }
    .actions-toolbar .action.secondary:is(:hover,:focus){
        background:var(--cg-blue);
        color:#fff;
        transform:translateY(-2px);
        outline:none;
    }

    /* 5  480pxstack fullwidth */
    @media (max-width:480px){
        .actions-toolbar .primary,
        .actions-toolbar .secondary{flex:1 1 100%;}
    }
}
/*
  WishList Share  mobile equalwidth CTAs
*/
@media (max-width:480px){
    .block-dashboard-share {

        /* stack the wrappers */
        .actions-toolbar{flex-direction:column;}

        /* wrappers take full row */
        .actions-toolbar > .primary,
        .actions-toolbar > .secondary{flex:1 1 100%;}

        /* buttons stretch edgetoedge */
        .actions-toolbar .action{width:100%;}
    }
}
/*
  WishList Share  premium textarea
*/
.block-dashboard-share {

    /* shell gives glassy background + border */
    .cg-textarea-shell{
        position:relative;
        background:color-mix(in srgb,var(--cg-blue) 6%,#fff 94%);
        border:1px solid rgba(45,51,127,.12);
        border-radius:14px;
        padding:1.2rem 1.4rem .9rem;
        box-shadow:
            0 1px 3px rgba(255,255,255,.25) inset,
            0 4px 12px rgba(0,0,0,.05) inset;
        transition:border-color .18s ease, box-shadow .18s ease;
    }

    /* floating label */
    .cg-floating-label{
        position:absolute; top:1.2rem; left:1.4rem;
        font:600 1.25rem/1 var(--cg-font);
        color:var(--cg-neutral);
        pointer-events:none;            /* do not intercept clicks   */
        transition:transform .18s ease, font-size .18s ease;
    }

    /* textarea */
    .cg-textarea{
        width:100%; resize:none; border:0; outline:0;
        background:transparent;
        font:500 1.3rem/1.55 var(--cg-font);
        color:var(--cg-blue);
        caret-color:var(--cg-accent);
    }
    .cg-textarea:focus{
        outline:none;
    }

    /* helper + counter */
    .cg-input-help,
    .cg-input-counter{
        margin: .4rem 0 0;
        font:500 1.1rem/1.3 var(--cg-font);
        color:var(--cg-neutral);
    }
    .cg-input-counter{ text-align:right; }

    /* Label shrinks when text present or focused */
    .cg-textarea:focus + .cg-input-help,
    .cg-textarea:not(:placeholder-shown) + .cg-input-help{
        /* no change  helper stays */
    }
    .cg-textarea:focus ~ .cg-floating-label,
    .cg-textarea:not(:placeholder-shown) ~ .cg-floating-label{
        transform:translateY(-1.8rem);
        font-size:1.05rem;
    }

    /* focus ring on shell */
    .cg-textarea-shell:focus-within{
        border-color:var(--cg-accent);
        box-shadow:0 0 0 2px color-mix(in srgb,var(--cg-accent) 60%,transparent);
    }
}
/* placeholder stays visible until the first keystroke */
.cg-textarea::placeholder {
    color: color-mix(in srgb,var(--cg-neutral) 65%,#fff);
    opacity: 1;                  /* Safari / iOS */
}

/* when placeholder is shown, keep label shrunk so text isn't hidden */
.cg-textarea:placeholder-shown + .cg-floating-label {
    transform: translateY(-.9rem) scale(.85);
    color: var(--cg-neutral);
}

/* once user focuses, label colour shifts for clarity */
.cg-textarea:focus + .cg-floating-label {
    color: var(--cg-blue);
}

/* CaptainGreek  Accountmenu separator  centrepulse variant */
.account-nav .delimiter{
    display:block;
    width:100%;
    height:2px;
    margin:1.2rem 0;
    border-radius:2px;

    /* brightest brandblue in the MIDDLE  gentle fade to edges */
    background:linear-gradient(
        90deg,
        /* left featherlight edge */
        transparent                                         0%,
        color-mix(in srgb,var(--cg-blue,#2d337f) 15%,#fff)  12%,
        color-mix(in srgb,var(--cg-blue) 35%,#fff)          25%,

        /* vivid core */
        var(--cg-blue)                                      50%,

        /* mirror fadeout */
        color-mix(in srgb,var(--cg-blue) 35%,#fff)          75%,
        color-mix(in srgb,var(--cg-blue) 15%,#fff)          88%,
        transparent                                        100%
    );

    opacity:.90;   /* keep punchy, but still slightly glassy */
}
#customer-panel-content .delimiter {
    display: block !important;}
    
    /*
  CaptainGreek  AJAX WishList Popup  (premium glass v2025)
*/
.magebig-ajax-popup.ajaxwishlist-success-box{
    /* 1  glass card shell */
    width:30rem;                      /* fits 270px image + padding */
    padding:2.4rem 2rem 2.6rem;
    background:color-mix(in srgb,#fff 82%,var(--cg-blue) 6%);
    backdrop-filter:blur(14px) saturate(145%);
    border:1px solid rgba(45,51,127,.12);
    border-radius:18px;
    box-shadow:0 10px 28px rgba(0,0,0,.14);
    position:relative;                /* for close X */
    text-align:center;
    font-family:var(--cg-font,"Inter","Helvetica Neue",sans-serif);
}

/* 2  product block  picture + name */
.magebig-ajax-popup .wishlist-media{
    margin-bottom:1.8rem;
}
.magebig-ajax-popup .product-image-wrapper{
    display:block; width:100%; aspect-ratio:1/1;          /* modern ratio */
    overflow:hidden; border-radius:14px; background:#fff;
    box-shadow:0 2px 8px rgba(0,0,0,.08) inset;
}
.magebig-ajax-popup .product-image-photo{
    width:100%!important; height:100%!important;
    object-fit:contain!important;      /* never crop logos */
    object-position:center;
}
.magebig-ajax-popup .product-name{
    margin-top:1.2rem;
    font:600 1.55rem/1.3 var(--cg-font);
    color:var(--cg-blue,#2d337f);
}

/* 3  added to wish list title */
.magebig-ajax-popup h3,
.magebig-ajax-popup .h3{
    margin:0 0 2rem;
    font:500 1.35rem/1.35 var(--cg-font);
    color:var(--cg-neutral,#4b4f5a);
}

/* 4  primary action button */
.magebig-ajax-popup .ajaxwishlist-buttons .action.primary{
    display:inline-flex; align-items:center; justify-content:center;
    min-height:2.8rem; padding:.7rem 2.4rem;
    font:600 1.2rem/1 var(--cg-font);
    color:#fff; background:var(--cg-accent,#b89b65);
    border:1px solid var(--cg-accent);
    border-radius:22px;
    cursor:pointer; user-select:none;
    transition:background .18s, transform .18s cubic-bezier(.16,.8,.36,1);
}
.magebig-ajax-popup .ajaxwishlist-buttons .action.primary:hover,
.magebig-ajax-popup .ajaxwishlist-buttons .action.primary:focus{
    background:color-mix(in srgb,var(--cg-accent) 85%,#000);
    transform:translateY(-2px);
    outline:none;
}

/* 5  close (X) button topright */
.magebig-ajax-popup .mfp-close{
    position:absolute; top:.9rem; right:.9rem;
    width:2.4rem; height:2.4rem;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%232d337f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E") center/65% 65% no-repeat;
    border:1px solid rgba(45,51,127,.12);
    border-radius:50%;
    background-color:#fff;
    cursor:pointer; opacity:.9;
    transition:opacity .18s, transform .18s cubic-bezier(.16,.8,.36,1);
}
.magebig-ajax-popup .mfp-close:hover,
.magebig-ajax-popup .mfp-close:focus{
    opacity:1; transform:rotate(90deg);
    outline:none;
}

/* 6  reducedmotion safety */
@media (prefers-reduced-motion:reduce){
    .magebig-ajax-popup .ajaxwishlist-buttons .action.primary,
    .magebig-ajax-popup .mfp-close{transition:none; transform:none;}
}
button.mfp-close::before{ content:none !important; }


/*
  CaptainGreek  WishList Grid  (inherits cgcardstrip look)
*/
.products-grid.wishlist {
    /* hook the same variables your carousel uses */
    --cg-blue   : #2d337f;
    --cg-accent : #b89b65;
    --btn-size  : 3.2rem;            /* matches cardstrip */

    /* make every LI behave like a cgcard */
    .product-item {
        /* card shell */
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: .8rem;
        padding: 1.4rem;
        border-radius: 12px;
        background: var(--cg-surface, #f8f9ff);
        box-shadow: 0 2px 6px rgba(0,0,0,.08);
        transition: transform .25s cubic-bezier(.16,.8,.36,1),
                    box-shadow .25s cubic-bezier(.16,.8,.36,1);

        &:hover,
        &:focus-within {
            transform: translateY(-4px);
            box-shadow: 0 6px 18px rgba(0,0,0,.12);
        }
    }

    /* --------------------------------------------------------
       1  Image block (copy rules from .cg-card-strip)
    -------------------------------------------------------- */
    .product-item-photo {
        display:block;                   
        .product-image-container,
        .product-image-wrapper {
            width: 230px !important;     
            max-width: 100%;
        }
        .product-image-wrapper {
            padding-bottom: 100% !important;
        }
        .product-image-photo {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover;
            border-radius: 10px;
            background: #fafafa;
            box-shadow: 0 2px 6px rgba(0,0,0,.08);
            transition: transform .25s, box-shadow .25s;
        }
        .product-item:hover .product-image-photo {
            transform: scale(1.06);
            box-shadow: 0 4px 14px rgba(0,0,0,.12);
        }
    }

    /* --------------------------------------------------------
       2  Name link
    -------------------------------------------------------- */
    .product-item-name {
        margin: .65rem 0 0;
        max-height: 2.8rem;             
        line-height: 1.4rem;
        text-align: center;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;

        margin-top: 10px!;
            a, .product-item-link {
            font-weight: 500;
            color: var(--cg-blue);
            text-decoration: none;
            position: relative;

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

            &:hover,
            &:focus {
                color: var(--cg-accent);
                background-size: 100% 2px;
            }
        }
}

    /* --------------------------------------------------------
       3  Price block (wrap already present markup)
           matches .price-wrap rules you defined
    -------------------------------------------------------- */
    .price-box {
        /* sit under name */
        display: flex;
        justify-content: center;

        /* copy from your cardstrip */
        .price-container .price {
            font-size: clamp(1.8rem, 1vw + 1.4rem, 2.2rem);
            font-weight: 700;
            color: var(--cg-accent);
            padding: .22rem .9rem .18rem;
            border-radius: 10px;
            background: rgba(184,155,101,.16);
            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, box-shadow .18s;
        }
        .old-price .price {
            font-size: 1.35rem;
            color: #8e8e8e;
            text-decoration: line-through;
            opacity: .55;
            margin-left: .5rem;
        }
        .special-price .price-label,
        .old-price  .price-label { display: none; }  
    }

    /* lift price on hover */
    .product-item:hover .price-container .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);
    }

    /* --------------------------------------------------------
       4  Wishlist action buttons (Qty, addtocart, trash)
            optional polish: centre & tint icons
    -------------------------------------------------------- */
    .product-item-inner {
        margin-top: .8rem;
        width: 100%;

            .wishlist-action {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: .8rem;

            .qty {
                flex: 1 1 40%;
            }

            .btn-remove {
                color: var(--cg-blue);
                transition: transform .2s;
                &:hover { transform: translateY(-2px); }
            }
        }

        .actions-primary .action.tocart {
            width: 100%;
            margin-top: .8rem;
            padding: .7rem 1.2rem;
            font: 600 1.25rem/1 var(--cg-font);
            color: #fff;
            background: var(--cg-accent);
            border: none;
            border-radius: 22px;
            transition: background .18s, transform .18s;
            &:hover,
            &:focus { background: color-mix(in srgb,var(--cg-accent) 85%,#000); transform: translateY(-2px); }
        }
}

    /* --------------------------------------------------------
       5  Responsive tweaks
    -------------------------------------------------------- */
    @media (max-width: 900px) {
        .product-item-photo
            .product-image-container,
        .product-item-photo
            .product-image-wrapper {
            width: 100% !important;
            aspect-ratio: 5/3;
        }
    }

    @media (max-width: 600px) {
        .product-item {
            width: 100% !important;
        }
    }
}
/*
  CaptainGreek  Wishlist card fixes (v202505hotpatch)
*/

/* 1  STOP the name & price from bumping other elements
   ---------------------------------------------------- */
.products-grid.wishlist {

    /* A. Name link: remove transform on hover so the element
          never leaves its reserved 2line block            */
    .product-item-name a,
    .product-item-link {
        /* override old rule */
        &:hover,
        &:focus { transform: none !important; }
    }

    /* B. Price badge: keep the lift effect but use
          translateZ(0) so it rises on its own stacking
          layer instead of pushing siblings */
    .price-container .price {
        will-change: transform;           /* GPU path */
    }
    .product-item:hover .price-container .price {
        transform: translateZ(0) scale(1.015);   /* no Yshift */
    }


/* 2  Modernise the comment / qty / buttons strip
   ---------------------------------------------------- */

    /* wrap flex so hover doesnt collapse when pointer
       crosses the gap between image and inner tools    */
    .product-item-inner {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        width: 100%;
    }

    /* ----- comment textarea ----- */
    .comment-box {
        width: 100%;
        .control { margin-top: .4rem; }

        textarea {
            width: 100%;
            min-height: 5.2rem;
            padding: .8rem 1.1rem;
            font: 500 1.3rem/1.45 var(--cg-font);
            color: var(--cg-blue);
            background: var(--cg-surface,#f8f9ff);
            border: 1px solid rgba(45,51,127,.15);
            border-radius: 10px;
            resize: vertical;
            transition: border-color .18s ease, box-shadow .18s ease;

            &:focus {
                border-color: var(--cg-accent);
                box-shadow: 0 0 0 2px color-mix(in srgb,var(--cg-accent) 55%,transparent);
                outline: none;
            }
        }
    }

    /* ----- Qty + trash + Addtocart row ----- */

    .wishlist-action {
        display: flex;
        align-items: center;
        gap: .8rem;

        /* Qty field = glass pill */
        .input-text.qty {
            width: 6rem;
            padding: .6rem 0;
            font: 600 1.3rem/1 var(--cg-font);
            text-align: center;
            color: var(--cg-blue);
            background: color-mix(in srgb,#fff 25%,var(--cg-blue) 8%);
            border: 1px solid rgba(45,51,127,.12);
            border-radius: 18px;
            transition: border-color .18s ease;
            &:focus {
                border-color: var(--cg-accent);
                outline: none;
            }
        }

        /* Trash icon  minimal button */
        .btn-remove {
            flex: 0 0 auto;
            width: var(--btn-size);
            height: var(--btn-size);
            display: grid;
            place-items: center;
            border-radius: 50%;
            color: var(--cg-blue);
            background: color-mix(in srgb,var(--cg-blue) 8%,#fff);
            border: 1px solid rgba(45,51,127,.08);
            transition: background .18s, transform .18s;
            &:hover,
            &:focus {
                background: var(--cg-blue);
                color: #fff;
                transform: translateY(-2px);
            }
        }
    }

    /* Addtocart primary CTA  keep full width */
    .product-item-actions .actions-primary .tocart {
        width: 100%;
        padding: .8rem;
        font: 600 1.35rem/1 var(--cg-font);
        border-radius: 22px;
        background: var(--cg-accent);
        color: #fff;
        border: none;
        transition: background .18s, transform .18s;
        &:hover,
        &:focus {
            background: color-mix(in srgb,var(--cg-accent) 85%,#000);
            transform: translateY(-2px);
        }
    }

    /* ----- keep hover state alive while user moves
            from image  inner tools on desktop ----- */
    @media (hover:hover) {
        .product-item:hover {
            /* extend pointercatching area */
            padding-bottom: .4rem;
        }
    }
}
/*
  CaptainGreek  Wishlist card  ondemand tool strip
*/
.products-grid.wishlist {

    /* A. create a revealzone at the bottom of the card */
    .product-item {
        position: relative;                     /* anchor */
        overflow: hidden;                       /* clip slidein */
    }

    /* B. treat the old .product-item-inner as the tool strip */
    .product-item-inner {
        position: absolute;
        inset-inline: 0;
        bottom: .6rem;                          /* sits just inside */
        translate: 0 110%;                      /* start offscreen */
        opacity: 0;
        pointer-events: none;                   /* ignore until shown */

        transition:
            translate .32s cubic-bezier(.16,.8,.36,1),
            opacity   .32s ease;
        display: block;
    }

    /* C. when the card is hovered/focused  slide the tools up */
    .product-item:is(:hover, :focus-within) .product-item-inner {
        translate: 0 0;
        opacity: 1;
        pointer-events: auto;                   /* regain interactivity */
    }
}
/*
  CaptainGreek  Minicart icons    Qty spinner upgrade
*/
:root{
    --cg-blue   : #2d337f;
    --cg-accent : #b89b65;
    --cg-ease   : cubic-bezier(.16,.8,.36,1);
    --cg-fast   : .18s;
}

/*===========================================================
  1  Trash / Pencil icons in the slideout cart
===========================================================*/
.minicart-items {

    /* container button */
    .action.edit,
    .action.delete{
        position:absolute; top:50%; right:.6rem;
        translate:0 -50%;

        /* circle */
        width:2.4rem; height:2.4rem; display:grid; place-items:center;
        border-radius:50%; background:#fff;
        border:1px solid rgba(45,51,127,.15);
        cursor:pointer;

        transition:background var(--cg-fast) var(--cg-ease),
                   border-color var(--cg-fast) var(--cg-ease),
                   color var(--cg-fast);
    }

    /* icon glyph */
    .action.edit::before,
    .action.delete::before{
        content:"";                       /* will be replaced per rule below */
        font-family:'mbicon';
        font-size:1.4rem; line-height:1;
        color:var(--cg-blue);
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale;
        display:inline-block;
    }
    .action.delete::before{ content:"\e681"; }   /* trash */
    .action.edit::before  { content:"\e60d"; }   /* pencil */

    /* hover / focus */
    .action.edit:is(:hover,:focus-visible),
    .action.delete:is(:hover,:focus-visible){
        background:var(--cg-blue);
        border-color:var(--cg-blue);
        color:#fff;
    }
    .action.edit:is(:hover,:focus-visible)::before,
    .action.delete:is(:hover,:focus-visible)::before{ color:#fff; }
}

/*===========================================================
  2  Qty spinner  shared across pages (wishlist, minicart)
===========================================================*/
.custom-qty{                                 /* the little +/- wrapper   */
    flex:0 0 3.2rem;                         /* matches new btn size     */
}
.btn-qty{
    all:unset; display:grid; place-items:center;
    width:3.2rem; height:3.2rem; cursor:pointer;
    border-radius:50%;
    background:color-mix(in srgb,var(--cg-accent) 8%,#fff);
    color:var(--cg-accent);
    box-shadow:0 1px 3px rgba(0,0,0,.06) inset,
               0 2px 4px rgba(0,0,0,.06);

    transition:background var(--cg-fast) var(--cg-ease),
               transform  var(--cg-fast) var(--cg-ease),
               box-shadow var(--cg-fast) var(--cg-ease);
}
.btn-qty:is(:hover,:focus-visible){
    background:var(--cg-accent); color:#fff;
    transform:translateY(-2px);
    box-shadow:0 4px 10px rgba(0,0,0,.12),
               0 6px 14px rgba(0,0,0,.14);
}
.btn-qty:active{ transform:translateY(0) scale(.94); }

/* icon inside the button */
.btn-qty .mbi{
    font-size:1.5rem; pointer-events:none;
}

/*===========================================================
  3  Qty input itself  (all touched contexts)
===========================================================*/
.multicheckout .table-wrapper .col .qty .input-text,
.column .block-addbysku .qty .qty,
.account .table-return-items .qty .input-text,
.table-giftregistry-items .field.qty .qty,
.block-giftregistry-shared-items .qty .qty,
.account .table-wrapper .data.table.wishlist .box-tocart .qty,
.products-grid.wishlist .product-item .box-tocart input.qty,
.sidebar .block-addbysku .fieldset .fields .field.qty .qty{
    width:6rem; max-width:100%;
    text-align:center;
    padding:.6rem .4rem;
    font:600 1.35rem/1 var(--cg-font,"Inter",sans-serif);
    color:var(--cg-blue);
    border:1px solid rgba(45,51,127,.15);
    border-radius:10px;

    background:color-mix(in srgb,#fff 92%,var(--cg-blue) 8%);
    transition:border-color var(--cg-fast),
               box-shadow   var(--cg-fast);
}
input.qty:is(:focus,:hover){
    border-color:var(--cg-accent);
    box-shadow:0 0 0 2px color-mix(in srgb,var(--cg-accent) 35%,transparent);
}

/*===========================================================
  4  Reducedmotion safety
===========================================================*/
@media (prefers-reduced-motion:reduce){
    .btn-qty,
    .btn-qty:is(:hover,:focus-visible){ transition:none; transform:none; }
    input.qty{ transition:none; }
}

/* CaptainGreek  force trash icon in minicart */
.minicart-items .action.delete::before{
    content:"\e681" !important;       /* glyph from mbicon */
}

/* (optional) change the edit/pencil as well */
.minicart-items .action.edit::before{
    content:"\e60d" !important;       /* pencil */
}
/*
  CaptainGreek  WishList bulkactions  2025 polish
*/
.products-grid.wishlist + .actions-toolbar{
    margin-top:2.4rem;                     /* breathing room */
}

.products-grid.wishlist + .actions-toolbar .primary{
    display:flex; gap:1.2rem; flex-wrap:wrap;
}

/* base look */
.products-grid.wishlist + .actions-toolbar .action{
    display:inline-flex; align-items:center; justify-content:center;
    min-height:3.0rem; padding:.75rem 2.2rem;
    
    font:600 1.25rem/1 var(--cg-font,"Inter",sans-serif);
    text-transform:capitalize;
    
    border-radius:24px;
    border:1px solid transparent;
    background:var(--cg-blue,#2d337f);     /* brandblue core */
    color:#fff;
    
    cursor:pointer;
    touch-action:manipulation;
    transition:
        background .18s ease,
        color      .18s ease,
        box-shadow .18s cubic-bezier(.16,.8,.36,1),
        transform  .18s cubic-bezier(.16,.8,.36,1);
}

/* subtle elevation */
.products-grid.wishlist + .actions-toolbar .action:hover,
.products-grid.wishlist + .actions-toolbar .action:focus-visible{
    background:color-mix(in srgb,var(--cg-blue) 85%,#000);
    transform:translateY(-2px);
    box-shadow:0 4px 12px rgba(0,0,0,.12);
    outline:none;
}

/* secondary accent for Share WishList */
.products-grid.wishlist + .actions-toolbar .action.share{
    background:var(--cg-accent,#b89b65);
    border-color:var(--cg-accent);
}
.products-grid.wishlist + .actions-toolbar .action.share:hover,
.products-grid.wishlist + .actions-toolbar .action.share:focus-visible{
    background:color-mix(in srgb,var(--cg-accent) 85%,#000);
}

/* ghoststyle for AddAlltoCart */
.products-grid.wishlist + .actions-toolbar .action.tocart{
    background:color-mix(in srgb,var(--cg-blue) 6%,#fff 94%);
    border-color:rgba(45,51,127,.15);
    color:var(--cg-blue);
}
.products-grid.wishlist + .actions-toolbar .action.tocart:hover,
.products-grid.wishlist + .actions-toolbar .action.tocart:focus-visible{
    background:var(--cg-blue);
    color:#fff;
}

/* mobile: fullwidth buttons (480px) */
@media (max-width:480px){
    .products-grid.wishlist + .actions-toolbar .primary{
        flex-direction:column;
    }
    .products-grid.wishlist + .actions-toolbar .action{
        width:100%;
    }
}
/*
  CaptainGreek  Quantity pill controls (wishlist/cart etc.)
*/

/* hide the browsers mini steppers */
.products-grid.wishlist input.input-text.qty::-webkit-inner-spin-button,
.products-grid.wishlist input.input-text.qty::-webkit-outer-spin-button{
    -webkit-appearance: none;   /* Chrome / Edge */
    margin: 0;
}
.products-grid.wishlist input.input-text.qty{
    -moz-appearance: textfield; /* Firefox       */
}

/* visual style of the numeric field */
.products-grid.wishlist input.input-text.qty{
    width: 6.2rem;
    padding: .65rem 1rem;
    font: 700 1.8rem/1 var(--cg-font,"Inter",sans-serif);
    text-align: center;
    color: var(--cg-blue,#2d337f);
    background: color-mix(in srgb,var(--cg-blue) 6%,#fff 94%);
    border: 2px solid rgba(184,155,101,.35);
    border-radius: 12px;
    transition: box-shadow .18s ease, border-color .18s ease;
}
.products-grid.wishlist input.input-text.qty:is(:focus){
    outline: none;
    box-shadow: 0 0 0 3px color-mix(in srgb,var(--cg-accent,#b89b65) 35%,transparent);
    border-color: var(--cg-accent,#b89b65);
}

/* wrapper that will host the  buttons Flex row */
.products-grid.wishlist .field.qty .control{
    display: inline-flex;
    align-items: center;
    gap: .55rem;
}

/* the  buttons themselves */
.cg-btn-qty{
    all: unset;                                    /* reset */
    display: grid; place-items: center;
    width: 3.2rem; height: 3.2rem;
    font-size: 1.8rem; line-height: 1; font-weight: 700;
    color: var(--cg-blue);
    background: color-mix(in srgb,var(--cg-blue) 8%,#fff 92%);
    border: 2px solid rgba(45,51,127,.15);
    border-radius: 50%;
    cursor: pointer;
    transition: background .18s ease,
                transform  .18s ease,
                box-shadow .18s ease,
                color      .18s ease;
}
.cg-btn-qty:is(:hover,:focus-visible){
    background: var(--cg-accent,#b89b65);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0,0,0,.14);
}
.cg-btn-qty:active{ transform: translateY(0) scale(.92); }
/*
  CaptainGreek  WishList bottom toolbar  (202506 premium)
*/
.wishlist-toolbar{
    /* glass card shell */
    margin-top:2.4rem;
    padding:1.5rem 2rem;
    background:color-mix(in srgb,#fff 82%,var(--cg-blue) 4%);
    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);
}

/* flex row keeps amount + limiter aligned */
.wishlist-toolbar .pager{
    display:flex; flex-wrap:wrap;
    align-items:center; justify-content:space-between;
    gap:1.2rem;

    font:500 1.25rem/1.4 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    color:var(--cg-neutral,#4b4f5a);
}

.wishlist-toolbar .toolbar-amount{ margin:0; }

/*  Limiter block  */
.wishlist-toolbar .limiter{
    display:flex; align-items:center; gap:.6rem;
}
.wishlist-toolbar .limiter-label{
    font-weight:600; color:var(--cg-blue);
}

.wishlist-toolbar .limiter-options{
    min-width:5.2rem;
    padding:.35rem .8rem;
    font:600 1.15rem/1 var(--cg-font);
    color:var(--cg-blue);
    background:#fff;
    border:1px solid rgba(45,51,127,.18);
    border-radius:8px;
    cursor:pointer;

    transition:border-color .18s ease, transform .18s cubic-bezier(.16,.8,.36,1);
}
.wishlist-toolbar .limiter-options:is(:hover,:focus){
    border-color:var(--cg-accent,#b89b65);
    transform:translateY(-2px); outline:none;
}

.wishlist-toolbar .limiter-text{ opacity:.75; }

/* mobile stack 640px */
@media (max-width:640px){
    .wishlist-toolbar .pager{
        flex-direction:column; align-items:flex-start;
    }
}

/* motionsafety */
@media (prefers-reduced-motion:reduce){
    .wishlist-toolbar .limiter-options{ transition:none; }
}

/*
  CaptainGreek  ProductReviews page  (202506 premium)
*/

/*  1  Glass card shell  */
.table-wrapper.reviews{
    margin:0 0 2.4rem;
    padding:2rem 2.4rem;

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

/*  2  Table base & header  */
.table-wrapper.reviews  table.table-reviews{
    width:100%;
    border-collapse:separate; border-spacing:0;
    font-size:1.25rem;
}

.table-wrapper.reviews thead th{
    background:color-mix(in srgb,var(--cg-blue) 6%,#fff 94%);
    backdrop-filter:blur(8px) saturate(155%);

    color:var(--cg-blue);
    font:600 1.15rem/1 var(--cg-font);
    text-align:center; letter-spacing:.1px;
    padding:1rem 1.4rem;

    border-right:1px solid rgba(45,51,127,.10);
    border-bottom:1px solid rgba(45,51,127,.10);
}
.table-wrapper.reviews thead th:last-child{border-right:none;}

/*  3  Body stripes & hover tint  */
.table-wrapper.reviews tbody td{
    padding:1rem 1.4rem;
    font:500 1.25rem/1.45 var(--cg-font);

    border-right:1px solid rgba(45,51,127,.06);
    border-bottom:1px solid rgba(45,51,127,.06);
}
.table-wrapper.reviews tbody td:last-child{border-right:none;}

.table-wrapper.reviews tbody tr:nth-child(odd){
    background:color-mix(in srgb,var(--cg-blue) 3%,#fff 97%);
}
.table-wrapper.reviews tbody tr:nth-child(even){
    background:color-mix(in srgb,var(--cg-accent) 3%,#fff 97%);
}
.table-wrapper.reviews tbody tr:hover{
    background:color-mix(in srgb,var(--cg-accent) 10%,#fff 90%);
    transition:background .18s ease;
}

/*  4  SeeDetails link  */
.table-wrapper.reviews .action.more{
    font-weight:600;
    color:var(--cg-accent);
    text-decoration:none;
    transition:color .18s, transform .18s cubic-bezier(.16,.8,.36,1);
}
.table-wrapper.reviews .action.more:is(:hover,:focus){
    color:color-mix(in srgb,var(--cg-accent) 85%,#000);
    transform:translateY(-2px);
    outline:none;
}

/*  5  Mobile stack 640px  */
@media (max-width:640px){
    .table-wrapper.reviews thead{
        position:absolute; clip:rect(0 0 0 0);
        height:1px; width:1px; overflow:hidden;
    }
    .table-wrapper.reviews tbody tr{
        display:block;
        border-bottom:1px solid rgba(45,51,127,.08);
    }
    .table-wrapper.reviews tbody td{
        display:flex; justify-content:space-between;
        align-items:center; padding:.9rem 1.2rem;
        border-right:none;
    }
    .table-wrapper.reviews tbody td::before{
        content:attr(data-th);
        font-weight:600; color:var(--cg-blue);
    }
}

/*  6  Bottom toolbar (amount + limiter)  */
.products-reviews-toolbar{
    margin-top:2.4rem;
    padding:1.5rem 2rem;
    background:color-mix(in srgb,#fff 82%,var(--cg-blue) 4%);
    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);
}
.products-reviews-toolbar .pager{
    display:flex; flex-wrap:wrap;
    align-items:center; justify-content:space-between;
    gap:1.2rem;

    font:500 1.25rem/1.4 var(--cg-font);
    color:var(--cg-neutral,#4b4f5a);
}
.products-reviews-toolbar .toolbar-amount{margin:0;}

.products-reviews-toolbar .limiter{
    display:flex; align-items:center; gap:.6rem;
}
.products-reviews-toolbar .limiter-label{font-weight:600;color:var(--cg-blue);}
.products-reviews-toolbar .limiter-options{
    min-width:5.2rem; padding:.35rem .8rem;
    font:600 1.15rem/1 var(--cg-font);
    color:var(--cg-blue);
    background:#fff;
    border:1px solid rgba(45,51,127,.18);
    border-radius:8px; cursor:pointer;
    transition:border-color .18s ease, transform .18s cubic-bezier(.16,.8,.36,1);
}
.products-reviews-toolbar .limiter-options:is(:hover,:focus){
    border-color:var(--cg-accent); transform:translateY(-2px); outline:none;
}
.products-reviews-toolbar .limiter-text{opacity:.75;}

@media (max-width:640px){
    .products-reviews-toolbar .pager{
        flex-direction:column; align-items:flex-start;
    }
}


/*
  CAPTAINGREEK  CustomerReview Card (v202507sync)
   glass card, responsive, tokendriven
*/
:root{
    --cg-ease-smooth: cubic-bezier(.16,.8,.36,1);
    --cg-dur-fast   : .18s;
    --cg-dur-medium : .32s;
}

/* 1  wrapper column (optional maxwidth for breathing room) */
.column.main.main-wrap{
    max-width:880px;                /* mirrors other dash cards  */
    margin-inline:auto;
    padding-inline:1.4rem;
}

/* 2  glass card shell */
.customer-review.view{
    display:flex; flex-direction:column; gap:2rem;
    margin:0 0 2.4rem;
    padding:2.6rem 3rem;
    font-family:var(--cg-font);
    background:color-mix(in srgb,#fff 80%,var(--cg-blue) 6%);
    backdrop-filter:blur(14px) saturate(150%);
    border:1px solid rgba(45,51,127,.10);
    border-radius:18px;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
}

/* 3  product block (thumbnail + name) */
.customer-review .product-details{
    display:flex; flex-wrap:wrap; align-items:center;
    column-gap:2.4rem;              /* keeps rhythm with dash   */
}

/* thumbnail inherits cgcardstrip rules */
.cg-img-container,
.cg-img-wrapper{width:230px!important;max-width:100%;}
.cg-img-wrapper{padding-bottom:100%!important;}

.product-image-photo{
    width:100%!important;height:100%!important;
    object-fit:cover;
    border-radius:14px;
    background:#fafafa;
    box-shadow:0 2px 6px rgba(0,0,0,.08);
    transition:transform .25s,box-shadow .25s;
}
.product-photo:is(:hover,:focus) .product-image-photo{
    transform:scale(1.06);
    box-shadow:0 4px 14px rgba(0,0,0,.12);
}

/* title with animated gold underline */
.product-name{
    flex:1 1 auto; min-height:100%;
    display:flex; align-items:center;
    font:700 clamp(1.6rem,1.2vw + 1.1rem,1.9rem)/1.35 var(--cg-font);
    color:var(--cg-blue); margin:0; position:relative;
}
.product-name::after{
    content:""; position:absolute; left:0; right:0; bottom:-.3rem;
    height:3px; border-radius:3px;
    background:linear-gradient(90deg,var(--cg-accent) 0%,color-mix(in srgb,var(--cg-accent) 25%,#fff) 100%);
    transform-origin:left; transform:scaleX(.15);
    transition:transform .45s var(--cg-ease-smooth);
}
.product-name:hover::after{transform:scaleX(1);}

/* 4  review body hierarchy */
.review-title{
    margin:0 0 .4rem;
    font:600 1.35rem/1.3 var(--cg-font);
    letter-spacing:.25px; color:var(--cg-blue);
}
.review-content{
    margin:0 0 1.4rem;
    font:500 1.3rem/1.55 var(--cg-font);
    color:var(--cg-neutral);
}
.review-date{
    font:500 1.15rem/1.4 var(--cg-font);
    color:color-mix(in srgb,var(--cg-neutral) 80%,#000);
    opacity:.85;
}

/* 5  responsive tweaks */
@media (max-width:640px){
    .customer-review.view{padding:1.8rem 1.6rem;}
    .customer-review .product-details{flex-direction:column;align-items:flex-start;}
    .cg-img-container,.cg-img-wrapper{width:100%!important;aspect-ratio:5/3;padding-bottom:0!important;}
    .product-image-photo{object-fit:contain;background:#fff;}
}

@media (prefers-reduced-motion:reduce){
    *{transition:none!important;}
}
/*
  CustomerReview card  fullwidth patch
  (drop in AFTER your previous customerreview SCSS)
*/

/* 1  let the wrapping column span its parent  */
.column.main.main-wrap{
    max-width: none;    /* kill the 880px cap  */
    width: 100%;        /* occupy all space     */
    padding-inline: 0;  /* optional  flush edges;
                           keep if you prefer the old 1.4rem gutter */
}

/* 2  make sure the glass card itself fills that column */
.customer-review.view{
    width: 100%;
}
/*
  CAPTAINGREEK  AffiliatePortal Card (202507revD)
*/

/* 0  column spacing  keep the 20px drop under the nav */
.column.main.main-wrap{ margin-top:20px !important; }

/* 1  glass card shell */
#affiliate-user{
    display:block;
    width:100%;
    padding:2.6rem 2.8rem 2.8rem;     /*  title now 2.6rem from top */
    margin:0;
    background:color-mix(in srgb,#fff 82%,var(--cg-blue) 6%);
    backdrop-filter:blur(14px) saturate(150%);
    border:1px solid rgba(45,51,127,.10);
    border-radius:18px;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
    > br{display:none;}               /* kill stray <br> */
}

/* 2  legend (title bar) */
#affiliate-user .legend{
    margin:0 0 1.8rem;               /* no negative lift */
    padding-bottom:1rem;
    font:700 1.9rem/1.25 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    color:var(--cg-blue);
    border-bottom:1px solid var(--cg-surface-edge,#d9dcf0);
    position:relative;
    display: none;
}
#affiliate-user .legend::after{
    content:"";
    position:absolute;left:0;bottom:-.25rem;
    width:100%;height:3px;border-radius:3px;
    background:linear-gradient(90deg,
               var(--cg-accent) 0%,
               color-mix(in srgb,var(--cg-accent) 25%,#fff) 100%);
    transform-origin:left;
    transform:scaleX(.15);
    transition:transform .45s cubic-bezier(.16,.8,.36,1);
    display: ;
}
#affiliate-user:hover .legend::after,
#affiliate-user:focus-within .legend::after{ transform:scaleX(1); }

/* 3  form controls (unchanged from revC) */
#affiliate-user .field{ margin-bottom:1.8rem; }
#affiliate-user .label{
    display:block;margin-bottom:.6rem;
    font:600 1.35rem/1.35 var(--cg-font);color:var(--cg-blue);
}
#affiliate-user .control input[type="text"]{
    width:100%;padding:.75rem 1.2rem;
    font:500 1.3rem/1 var(--cg-font);color:var(--cg-blue);
    background:color-mix(in srgb,#fff 94%,var(--cg-blue) 6%);
    border:1px solid rgba(45,51,127,.15);border-radius:12px;
    transition:border-color .18s,box-shadow .18s;
}
#affiliate-user .control input[type="text"]:focus{
    border-color:var(--cg-accent);
    box-shadow:0 0 0 2px color-mix(in srgb,var(--cg-accent) 45%,transparent);
    outline:none;
}
#affiliate-user .control p{
    margin:.65rem 0 1.2rem;
    font:500 1.2rem/1.55 var(--cg-font);color:var(--cg-neutral);
}

/* 4  custom checkbox  now scoped & anchored */
#affiliate-user #affiliate-confirmation{
    position:relative;               /* NEW  keeps tick inside box   */
    appearance:none;width:1.6rem;height:1.6rem;
    border:2px solid rgba(45,51,127,.35);border-radius:4px;
    vertical-align:middle;margin-right:.6rem;cursor:pointer;
    transition:background .18s,border-color .18s;
}
#affiliate-user #affiliate-confirmation:checked{
    background:var(--cg-accent);border-color:var(--cg-accent);
}
#affiliate-user #affiliate-confirmation:checked::after{
    content:"";position:absolute;inset:0;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolyline points='20 6 9 17 4 12' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% 80% no-repeat;
    background:#fff;
}

#affiliate-user .wk-affiliate-terms-label{
    font:500 1.25rem/1.5 var(--cg-font);color:var(--cg-neutral);
}
#affiliate-user .wk-affiliate-terms-label a{
    color:var(--cg-accent);text-decoration:none;font-weight:600;
}
#affiliate-user .wk-affiliate-terms-label a:hover{ text-decoration:underline; }

/* 5  primary button */
#affiliate-user .actions-toolbar{ margin-top:2.6rem; }
#affiliate-user .actions-toolbar .action.save{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:3.2rem;padding:.8rem 2.4rem;border-radius:26px;
    font:600 1.35rem/1 var(--cg-font);color:#fff;
    background:var(--cg-accent);border:1px solid var(--cg-accent);
    transition:background .18s ease,transform .18s cubic-bezier(.16,.8,.36,1);
}
#affiliate-user .actions-toolbar .action.save:is(:hover,:focus){
    background:color-mix(in srgb,var(--cg-accent) 85%,#000);
    transform:translateY(-2px);outline:none;
}

/* 6  motionsafe */
@media (prefers-reduced-motion:reduce){
    #affiliate-user *,
    #affiliate-user .legend::after{ transition:none!important; }
}

@media (min-width: 768px) {
    .columns.row         {display:flex; flex-wrap:nowrap;}
    
   
  }
  
  /*
  CAPTAINGREEK  RETURNREQUESTS (RMA)  2025 premium polish
    paste AFTER your current dashboard CSS
*/

/* 1  Glass card wrapper (fieldset already has .cg-fieldset) */
.cg-fieldset{
    /* inherits formlegend polish you shipped earlier */
    background:color-mix(in srgb,#fff 78%,var(--cg-blue) 6%);
    backdrop-filter:blur(12px) saturate(145%);
    border:1px solid rgba(45,51,127,.08);
    border-radius:18px;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
    padding:2rem 2.4rem;
}

/* 2  Request a Return CTA */
#wk_rma_new_request.cg-btn{
    display:inline-flex;align-items:center;justify-content:center;
    gap:.5rem;                           /* room for icon if you add one */
    min-height:3rem;padding:.75rem 2.2rem;
    font:600 1.35rem/1 var(--cg-font);
    color:#fff;
    background:var(--cg-accent);
    border:1px solid var(--cg-accent);
    border-radius:24px;
    transition:background .18s,transform .18s cubic-bezier(.16,.8,.36,1);
}
#wk_rma_new_request.cg-btn:is(:hover,:focus-visible){
    background:color-mix(in srgb,var(--cg-accent) 85%,#000);
    transform:translateY(-2px);outline:none;
}

/* 3  Applyfilters pill */
.cg-btn.filter-order{
    margin-inline-start:.8rem;
    font-size:1.25rem;
    background:color-mix(in srgb,var(--cg-blue) 8%,#fff);
    color:var(--cg-blue);
    border:1px solid rgba(45,51,127,.12);
    border-radius:22px;
}
.cg-btn.filter-order:is(:hover,:focus-visible){
    background:var(--cg-blue);color:#fff;transform:translateY(-2px);
}

/* 4  Table shell */
#rma-table{
    width:100%;
    border-collapse:separate;border-spacing:0;
    font-size:1.25rem;
    margin-top:1.6rem;
}

/* 4a  Header row */
#wk_rma_sorter th,
#wk_rma_sorter th span.wk_rma_table_title{ /* stronger selector override */
    background:color-mix(in srgb,var(--cg-blue) 6%,#fff 94%);
    backdrop-filter:blur(8px) saturate(155%);
    color:var(--cg-blue);
    font:600 1.15rem/1 var(--cg-font);
    text-align:center;
    padding:1rem 1.4rem;
    border-right:1px solid rgba(45,51,127,.10);
    border-bottom:1px solid rgba(45,51,127,.10);
}
#wk_rma_sorter th:last-child{border-right:none;}

/* 4b  Sort indicator ( /  already toggled by JS) */
.wk_rma_sorter .wk_rma_desc::after,
.wk_rma_sorter .wk_rma_asc::after{
    font-family:'Inter',sans-serif;
    margin-left:.3rem;
    font-size:1.15rem;line-height:1;
}
.wk_rma_asc::after {content:'';}
.wk_rma_desc::after{content:'';}

/* 4c  Filter row */
.wk_rma_filter th{padding:.7rem 1rem;border-bottom:1px solid rgba(45,51,127,.10);}
.filter_input{
    width:100%;
    min-height:2.8rem;
    padding:.55rem 1rem;
    font:500 1.25rem/1 var(--cg-font);
    color:var(--cg-blue);
    background:color-mix(in srgb,#fff 94%,var(--cg-blue) 6%);
    border:1px solid rgba(45,51,127,.15);
    border-radius:14px;
    transition:border-color .18s ease,box-shadow .18s ease;
}
.filter_input:focus{
    border-color:var(--cg-accent);
    box-shadow:0 0 0 2px color-mix(in srgb,var(--cg-accent) 45%,transparent);
    outline:none;
}

/* 4d  Body cells */
#rma-table tbody td{
    padding:1rem 1.4rem;
    font:500 1.25rem/1.45 var(--cg-font);
    border-right:1px solid rgba(45,51,127,.06);
    border-bottom:1px solid rgba(45,51,127,.06);
}
#rma-table tbody td:last-child{border-right:none;}
#rma-table tbody tr:nth-child(odd){
    background:color-mix(in srgb,var(--cg-blue) 3%,#fff 97%);
}
#rma-table tbody tr:nth-child(even){
    background:color-mix(in srgb,var(--cg-accent) 3%,#fff 97%);
}
#rma-table tbody tr:hover{
    background:color-mix(in srgb,var(--cg-accent) 10%,#fff 90%);
    transition:background .18s ease;
}

/* 4e  Empty state (no returns yet) */
#rma-table .a-center{
    padding:2.4rem 1.8rem;
    border:2px dashed var(--cg-surfaceEdge);
    background:color-mix(in srgb,#fff 90%,var(--cg-blue) 4%);
    border-radius:14px;
    font:500 1.3rem/1.55 var(--cg-font);
    color:var(--cg-neutral);
}
#rma-table .a-center a.cg-btn{
    margin-top:.9rem;
}

/* 5  Mobile stack 640px */
@media (max-width:640px){
    /* hide header for screenreaders only */
    #rma-table thead.wk_rma_sorter{
        position:absolute;clip:rect(0 0 0 0);
        width:1px;height:1px;overflow:hidden;
    }
    #rma-table tbody tr{
        display:block;
        border-bottom:1px solid rgba(45,51,127,.08);
    }
    #rma-table tbody td{
        display:flex;justify-content:space-between;align-items:center;
        padding:.9rem 1.2rem;
        border-right:none;
    }
    #rma-table tbody td::before{
        content:attr(data-th);
        font-weight:600;color:var(--cg-blue);
    }
}

/* 6  Motionsafe users */
@media (prefers-reduced-motion:reduce){
    *,
    #wk_rma_new_request.cg-btn,
    .cg-btn.filter-order,
    .wk_rma_sorter th,
    #rma-table tbody tr:hover{transition:none!important;}
}
/*
  RMA QUICKFIX  kill leftover 2016 styles
*/

/* 1  tableheader selected state  make it onbrand */
#rma-table th.wk_rma_selected{
    /* glasstint that matches other sortable headers */
    background:color-mix(in srgb,var(--cg-accent) 12%,#fff 88%) !important;
    border-color:rgba(45,51,127,.18) !important;
    box-shadow:none !important;
}

/* 2  strip old borders/padding that clash with new spec  */
#rma-table th{
    border:none !important;              /* keep the tidy borders
                                            we already defined earlier */
    padding:1rem 1.4rem !important;       /* same rhythm as rest */
}

/* 3  bring the RequestaReturn pill back in line      */
legend{                                   /* turn legend into a flex row */
    display:flex;align-items:center;justify-content:space-between;
    gap:1rem;flex-wrap:wrap;
}
#wk_rma_new_request.cg-btn{
    /* wipe the ancient float rule */
    float:none !important;
    width:auto !important;
    margin-left:auto;                     /* keeps it flushright */
}
/*
  RMA TABLE  tidyup (kills legacy sprite, fixes CTA float)
*/

/* 1 Remove 2010era GIF arrows  let ::after glyphs do the job */
#rma-table .wk_rma_desc,
#rma-table .wk_rma_asc{
    background:none !important;     /* nuke red sprite */
    width:auto !important;
    height:auto !important;
}

/*  OPTIONAL: unify the new chevrons with brand colour  */
.wk_rma_sorter .wk_rma_desc::after{ content:""; color:var(--cg-blue); }
.wk_rma_sorter .wk_rma_asc::after { content:""; color:var(--cg-blue); }

/* 2 Fix the legend / button wrap  make it a flex row   */
legend{                                /* fieldset title bar */
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    flex-wrap:wrap;                    /* wrap on very narrow mobile */
}

/* 3 Kill the stray float/width that was shoving the CTA down */
#wk_rma_new_request{
    float:none !important;
    width:auto !important;             /* pill sizes itself */
    margin-left:auto;                  /* still aligns right */
}
/*
  CAPTAINGREEK RMA TABLE (premium 2025 skin)
  paste after all other CSS so it wins the cascade
*/

/* 0  shell  give the table its own subtle glass card      */
#rma-table{
    width:100%;
    border-collapse:separate;               /* keep rounded corners   */
    border-spacing:0;
    margin-top:1.6rem;
    font-size:1.25rem;
    background:color-mix(in srgb,#fff 78%,var(--cg-blue) 6%);
    backdrop-filter:blur(12px) saturate(145%);
    border:1px solid rgba(45,51,127,.08);
    border-radius:14px;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
    overflow:hidden;                        /* clip round corners     */
}

/* 1  header row  glass strip, brand blue text             */
#rma-table thead.wk_rma_sorter th{
    background:color-mix(in srgb,var(--cg-blue) 6%,#fff 94%);
    backdrop-filter:blur(8px) saturate(155%);
    color:var(--cg-blue);
    font:600 1.15rem/1 var(--cg-font,"Inter","Helvetica Neue",sans-serif);
    text-align:center;
    letter-spacing:.1px;
    padding:1rem 1.4rem;
    border-right:1px solid rgba(45,51,127,.10);
    border-bottom:1px solid rgba(45,51,127,.10);
}
#rma-table thead.wk_rma_sorter th:last-child{border-right:none;}

/* 2  sorting chevrons (inherits rules youve added)         */
.wk_rma_sorter .wk_rma_desc::after{content:"";color:var(--cg-blue);}
.wk_rma_sorter .wk_rma_asc::after {content:"";color:var(--cg-blue);}
#rma-table .wk_rma_desc,
#rma-table .wk_rma_asc{background:none!important;width:auto!important;height:auto!important;}

/* 3  filter row  light glass stripe + brand inputs         */
#rma-table thead.wk_rma_filter{
    background:color-mix(in srgb,var(--cg-accent) 4%,#fff 96%);
}
#rma-table .wk_rma_filter input{
    width:100%;
    min-height:2.6rem;
    padding:.6rem .9rem;
    font:500 1.25rem/1 var(--cg-font);
    color:var(--cg-blue);
    background:#fff;
    border:1px solid rgba(45,51,127,.18);
    border-radius:8px;
    transition:border-color .18s ease,box-shadow .18s ease;
}
#rma-table .wk_rma_filter input:focus{
    border-color:var(--cg-accent);
    box-shadow:0 0 0 2px color-mix(in srgb,var(--cg-accent) 45%,transparent);
    outline:none;
}

/* 4  body cells  zebra glass stripes + hover tint          */
#rma-table tbody td{
    padding:1rem 1.4rem;
    font:500 1.25rem/1.45 var(--cg-font);
    border-right:1px solid rgba(45,51,127,.06);
    border-bottom:1px solid rgba(45,51,127,.06);
}
#rma-table tbody td:last-child{border-right:none;}

#rma-table tbody tr:nth-child(odd){
    background:color-mix(in srgb,var(--cg-blue) 3%,#fff 97%);
}
#rma-table tbody tr:nth-child(even){
    background:color-mix(in srgb,var(--cg-accent) 3%,#fff 97%);
}
#rma-table tbody tr:hover{
    background:color-mix(in srgb,var(--cg-accent) 10%,#fff 90%);
    transition:background .18s ease;
}

/* 5  No return requests emptystate block                 */
#rma-table .a-center{
    padding:2.4rem 1.8rem;
    border:2px dashed var(--cg-surfaceEdge);
    background:color-mix(in srgb,#fff 90%,var(--cg-blue) 4%);
    border-radius:14px;
    font:500 1.3rem/1.55 var(--cg-font);
    color:var(--cg-neutral);
}
#rma-table .a-center a.cg-btn{margin-top:.9rem;}

/* 6  mobile stack 640px  headerless card view          */
@media (max-width:640px){
    #rma-table thead{
        position:absolute;clip:rect(0 0 0 0);
        height:1px;width:1px;overflow:hidden;
    }
    #rma-table tbody tr{
        display:block;
        border-bottom:1px solid rgba(45,51,127,.08);
    }
    #rma-table tbody td{
        display:flex;justify-content:space-between;
        align-items:center;padding:.9rem 1.2rem;
        border-right:none;
    }
    #rma-table tbody td::before{
        content:attr(data-th);
        font-weight:600;color:var(--cg-blue);
    }
}

/* 7  reducedmotion safety                                  */
@media (prefers-reduced-motion:reduce){
    #rma-table tbody tr:hover,
    #rma-table thead.wk_rma_filter input{transition:none;}
}

/*
  Legend + RequestaReturn pill on one line
*/
fieldset > .legend{        /* flex row = title + CTA */
    display:flex;align-items:center;justify-content:space-between;
    gap:1rem;flex-wrap:wrap;
}
#wk_rma_new_request{
    float:none!important;width:auto!important;margin-left:auto;
}
/*
  CAPTAINGREEK RMA TABLE  final tidyup
*/

/* 1  body cells  kill the righthand border only ONCE      */
#rma-table tbody td:last-child{
    border-right:none!important;
}

/* 2  emptystate block  keep the premium glass look        */
#rma-table .a-center{
    padding:2.4rem 1.8rem;
    border:2px dashed var(--cg-surfaceEdge);
    background:color-mix(in srgb,#fff 90%,var(--cg-blue) 4%);
    border-radius:14px;
    font:500 1.3rem/1.55 var(--cg-font);
    color:var(--cg-neutral);
}
#rma-table .a-center a.cg-btn{margin-top:.9rem;}

/* 3  universal action pills  override the old Magento core */
.action.primary,
.action.secondary{
    display:inline-flex;align-items:center;justify-content:center;
    gap:.45rem;
    min-height:3rem;
    padding:.75rem 2.2rem;
    
    font:600 1.35rem/1 var(--cg-font);
    border-radius:24px!important;
    transition:background .18s,transform .18s cubic-bezier(.16,.8,.36,1);
    
    /* remove legacy props */
    line-height:1!important;
    text-transform:none;
    backface-visibility:hidden;
}

/* primary = gold, secondary = glassblue */
.action.primary{
    color:#fff;background:var(--cg-accent);border:1px solid var(--cg-accent);
}
.action.secondary{
    color:var(--cg-blue);
    background:color-mix(in srgb,var(--cg-blue) 8%,#fff);
    border:1px solid rgba(45,51,127,.12);
}

.action.primary:is(:hover,:focus),
.action.secondary:is(:hover,:focus){
    transform:translateY(-2px);
    outline:none;
}
.action.primary:is(:hover,:focus){
    background:color-mix(in srgb,var(--cg-accent) 85%,#000);
}
.action.secondary:is(:hover,:focus){
    background:var(--cg-blue);color:#fff;
}
/*
  CAPTAINGREEK RMA   premium emptystate layout(v202508)
*/

/* 1  100%width glass pill that centres its contents        */
#rma-table .a-center{
    /* fullbleed inside the card */
    width:100%;
    display:flex;
    flex-direction:column;      /* message on top, CTA under     */
    align-items:center;
    justify-content:center;
    gap:1.2rem;                 /* crisp vertical rhythm          */

    /* keeps your existing premium look */
    padding:2.6rem 2rem;
    border:2px dashed var(--cg-surfaceEdge);
    background:color-mix(in srgb,#fff 90%,var(--cg-blue) 4%);
    border-radius:14px;
    text-align:center;

    font:500 1.35rem/1.55 var(--cg-font);
    color:var(--cg-neutral);
}

/* 2  Reset the CTA only **inside** this cell                 */
#rma-table .a-center #wk_rma_new_request{
    float:none !important;      /* kill the universal float       */
    width:auto !important;      /* let the pill size itself       */
    margin:0;                   /* gap already handled by flex    */
}

/* 3  Mobile 480px  nothing changes (already stacked)      */


/* Captain Greek homepage product card stable image V4 */

/*
   Stable CSS-only fix for MageBig WidgetPlus product cards.
   Keeps add-to-cart, quick view, wishlist, compare, price, sale badge, and carousel functionality intact.
*/

.cg-product-edit .widget-product.cg-card-strip .owl-stage {
    display: flex !important;
    align-items: stretch !important;
}

.cg-product-edit .widget-product.cg-card-strip .owl-item {
    display: flex !important;
    height: auto !important;
}

.cg-product-edit .widget-product.cg-card-strip .owl-item .product-item,
.cg-product-edit .widget-product.cg-card-strip .product-item {
    display: flex !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
}

.cg-product-edit .widget-product.cg-card-strip .product-item-info {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-height: 100% !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfaf5 100%) !important;
    border: 1px solid rgba(212, 175, 55, .34) !important;
    border-radius: 24px !important;
    box-shadow: 0 14px 34px rgba(31, 36, 93, .085) !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.cg-product-edit .widget-product.cg-card-strip .product-item-info:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(212, 175, 55, .68) !important;
    box-shadow: 0 22px 46px rgba(31, 36, 93, .14) !important;
}

/* Image stage: no absolute positioning, no forced empty height */
.cg-product-edit .widget-product.cg-card-strip .product-show {
    position: relative !important;
    flex: 0 0 auto !important;
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 14px 14px 13px !important;
    margin: 0 !important;
    overflow: visible !important;
    background:
        radial-gradient(circle at 20% 0%, rgba(212, 175, 55, .13), transparent 34%),
        linear-gradient(180deg, #fbfaf5 0%, #f6f1e3 100%) !important;
    border-radius: 24px 24px 0 0 !important;
}

/* Rounded media frame */
.cg-product-edit .widget-product.cg-card-strip .product-item-photo,
.cg-product-edit .widget-product.cg-card-strip .product.photo,
.cg-product-edit .widget-product.cg-card-strip a.product-item-photo {
    position: relative !important;
    inset: auto !important;

    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 1 / .78 !important;

    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;

    background: rgba(255, 255, 255, .92) !important;
    border: 1px solid rgba(45, 51, 127, .08) !important;
    border-radius: 20px !important;
    box-shadow:
        0 12px 28px rgba(31, 36, 93, .09),
        inset 0 1px 0 rgba(255, 255, 255, .78) !important;
    z-index: 3 !important;
}

.cg-product-edit .widget-product.cg-card-strip .product-item-photo .main-photo {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding: 10px !important;
    overflow: hidden !important;
    border-radius: 20px !important;
}

/* Correct Magento image-helper structure */
.cg-product-edit .widget-product.cg-card-strip .product-image-container,
.cg-product-edit .widget-product.cg-card-strip .cg-img-container {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    margin: 0 auto !important;
}

.cg-product-edit .widget-product.cg-card-strip .product-image-wrapper,
.cg-product-edit .widget-product.cg-card-strip .cg-img-wrapper {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    border-radius: 16px !important;
}

.cg-product-edit .widget-product.cg-card-strip .product-image-photo {
    position: absolute !important;
    inset: 0 !important;

    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;

    padding: 0 !important;
    margin: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 16px !important;

    transform: scale(1) !important;
    transition: transform .24s ease, filter .24s ease !important;
    z-index: 2 !important;
}

.cg-product-edit .widget-product.cg-card-strip .product-item-info:hover .product-image-photo {
    transform: scale(1.03) !important;
    filter: saturate(1.04) contrast(1.02) !important;
}

/* Sale badge: stable pill, not diagonal ribbon */
.cg-product-edit .widget-product.cg-card-strip .discount-percent {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 9 !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: 7px 11px !important;

    color: #ffffff !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;
    text-align: center !important;
    white-space: nowrap !important;

    transform: none !important;
    rotate: 0deg !important;
    animation: none !important;
}

.cg-product-edit .widget-product.cg-card-strip .discount-percent:before,
.cg-product-edit .widget-product.cg-card-strip .discount-percent:after {
    content: none !important;
    display: none !important;
}

/* Action dock: normal flow under image frame, never outside card */
.cg-product-edit .widget-product.cg-card-strip .product-btn {
    position: relative !important;
    inset: auto !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: max-content !important;
    max-width: 100% !important;
    min-width: 0 !important;

    padding: 7px 9px !important;
    margin: 12px auto 0 !important;

    background:
        linear-gradient(135deg, rgba(255, 255, 255, .94) 0%, rgba(251, 250, 245, .90) 100%) !important;
    border: 1px solid rgba(212, 175, 55, .48) !important;
    border-radius: 999px !important;
    box-shadow:
        0 14px 32px rgba(31, 36, 93, .15),
        inset 0 1px 0 rgba(255, 255, 255, .84) !important;
    backdrop-filter: blur(12px) !important;

    opacity: 1 !important;
    visibility: visible !important;
    translate: none !important;
    transform: none !important;
    transition: box-shadow .2s ease, border-color .2s ease !important;
    z-index: 10 !important;
}

.cg-product-edit .widget-product.cg-card-strip .product-item-info:hover .product-btn {
    border-color: rgba(212, 175, 55, .72) !important;
    box-shadow:
        0 18px 38px rgba(31, 36, 93, .19),
        inset 0 1px 0 rgba(255, 255, 255, .88) !important;
}

.cg-product-edit .widget-product.cg-card-strip .product-btn .row {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 7px !important;
    width: auto !important;
    margin: 0 !important;
}

.cg-product-edit .widget-product.cg-card-strip .product-btn .col {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.cg-product-edit .widget-product.cg-card-strip .product-btn form {
    display: block !important;
    margin: 0 !important;
}

.cg-product-edit .widget-product.cg-card-strip .product-btn button,
.cg-product-edit .widget-product.cg-card-strip .product-btn .action,
.cg-product-edit .widget-product.cg-card-strip .product-btn .btn-quickview,
.cg-product-edit .widget-product.cg-card-strip .product-btn a {
    all: unset !important;

    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;

    color: #2d337f !important;
    background: rgba(255, 255, 255, .96) !important;
    border: 1px solid rgba(45, 51, 127, .10) !important;
    border-radius: 50% !important;
    box-shadow:
        0 8px 18px rgba(31, 36, 93, .12),
        inset 0 1px 0 rgba(255, 255, 255, .90) !important;

    font-size: 16px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    text-transform: none !important;
    cursor: pointer !important;
    outline: none !important;
    transition: transform .17s ease, color .17s ease, background .17s ease, border-color .17s ease, box-shadow .17s ease !important;
}

.cg-product-edit .widget-product.cg-card-strip .product-btn .action.tocart {
    color: #1f245d !important;
    background: linear-gradient(135deg, #fff8df 0%, #efd06a 100%) !important;
    border-color: rgba(212, 175, 55, .72) !important;
    box-shadow:
        0 10px 22px rgba(212, 175, 55, .24),
        inset 0 1px 0 rgba(255, 255, 255, .88) !important;
}

.cg-product-edit .widget-product.cg-card-strip .product-btn button:hover,
.cg-product-edit .widget-product.cg-card-strip .product-btn button:focus-visible,
.cg-product-edit .widget-product.cg-card-strip .product-btn .action:hover,
.cg-product-edit .widget-product.cg-card-strip .product-btn .action:focus-visible,
.cg-product-edit .widget-product.cg-card-strip .product-btn .btn-quickview:hover,
.cg-product-edit .widget-product.cg-card-strip .product-btn .btn-quickview:focus-visible,
.cg-product-edit .widget-product.cg-card-strip .product-btn a:hover,
.cg-product-edit .widget-product.cg-card-strip .product-btn a:focus-visible {
    color: #ffffff !important;
    background: linear-gradient(135deg, #2d337f 0%, #1f245d 100%) !important;
    border-color: rgba(45, 51, 127, .92) !important;
    box-shadow: 0 12px 26px rgba(31, 36, 93, .22) !important;
    transform: translateY(-2px) !important;
}

.cg-product-edit .widget-product.cg-card-strip .product-btn button i,
.cg-product-edit .widget-product.cg-card-strip .product-btn .action i,
.cg-product-edit .widget-product.cg-card-strip .product-btn .btn-quickview i,
.cg-product-edit .widget-product.cg-card-strip .product-btn a i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1 !important;
}

/* Details */
.cg-product-edit .widget-product.cg-card-strip .product-item-details {
    position: relative !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 17px 16px 20px !important;
    text-align: center !important;
    background: #ffffff !important;
    border-top: 1px solid rgba(45, 51, 127, .05) !important;
}

.cg-product-edit .widget-product.cg-card-strip .product-item-name {
    min-height: 73px !important;
    margin: 0 0 12px !important;
    text-align: center !important;
    line-height: 1.34 !important;
}

.cg-product-edit .widget-product.cg-card-strip .product-item-name a,
.cg-product-edit .widget-product.cg-card-strip .product-item-link {
    display: -webkit-box !important;
    color: #1f245d !important;
    font-size: 13.5px !important;
    font-weight: 850 !important;
    line-height: 1.34 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.cg-product-edit .widget-product.cg-card-strip .product-item-name a:hover,
.cg-product-edit .widget-product.cg-card-strip .product-item-name a:focus-visible,
.cg-product-edit .widget-product.cg-card-strip .product-item-link:hover,
.cg-product-edit .widget-product.cg-card-strip .product-item-link:focus-visible {
    color: #2d337f !important;
    text-decoration: none !important;
}

/* Price */
.cg-product-edit .widget-product.cg-card-strip .price-wrap {
    display: flex !important;
    justify-content: center !important;
    margin-top: auto !important;
    padding-top: 4px !important;
}

.cg-product-edit .widget-product.cg-card-strip .price-box {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.cg-product-edit .widget-product.cg-card-strip .price-box .normal-price,
.cg-product-edit .widget-product.cg-card-strip .price-box .special-price {
    display: inline-flex !important;
}

.cg-product-edit .widget-product.cg-card-strip .price-box .price-container {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
}

.cg-product-edit .widget-product.cg-card-strip .price-box .price-label {
    display: none !important;
}

.cg-product-edit .widget-product.cg-card-strip .normal-price .price-wrapper,
.cg-product-edit .widget-product.cg-card-strip .special-price .price-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 38px !important;
    padding: 7px 12px !important;
    background: rgba(251, 250, 245, .96) !important;
    border: 1px solid rgba(212, 175, 55, .28) !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 18px rgba(31, 36, 93, .08) !important;
}

.cg-product-edit .widget-product.cg-card-strip .price-box .price {
    color: #b89445 !important;
    font-family: "Cormorant Garamond", "Playfair Display", Georgia, serif !important;
    font-size: 23px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

.cg-product-edit .widget-product.cg-card-strip .old-price {
    display: inline-flex !important;
    opacity: 1 !important;
}

.cg-product-edit .widget-product.cg-card-strip .old-price .price-wrapper {
    min-height: 30px !important;
    padding: 5px 9px !important;
    background: rgba(45, 51, 127, .045) !important;
    border: 1px solid rgba(45, 51, 127, .08) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

.cg-product-edit .widget-product.cg-card-strip .old-price .price {
    color: #8a8d9b !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-decoration: line-through !important;
}

/* Carousel spacing */
.cg-product-edit .widget-product.cg-card-strip .owl-stage-outer {
    padding: 4px 0 22px !important;
}

.cg-product-edit .widget-product.cg-card-strip .owl-nav {
    margin-top: 2px !important;
}

/* Compact bestseller column if populated */
.cg-promo--compact .widget-product.cg-card-strip .product-item-info {
    display: grid !important;
    grid-template-columns: 106px minmax(0, 1fr) !important;
    align-items: center !important;
}

.cg-promo--compact .widget-product.cg-card-strip .product-show {
    padding: 10px !important;
}

.cg-promo--compact .widget-product.cg-card-strip .product-item-photo,
.cg-promo--compact .widget-product.cg-card-strip a.product-item-photo {
    aspect-ratio: 1 / 1 !important;
    border-radius: 15px !important;
}

.cg-promo--compact .widget-product.cg-card-strip .product-item-photo .main-photo {
    padding: 6px !important;
    border-radius: 15px !important;
}

.cg-promo--compact .widget-product.cg-card-strip .product-image-wrapper,
.cg-promo--compact .widget-product.cg-card-strip .cg-img-wrapper,
.cg-promo--compact .widget-product.cg-card-strip .product-image-photo {
    border-radius: 12px !important;
}

.cg-promo--compact .widget-product.cg-card-strip .product-btn,
.cg-promo--compact .widget-product.cg-card-strip .discount-percent {
    display: none !important;
}

.cg-promo--compact .widget-product.cg-card-strip .product-item-details {
    padding: 12px !important;
    text-align: left !important;
    border-top: 0 !important;
}

.cg-promo--compact .widget-product.cg-card-strip .product-item-name {
    min-height: 0 !important;
    margin-bottom: 6px !important;
}

.cg-promo--compact .widget-product.cg-card-strip .product-item-name a,
.cg-promo--compact .widget-product.cg-card-strip .product-item-link {
    text-align: left !important;
    font-size: 12.5px !important;
    -webkit-line-clamp: 2 !important;
}

.cg-promo--compact .widget-product.cg-card-strip .price-wrap {
    justify-content: flex-start !important;
}

.cg-promo--compact .widget-product.cg-card-strip .price-box .price {
    font-size: 17px !important;
}

/* Tablet */
@media (max-width: 991px) {
    .cg-product-edit .widget-product.cg-card-strip .product-item-photo,
    .cg-product-edit .widget-product.cg-card-strip a.product-item-photo {
        aspect-ratio: 1 / .82 !important;
    }

    .cg-product-edit .widget-product.cg-card-strip .product-item-name {
        min-height: 67px !important;
    }
}

/* Mobile */
@media (max-width: 640px) {
    .cg-product-edit .widget-product.cg-card-strip .product-item-info {
        border-radius: 22px !important;
    }

    .cg-product-edit .widget-product.cg-card-strip .product-show {
        padding: 12px 12px 13px !important;
        border-radius: 22px 22px 0 0 !important;
    }

    .cg-product-edit .widget-product.cg-card-strip .product-item-photo,
    .cg-product-edit .widget-product.cg-card-strip a.product-item-photo {
        aspect-ratio: 1 / .80 !important;
        border-radius: 18px !important;
    }

    .cg-product-edit .widget-product.cg-card-strip .product-item-photo .main-photo {
        border-radius: 18px !important;
        padding: 8px !important;
    }

    .cg-product-edit .widget-product.cg-card-strip .product-image-wrapper,
    .cg-product-edit .widget-product.cg-card-strip .cg-img-wrapper,
    .cg-product-edit .widget-product.cg-card-strip .product-image-photo {
        border-radius: 14px !important;
    }

    .cg-product-edit .widget-product.cg-card-strip .product-btn {
        padding: 7px 8px !important;
        margin-top: 10px !important;
    }

    .cg-product-edit .widget-product.cg-card-strip .product-btn .row {
        gap: 6px !important;
    }

    .cg-product-edit .widget-product.cg-card-strip .product-btn button,
    .cg-product-edit .widget-product.cg-card-strip .product-btn .action,
    .cg-product-edit .widget-product.cg-card-strip .product-btn .btn-quickview,
    .cg-product-edit .widget-product.cg-card-strip .product-btn a {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
    }

    .cg-product-edit .widget-product.cg-card-strip .product-btn button i,
    .cg-product-edit .widget-product.cg-card-strip .product-btn .action i,
    .cg-product-edit .widget-product.cg-card-strip .product-btn .btn-quickview i,
    .cg-product-edit .widget-product.cg-card-strip .product-btn a i {
        font-size: 15px !important;
    }

    .cg-product-edit .widget-product.cg-card-strip .product-item-details {
        padding: 16px 14px 18px !important;
    }

    .cg-product-edit .widget-product.cg-card-strip .product-item-name {
        min-height: auto !important;
        margin-bottom: 12px !important;
    }

    .cg-product-edit .widget-product.cg-card-strip .product-item-name a,
    .cg-product-edit .widget-product.cg-card-strip .product-item-link {
        font-size: 14px !important;
        -webkit-line-clamp: 4 !important;
    }

    .cg-product-edit .widget-product.cg-card-strip .normal-price .price-wrapper,
    .cg-product-edit .widget-product.cg-card-strip .special-price .price-wrapper {
        min-height: 34px !important;
        padding: 6px 10px !important;
    }

    .cg-product-edit .widget-product.cg-card-strip .price-box .price {
        font-size: 21px !important;
    }
}

/* End Captain Greek homepage product card stable image V4 */


/* Captain Greek homepage product card image + hover V5 */

/*
   Purpose:
   - Make product images fill the rounded media frame more.
   - Reduce wasted whitespace.
   - Keep action dock readable on hover.
   - Do not change MageBig functionality.
*/

.cg-product-edit .widget-product.cg-card-strip .product-show {
    padding: 8px 8px 12px !important;
}

/* Larger image frame */
.cg-product-edit .widget-product.cg-card-strip .product-item-photo,
.cg-product-edit .widget-product.cg-card-strip .product.photo,
.cg-product-edit .widget-product.cg-card-strip a.product-item-photo {
    aspect-ratio: 1 / .96 !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    border-radius: 20px !important;
}

/* Remove inner padding so the image can use the full frame */
.cg-product-edit .widget-product.cg-card-strip .product-item-photo .main-photo {
    padding: 0 !important;
    border-radius: 20px !important;
}

.cg-product-edit .widget-product.cg-card-strip .product-image-container,
.cg-product-edit .widget-product.cg-card-strip .cg-img-container {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
}

.cg-product-edit .widget-product.cg-card-strip .product-image-wrapper,
.cg-product-edit .widget-product.cg-card-strip .cg-img-wrapper {
    width: 100% !important;
    height: 100% !important;
    padding-bottom: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
}

/* Fill the frame. This intentionally crops a little if the uploaded image has lots of empty padding. */
.cg-product-edit .widget-product.cg-card-strip .product-image-photo {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 18px !important;
    transform: scale(1.035) !important;
}

.cg-product-edit .widget-product.cg-card-strip .product-item-info:hover .product-image-photo {
    transform: scale(1.075) !important;
}

/* Keep the action dock neatly below the bigger image */
.cg-product-edit .widget-product.cg-card-strip .product-btn {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
}

/* Reset action button text/icon colors clearly */
.cg-product-edit .widget-product.cg-card-strip .product-btn button,
.cg-product-edit .widget-product.cg-card-strip .product-btn .action,
.cg-product-edit .widget-product.cg-card-strip .product-btn .btn-quickview,
.cg-product-edit .widget-product.cg-card-strip .product-btn a {
    color: #2d337f !important;
    background: rgba(255, 255, 255, .97) !important;
    border-color: rgba(45, 51, 127, .12) !important;
}

.cg-product-edit .widget-product.cg-card-strip .product-btn button i,
.cg-product-edit .widget-product.cg-card-strip .product-btn .action i,
.cg-product-edit .widget-product.cg-card-strip .product-btn .btn-quickview i,
.cg-product-edit .widget-product.cg-card-strip .product-btn a i,
.cg-product-edit .widget-product.cg-card-strip .product-btn button span,
.cg-product-edit .widget-product.cg-card-strip .product-btn .action span,
.cg-product-edit .widget-product.cg-card-strip .product-btn .btn-quickview span,
.cg-product-edit .widget-product.cg-card-strip .product-btn a span {
    color: currentColor !important;
}

/* Add to cart: gold default, navy hover with readable white icon */
.cg-product-edit .widget-product.cg-card-strip .product-btn .action.tocart {
    color: #1f245d !important;
    background: linear-gradient(135deg, #fff8df 0%, #efd06a 100%) !important;
    border-color: rgba(212, 175, 55, .78) !important;
}

.cg-product-edit .widget-product.cg-card-strip .product-btn .action.tocart:hover,
.cg-product-edit .widget-product.cg-card-strip .product-btn .action.tocart:focus-visible {
    color: #ffffff !important;
    background: linear-gradient(135deg, #2d337f 0%, #1f245d 100%) !important;
    border-color: rgba(45, 51, 127, .92) !important;
}

/* Wishlist / quick view / compare hover: readable white icon */
.cg-product-edit .widget-product.cg-card-strip .product-btn .action.towishlist:hover,
.cg-product-edit .widget-product.cg-card-strip .product-btn .action.towishlist:focus-visible,
.cg-product-edit .widget-product.cg-card-strip .product-btn .btn-quickview:hover,
.cg-product-edit .widget-product.cg-card-strip .product-btn .btn-quickview:focus-visible,
.cg-product-edit .widget-product.cg-card-strip .product-btn .action.tocompare:hover,
.cg-product-edit .widget-product.cg-card-strip .product-btn .action.tocompare:focus-visible {
    color: #ffffff !important;
    background: linear-gradient(135deg, #2d337f 0%, #1f245d 100%) !important;
    border-color: rgba(45, 51, 127, .92) !important;
}

/* Tooltip readability, scoped only to this homepage product edit */
.cg-product-edit .widget-product.cg-card-strip .product-btn .mb-tooltip:hover:after,
.cg-product-edit .widget-product.cg-card-strip .product-btn .mb-tooltip:focus-visible:after {
    color: #ffffff !important;
    background: #1f245d !important;
    border-color: #1f245d !important;
}

.cg-product-edit .widget-product.cg-card-strip .product-btn .mb-tooltip:hover:before,
.cg-product-edit .widget-product.cg-card-strip .product-btn .mb-tooltip:focus-visible:before {
    border-top-color: #1f245d !important;
    border-bottom-color: #1f245d !important;
}

/* Sale badge stays above the larger image */
.cg-product-edit .widget-product.cg-card-strip .discount-percent {
    top: 12px !important;
    left: 12px !important;
    z-index: 12 !important;
}

/* Mobile: keep the bigger image but avoid oversized cards */
@media (max-width: 640px) {
    .cg-product-edit .widget-product.cg-card-strip .product-show {
        padding: 7px 7px 11px !important;
    }

    .cg-product-edit .widget-product.cg-card-strip .product-item-photo,
    .cg-product-edit .widget-product.cg-card-strip .product.photo,
    .cg-product-edit .widget-product.cg-card-strip a.product-item-photo {
        aspect-ratio: 1 / .92 !important;
        border-radius: 18px !important;
    }

    .cg-product-edit .widget-product.cg-card-strip .product-item-photo .main-photo,
    .cg-product-edit .widget-product.cg-card-strip .product-image-wrapper,
    .cg-product-edit .widget-product.cg-card-strip .cg-img-wrapper,
    .cg-product-edit .widget-product.cg-card-strip .product-image-photo {
        border-radius: 16px !important;
    }

    .cg-product-edit .widget-product.cg-card-strip .product-image-photo {
        transform: scale(1.04) !important;
    }

    .cg-product-edit .widget-product.cg-card-strip .product-item-info:hover .product-image-photo {
        transform: scale(1.06) !important;
    }
}

/* End Captain Greek homepage product card image + hover V5 */


/* Captain Greek mobile product title no-cut V6 */

/*
   Scope: homepage MageBig WidgetPlus product cards only.
   Fixes mobile product names getting clipped.
   Does not change add-to-cart, quick view, wishlist, compare, price, or carousel behavior.
*/

@media (max-width: 767px) {
    .cg-product-edit .widget-product.cg-card-strip .owl-stage-outer {
        height: auto !important;
        padding-bottom: 28px !important;
    }

    .cg-product-edit .widget-product.cg-card-strip .owl-stage,
    .cg-product-edit .widget-product.cg-card-strip .owl-item,
    .cg-product-edit .widget-product.cg-card-strip .product-item {
        height: auto !important;
        min-height: 0 !important;
        align-items: stretch !important;
    }

    .cg-product-edit .widget-product.cg-card-strip .product-item-info {
        height: auto !important;
        min-height: 0 !important;
    }

    .cg-product-edit .widget-product.cg-card-strip .product-item-details {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 17px 14px 20px !important;
    }

    .cg-product-edit .widget-product.cg-card-strip .product-item-name {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 0 13px !important;
        padding: 0 !important;
        overflow: visible !important;
        text-align: center !important;
        line-height: 1.34 !important;
    }

    .cg-product-edit .widget-product.cg-card-strip .product-item-name a,
    .cg-product-edit .widget-product.cg-card-strip .product-item-link {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        color: #1f245d !important;
        font-size: 14px !important;
        font-weight: 850 !important;
        line-height: 1.34 !important;
        text-align: center !important;
        text-decoration: none !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;

        overflow: visible !important;
        text-overflow: clip !important;

        -webkit-line-clamp: unset !important;
        -webkit-box-orient: initial !important;
    }

    .cg-product-edit .widget-product.cg-card-strip .price-wrap {
        clear: both !important;
        display: flex !important;
        justify-content: center !important;
        margin-top: 8px !important;
        padding-top: 0 !important;
    }

    .cg-product-edit .widget-product.cg-card-strip .price-box {
        margin-top: 0 !important;
    }
}

/* Tablet: allow longer names without making cards too tall */
@media (min-width: 768px) and (max-width: 991px) {
    .cg-product-edit .widget-product.cg-card-strip .product-item-name {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin-bottom: 13px !important;
        overflow: visible !important;
    }

    .cg-product-edit .widget-product.cg-card-strip .product-item-name a,
    .cg-product-edit .widget-product.cg-card-strip .product-item-link {
        display: -webkit-box !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        -webkit-line-clamp: 4 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
}

/* End Captain Greek mobile product title no-cut V6 */