.single-product #secondary,
.single-product .widget-area { display: none !important; }
.single-product #primary,
.single-product .content-area {
width: 100% !important; max-width: none !important;
flex: 1 1 100% !important; float: none !important; margin: 0 !important;
}
.single-product .site-main { max-width: 1148px; margin-inline: auto; }
.single-product .site-content > .col-full > .woocommerce:empty { display: none; }
.single-product .woocommerce-product-gallery {
position: relative; margin: 0; background: none; border: 0; padding: 0;
}
.single-product .woocommerce-product-gallery__wrapper { position: static; margin: 0; }
.single-product .woocommerce-product-gallery__image img { border-radius: 8px; }
.single-product .woocommerce-product-gallery img.zoomImg { max-width: 100% !important; }
.single-product .woocommerce-product-gallery__trigger {
top: 4px; right: 4px; left: auto; z-index: 4; opacity: .55;
}
.single-product .woocommerce-product-gallery__trigger:hover { opacity: 1; }
.single-product .woocommerce-product-gallery .oggi-single-badge {
position: absolute; top: 4px; left: 4px; bottom: auto; right: auto; z-index: 3;
}
@media (min-width: 1100px) {
.single-product .woocommerce-product-gallery .oggi-single-badge { left: 104px; }
}
.single-product .summary.entry-summary { position: relative; margin: 0; }
.oggi-ficha__marca {
margin: 0 0 4px; padding-right: 44px;
color: var(--oggi-navy, #1B3A77); font-size: 15px; font-weight: 800;
}
.single-product .summary .product_title {
margin: 0 0 14px; padding-right: 44px;
font-size: clamp(22px, 2.2vw, 30px); font-weight: 800;
line-height: 1.2; letter-spacing: -.4px; color: var(--oggi-ink, #0F172A);
text-wrap: balance;
}
.single-product .summary .oggi-wish-single-wrap { position: absolute; top: 0; right: 0; margin: 0; }
.single-product .summary .oggi-wish-single-wrap :is(a, button) {
width: 40px; height: 40px; padding: 0; display: grid; place-items: center;
border: 0; background: none; color: var(--oggi-navy, #1B3A77);
font-size: 0; line-height: 0;
}
.single-product .summary .oggi-wish-single-wrap svg { width: 22px; height: 22px; }
.single-product .summary .oggi-wish-single-wrap :is(a, button) > span { display: none; }
.single-product .summary .price {
display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px;
margin: 0 0 4px; padding-top: 16px; border-top: 1px solid var(--oggi-line, #E5E7EB);
}
.single-product .summary .price del,
.single-product .summary .price del .amount {
flex: 1 0 100%;
color: var(--oggi-muted, #6B7280) !important; font-size: 19px; font-weight: 500;
text-decoration: line-through; text-decoration-thickness: 1.5px; opacity: 1;
}
.single-product .summary .price ins,
.single-product .summary .price > .amount {
background: none; text-decoration: none;
color: var(--oggi-navy, #1B3A77); font-size: 34px; font-weight: 800; letter-spacing: -1px;
}
.single-product .summary .price ins .amount { color: inherit !important; font-size: inherit; font-weight: inherit; }
.oggi-ficha__ahorro {
display: inline-flex; align-items: center; gap: 4px;
padding: 5px 12px; border-radius: 999px;
background: #E7F6EC; color: #15803D;
font-size: 14px; font-weight: 800; white-space: nowrap;
}
.oggi-ficha__ahorro .amount { color: inherit !important; font-size: inherit; font-weight: inherit; }
.single-product .summary .oggi-price-ex-tax {
margin: 0 0 18px; color: var(--oggi-muted, #6B7280);
font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase;
}
.single-product .summary form.cart { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0 0 18px; }
.single-product .summary form.cart .oggi-ficha__cantidad {
display: flex; align-items: center; flex: none;
height: 52px; padding: 0 4px;
border: 1px solid var(--oggi-navy, #1B3A77); border-radius: 999px;
}
.single-product .summary form.cart .oggi-ficha__cantidad input.qty {
width: 44px; height: 100%; margin: 0; padding: 0; text-align: center;
border: 0; background: none; box-shadow: none;
font: 700 16px var(--oggi-font-display, inherit); color: var(--oggi-ink, #0F172A);
-moz-appearance: textfield; appearance: textfield;
}
.single-product .summary form.cart .oggi-ficha__cantidad input.qty::-webkit-outer-spin-button,
.single-product .summary form.cart .oggi-ficha__cantidad input.qty::-webkit-inner-spin-button {
-webkit-appearance: none; margin: 0;
}
.oggi-ficha__paso {
width: 40px; height: 40px; flex: none; padding: 0;
display: grid; place-items: center;
border: 0; border-radius: 999px; background: none; cursor: pointer;
color: var(--oggi-navy, #1B3A77); font-size: 20px; font-weight: 700; line-height: 1;
}
.oggi-ficha__paso:hover { background: #F2F6FC; }
.single-product .summary form.cart .single_add_to_cart_button {
flex: 1 1 200px; min-height: 52px; margin: 0; padding: 0 28px;
border-radius: 999px; border: 0;
background: var(--oggi-navy, #1B3A77) !important; color: #fff !important;
font-size: 16px; font-weight: 800; text-shadow: none;
}
.single-product .summary form.cart .single_add_to_cart_button:hover { background: var(--oggi-navy-700, #14305F) !important; }
.single-product .summary .woocommerce-product-details__short-description {
margin: 0 0 18px; color: var(--oggi-ink-2, #46506A); font-size: 15px; line-height: 1.55;
}
.single-product .summary .woocommerce-product-details__short-description p:last-child { margin-bottom: 0; }
.oggi-ficha__tarjetas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0; }
.oggi-ficha__tarjeta {
display: flex; align-items: center; gap: 8px;
min-height: 62px; padding: 10px 12px; text-align: left;
border: 1px solid var(--oggi-line, #E5E7EB); border-radius: 14px;
background: #fff; color: var(--oggi-ink-2, #46506A);
font-size: 13.5px; font-weight: 600; line-height: 1.25; cursor: pointer;
}
.oggi-ficha__tarjeta svg { width: 22px; height: 22px; flex: none; color: var(--oggi-navy, #1B3A77); }
.oggi-ficha__tarjeta:hover { border-color: var(--oggi-navy, #1B3A77); }
.oggi-ficha__tarjeta[aria-expanded="true"] {
border-color: var(--oggi-navy, #1B3A77); background: #F2F6FC; color: var(--oggi-navy, #1B3A77);
}
.oggi-ficha__panel {
margin: 12px 0 0; padding: 14px;
border: 1px solid var(--oggi-line, #E5E7EB); border-radius: 14px; background: #fff;
}
.oggi-ficha__panel > :first-child { margin-top: 0; }
.oggi-ficha__panel > :last-child { margin-bottom: 0; }
.oggi-ficha__panel .oggi-payment-box { border: 0; padding: 0; margin: 0; }
.oggi-ficha__panel .oggi-envios { border: 0; padding: 0; margin: 0; background: none; }
.oggi-ficha__datos { margin: 26px 0 0; }
.oggi-ficha__datos h2 {
margin: 0 0 10px; font-size: 13px; font-weight: 800;
letter-spacing: .06em; text-transform: uppercase; color: var(--oggi-muted, #6B7280);
}
.oggi-ficha__datos dl {
display: grid; gap: 1px; margin: 0;
background: var(--oggi-line, #E5E7EB); border: 1px solid var(--oggi-line, #E5E7EB);
border-radius: 12px; overflow: hidden;
}
.oggi-ficha__datos dl > div { display: flex; flex-wrap: wrap; gap: 4px 12px; padding: 10px 14px; background: #fff; }
.oggi-ficha__datos dt { flex: 0 0 160px; color: var(--oggi-muted, #6B7280); font-size: 13.5px; font-weight: 600; }
.oggi-ficha__datos dd { flex: 1 1 200px; margin: 0; color: var(--oggi-ink, #0F172A); font-size: 13.5px; font-weight: 700; }
.oggi-product-description__body p,
.oggi-product-description__body li { max-width: 56ch; }
@media (min-width: 1100px) {
.woocommerce div.product {
display: grid;
overflow: visible !important;
grid-template-columns: minmax(0, 1fr) 468px;
column-gap: 56px;
align-items: start;
}
.woocommerce div.product > * {
grid-column: 1 / -1; float: none !important; width: auto !important;
}
.woocommerce div.product > .woocommerce-product-gallery { grid-column: 1; grid-row: 1; align-self: start; }
.woocommerce div.product > .summary.entry-summary { grid-column: 2; grid-row: 1; }
.woocommerce div.product > .oggi-product-description { margin-top: 34px; }
.woocommerce div.product > .related { margin-top: 34px; }
.single-product .woocommerce-product-gallery { padding-left: 100px; }
.single-product .woocommerce-product-gallery .flex-control-thumbs {
position: absolute; top: 0; left: 0; width: 84px; margin: 0; padding: 0;
display: flex; flex-direction: column; gap: 10px; list-style: none;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li {
width: 84px !important; flex: 0 0 84px; float: none !important; margin: 0; padding: 0;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs img {
width: 84px !important; height: 84px !important; object-fit: contain; padding: 4px;
border: 1px solid var(--oggi-line, #E5E7EB); border-radius: 10px;
background: #fff; opacity: 1; cursor: pointer; display: block;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs img.flex-active,
.single-product .woocommerce-product-gallery .flex-control-thumbs img:hover {
border-color: var(--oggi-navy, #1B3A77);
}
.storefront-sticky-add-to-cart { display: none !important; }
}
@media (max-width: 1099px) {
.single-product .summary.entry-summary { margin-top: 20px; }
.oggi-ficha__tarjetas { grid-template-columns: 1fr; }
.oggi-ficha__tarjeta { min-height: 52px; }
.single-product .woocommerce-product-gallery .flex-control-thumbs {
display: flex; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; overflow-x: auto;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs li {
flex: 0 0 64px; width: 64px !important; float: none !important; margin: 0; padding: 0;
}
.single-product .woocommerce-product-gallery .flex-control-thumbs img {
width: 64px !important; height: 64px !important; object-fit: contain; padding: 3px;
border: 1px solid var(--oggi-line, #E5E7EB); border-radius: 8px; background: #fff; display: block;
}
.storefront-sticky-add-to-cart {
display: block !important;
position: fixed; top: 0; left: 0; right: 0; z-index: 99998;
margin: 0; padding: 8px 12px;
background: #fff; border-bottom: 1px solid var(--oggi-line, #E5E7EB);
box-shadow: 0 6px 20px rgba(15, 23, 42, .10);
transform: translate3d(0, -100%, 0);
}
.storefront-sticky-add-to-cart .col-full {
display: flex; align-items: center; gap: 10px; max-width: none; margin: 0; padding: 0;
}
.storefront-sticky-add-to-cart img { width: 40px; height: 40px; flex: none; border-radius: 8px; }
.storefront-sticky-add-to-cart .storefront-sticky-add-to-cart__content-title { flex: 1; min-width: 0; font-size: 13px; }
.storefront-sticky-add-to-cart .storefront-sticky-add-to-cart__content-price { flex: none; font-weight: 800; color: var(--oggi-navy, #1B3A77); }
.storefront-sticky-add-to-cart a.button {
flex: none; min-height: 44px; display: inline-flex; align-items: center; margin: 0;
border-radius: 999px; background: var(--oggi-navy, #1B3A77) !important; color: #fff !important;
}
}
@media (min-width: 1100px) {
.woocommerce div.product > .oggi-product-description { grid-column: 1; }
.woocommerce div.product > .oggi-ficha__datos { grid-column: 1; }
.woocommerce div.product > .related {
grid-column: 2; grid-row: 2 / 100;
position: sticky; top: 20px; align-self: start;
margin-top: 34px;
max-height: calc(100vh - 40px); overflow-y: auto; overscroll-behavior: contain;
scrollbar-width: thin;
}
.woocommerce div.product > .related > h2 {
position: sticky; top: 0; z-index: 2;
margin: 0 0 12px; padding: 2px 0 10px; background: #fff;
font-size: 15px; font-weight: 800; text-align: left; color: var(--oggi-ink, #0F172A);
}
.woocommerce div.product > .related ul.products {
display: grid !important; grid-template-columns: 1fr !important; gap: 12px; margin: 0;
}
.woocommerce div.product > .related ul.products li.product {
width: 100% !important; margin: 0 !important; float: none !important; clear: none !important;
}
.woocommerce div.product > .related .oggi-prodcard { height: 100%; }
}
@media (min-width: 1100px) {
.woocommerce div.product > .related .oggi-prodcard {
display: grid; grid-template-columns: 84px minmax(0, 1fr);
gap: 4px 12px; align-items: center;
padding: 10px; border-radius: 14px;
}
.woocommerce div.product > .related .oggi-prodcard__img {
grid-row: 1 / 4; width: 84px; margin: 0; padding: 0;
}
.woocommerce div.product > .related .oggi-prodcard__img img { width: 84px; height: 84px; object-fit: contain; }
.woocommerce div.product > .related .oggi-prodcard__brand {
grid-column: 2; margin: 0; font-size: 11.5px; text-align: left;
}
.woocommerce div.product > .related .oggi-prodcard__title {
grid-column: 2; margin: 0; text-align: left; font-size: 13px; line-height: 1.3;
}
.woocommerce div.product > .related .oggi-prodcard__title a {
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.woocommerce div.product > .related .oggi-prodcard__prices {
grid-column: 2; display: flex; align-items: baseline; gap: 8px; margin: 0; text-align: left;
}
.woocommerce div.product > .related .oggi-prodcard__old { font-size: 12px; }
.woocommerce div.product > .related .oggi-prodcard__now { font-size: 16px; }
.woocommerce div.product > .related .oggi-prodcard__ex-tax,
.woocommerce div.product > .related .oggi-prodcard__actions,
.woocommerce div.product > .related .oggi-countdown { display: none; }
.woocommerce div.product > .related .oggi-prodcard__disc {
grid-column: 2; justify-self: start; position: static; margin: 0;
}
.woocommerce div.product > .related .oggi-prodcard__add {
grid-column: 1 / -1; min-height: 38px; margin-top: 6px; border-radius: 10px; font-size: 13px;
}
}
@media (min-width: 1100px) {
.woocommerce div.product > .related .oggi-prodcard { align-content: start; row-gap: 2px; }
.woocommerce div.product > .related .oggi-prodcard > * { margin-top: 0; margin-bottom: 0; }
.woocommerce div.product > .related .oggi-prodcard__img { align-self: start; }
}
@media (min-width: 1100px) {
.woocommerce div.product > .related .oggi-prodcard__img {
height: 84px !important; min-height: 0 !important; aspect-ratio: auto !important;
}
.woocommerce div.product > .related .oggi-prodcard__add { margin: 8px 0 0 !important; }
.woocommerce div.product > .related .oggi-prodcard__title { min-height: 0 !important; }
}
@media (min-width: 1100px) {
.woocommerce div.product > .related .oggi-prodcard.oggi-prodcard {
border-radius: 18px; padding: 14px; overflow: hidden;
}
.woocommerce div.product > .related .oggi-prodcard .oggi-prodcard__add {
margin: 10px -14px -14px !important;
}
}