@media (max-width: 767px) {
body.oggi-ui.single-product #content > .col-full {
margin-left: 0;
margin-right: 0;
}
}
body.oggi-ui.single-product .woocommerce-product-gallery__image {
border-radius: var(--oggi-r-tarjeta);
display: grid;
place-items: center;
aspect-ratio: 1 / 1;
padding: clamp(18px, 6%, 36px);
background: #fff;
}
body.oggi-ui.single-product .woocommerce-product-gallery__image > a {
display: grid;
place-items: center;
width: 100%;
height: 100%;
}
body.oggi-ui.single-product .woocommerce-product-gallery__image img.wp-post-image {
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
margin: 0 auto;
object-fit: contain;
}
body.oggi-ui.single-product .woocommerce-product-gallery img.zoomImg {
max-width: none !important;
}
body.oggi-ui.single-product .woocommerce-product-gallery__image {
position: relative;
overflow: clip !important;
overflow-clip-margin: content-box;
}
body.oggi-ui.single-product .woocommerce-product-gallery__image::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
box-shadow: inset 0 0 0 18px #fff;
pointer-events: none;
}
body.oggi-ui.single-product .pswp__bg {
background: #140F30;
}
@media (min-width: 1100px) {
body.oggi-ui.single-product .woocommerce-product-gallery:not(:has(.flex-control-thumbs)) {
padding-left: 0;
}
}
body.oggi-ui.single-product .woocommerce-product-gallery .oggi-single-badge {
border-radius: var(--oggi-r-campo);
top: 18px;
left: 18px;
align-items: baseline;
gap: 3px;
margin: 0;
padding: 7px 11px 6px;
font-size: 16px;
line-height: 1;
letter-spacing: 0;
}
body.oggi-ui.single-product .woocommerce-product-gallery .oggi-single-badge .oggi-prodcard__disc-num {
font-size: 24px;
font-weight: 900;
line-height: 1;
letter-spacing: -.02em;
}
body.oggi-ui.single-product .woocommerce-product-gallery .oggi-single-badge .oggi-prodcard__disc-off {
font-size: 11px;
font-weight: 900;
line-height: 1;
letter-spacing: .06em;
}
@media (max-width: 560px) {
body.oggi-ui.single-product .woocommerce-product-gallery .oggi-single-badge { border-radius: var(--oggi-r-control); }
}
@media (min-width: 1100px) {
body.oggi-ui.single-product .woocommerce-product-gallery:has(.flex-control-thumbs) .oggi-single-badge {
left: 118px;
}
}
body.oggi-ui.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
top: 14px;
right: 14px;
width: 40px;
height: 40px;
border-radius: 3px;
background: var(--oggi-violeta-suave);
opacity: 1;
transition: background-color .15s ease;
}
body.oggi-ui.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger::before {
width: 40px;
height: 40px;
line-height: 40px;
color: var(--oggi-tinta);
}
body.oggi-ui.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
background: #E2DAFF;
}
body.oggi-ui.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:focus-visible {
outline: none;
box-shadow: var(--oggi-foco);
}
body.oggi-ui.single-product .woocommerce-product-gallery .flex-control-thumbs img {
--b: 0px;
--contorno: #fff;
border: 0;
border-radius: var(--oggi-r-control);
background: #fff;
box-shadow: inset 0 0 0 var(--b) var(--contorno);
opacity: 1;
}
@media (max-width: 1099px) {
body.oggi-ui.single-product .woocommerce-product-gallery .flex-control-thumbs img {
border-radius: var(--oggi-r-chico);
}
}
body.oggi-ui.single-product .woocommerce-product-gallery .flex-control-thumbs li {
margin: 0 !important;
}
body.oggi-ui.single-product .woocommerce-product-gallery .flex-control-thumbs::before,
body.oggi-ui.single-product .woocommerce-product-gallery .flex-control-thumbs::after {
content: none;
}
body.oggi-ui.single-product .woocommerce-product-gallery .flex-control-thumbs img:hover {
--b: 1.5px;
--contorno: #B9A6F7;
}
body.oggi-ui.single-product .woocommerce-product-gallery .flex-control-thumbs img.flex-active {
--b: 2.5px;
--contorno: var(--oggi-violeta);
}
body.oggi-ui.single-product div.product .summary.entry-summary {
position: relative;
z-index: 1;
isolation: isolate;
padding: 26px 28px 28px;
background: none;
}
body.oggi-ui.single-product div.product .summary.entry-summary::before,
body.oggi-ui.single-product .summary .oggi-ficha__panel::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
border-radius: var(--oggi-r-panel);
background: #fff;
pointer-events: none;
}
@media (max-width: 1099px) {
body.oggi-ui.single-product div.product .summary.entry-summary {
margin-top: 14px;
padding: 20px 16px 20px;
}
}
body.oggi-ui.single-product .summary .oggi-wish-single-wrap {
top: 12px;
right: 12px;
}
@media (max-width: 1099px) {
body.oggi-ui.single-product .summary .oggi-wish-single-wrap { top: 8px; right: 6px; }
}
body.oggi-ui.single-product .summary .oggi-wish-single-wrap :is(a, button) {
border-radius: 50%;
color: var(--oggi-tinta);
}
body.oggi-ui.single-product .summary .oggi-wish-single-wrap :is(a, button):hover {
background: var(--oggi-violeta-suave);
}
body.oggi-ui.single-product .summary .oggi-wish-single-wrap :is(a, button):focus-visible {
outline: none;
box-shadow: var(--oggi-foco);
}
body.oggi-ui.single-product .summary .oggi-ficha__marca {
margin: 0 0 6px;
color: var(--oggi-tinta-2);
font-size: 12.5px;
font-weight: 800;
line-height: 1.3;
letter-spacing: .08em;
text-transform: uppercase;
}
body.oggi-ui.single-product .summary .product_title {
margin: 0 0 18px;
color: var(--oggi-tinta);
font-size: clamp(22px, 2.1vw, 29px);
font-weight: 800;
line-height: 1.18;
letter-spacing: -.02em;
}
body.oggi-ui.single-product .summary p.price {
gap: 6px 12px;
margin: 0 0 6px;
padding-top: 18px;
border-top: 1px solid var(--oggi-linea);
}
body.oggi-ui.single-product .summary p.price del,
body.oggi-ui.single-product .summary p.price del .amount {
font-size: 17px;
font-weight: 600;
line-height: 1.2;
text-decoration-thickness: 1.5px;
}
body.oggi-ui.single-product .summary p.price ins,
body.oggi-ui.single-product .summary p.price > .amount {
color: var(--oggi-tinta);
font-size: clamp(30px, 2.6vw, 36px);
font-weight: 800;
line-height: 1.1;
letter-spacing: -.02em;
}
body.oggi-ui.single-product .summary .oggi-ficha__ahorro {
gap: 5px;
padding: 7px 12px 7px 11px;
font-size: 13.5px;
font-weight: 800;
line-height: 1.2;
}
body.oggi-ui.single-product .summary .oggi-price-ex-tax {
margin: 4px 0 16px;
color: var(--oggi-tinta-2);
font-size: 11.5px;
font-weight: 700;
letter-spacing: .05em;
}
body.oggi-ui.single-product .summary .oggi-price-ex-tax .amount {
color: inherit;
}
body.oggi-ui.single-product .summary p.stock {
margin: 0 0 14px !important;
}
body.oggi-ui.single-product .summary .oggi-countdown-block {
--s: 8px;
margin: 0 0 16px;
padding: 7px calc(var(--s) + 14px) 7px calc(var(--s) + 10px);
border: 0;
border-radius: var(--oggi-r-pildora);
background: var(--oggi-violeta-suave);
font-family: var(--oggi-letra);
}
body.oggi-ui.single-product .summary .oggi-countdown-block {
flex-wrap: wrap;
gap: 2px 8px;
}
body.oggi-ui.single-product .summary .oggi-countdown-block__label {
color: var(--oggi-tinta);
font-weight: 700;
white-space: nowrap;
}
body.oggi-ui.single-product .summary .oggi-countdown-block__time {
color: var(--oggi-alerta);
font-weight: 800;
font-variant-numeric: tabular-nums;
}
body.oggi-ui.single-product .summary .oggi-promo-pill {
margin: 0 0 16px;
}
body.oggi-ui.single-product div.product .summary form.cart {
flex-wrap: nowrap;
gap: 10px;
margin: 0 0 20px;
padding: 0;
}
body.oggi-ui.single-product div.product .summary form.cart::before,
body.oggi-ui.single-product div.product .summary form.cart::after {
content: none;
}
body.oggi-ui.single-product div.product .summary form.cart .oggi-ficha__cantidad {
height: 52px;
margin: 0 !important;
padding: 0 5px;
}
body.oggi-ui.single-product div.product .summary form.cart .oggi-ficha__cantidad input.qty {
width: 42px !important;
height: 100% !important;
font-size: 17px !important;
font-variant-numeric: tabular-nums;
}
body.oggi-ui.single-product div.product .summary form.cart .oggi-ficha__paso {
border-radius: var(--oggi-r-pildora);
font-size: 22px;
font-weight: 700;
}
body.oggi-ui.single-product div.product form.cart .button.single_add_to_cart_button {
flex: 1 1 auto;
min-width: 0;
min-height: 52px;
padding: 0 20px !important;
font-size: 16px !important;
font-weight: 800 !important;
line-height: 1.15 !important;
white-space: nowrap;
}
@media (max-width: 1099px) {
body.oggi-ui.single-product div.product .summary form.cart { gap: 8px; }
body.oggi-ui.single-product div.product .summary form.cart .oggi-ficha__cantidad { padding: 0 4px; }
body.oggi-ui.single-product div.product .summary form.cart .oggi-ficha__paso { width: 34px; height: 34px; }
body.oggi-ui.single-product div.product .summary form.cart .oggi-ficha__cantidad input.qty { width: 34px !important; }
body.oggi-ui.single-product div.product form.cart .button.single_add_to_cart_button { padding: 0 12px !important; font-size: 15.5px !important; }
}
body.oggi-ui.single-product .summary .woocommerce-product-details__short-description {
margin: 0 0 18px;
color: var(--oggi-tinta-2);
font-size: 14.5px;
font-weight: 500;
line-height: 1.55;
}
body.oggi-ui.single-product .summary .oggi-ficha__tarjetas {
gap: 8px;
}
body.oggi-ui.single-product .summary .oggi-ficha__tarjeta {
--b: 0px;
--contorno: var(--oggi-lavanda);
--fondo: var(--oggi-lavanda);
gap: 9px;
padding: 10px 12px;
border: 0;
border-radius: var(--oggi-r-caja);
background: var(--fondo);
box-shadow: inset 0 0 0 var(--b) var(--contorno);
color: var(--oggi-tinta);
font-family: var(--oggi-letra);
font-size: 13.5px;
font-weight: 700;
line-height: 1.25;
transition: background-color .15s ease;
}
body.oggi-ui.single-product .summary .oggi-ficha__tarjeta svg {
color: var(--oggi-violeta);
}
body.oggi-ui.single-product .summary .oggi-ficha__tarjeta:hover {
--contorno: var(--oggi-violeta-suave);
--fondo: var(--oggi-violeta-suave);
}
body.oggi-ui.single-product .summary .oggi-ficha__tarjeta[aria-expanded="true"] {
--b: 2px;
--contorno: var(--oggi-violeta);
--fondo: var(--oggi-violeta-suave);
color: var(--oggi-tinta);
}
body.oggi-ui.single-product .summary .oggi-ficha__tarjeta:focus-visible {
--b: 3px;
--contorno: var(--oggi-violeta);
outline: none;
}
@media (max-width: 1099px) {
body.oggi-ui.single-product .summary .oggi-ficha__tarjeta {
min-height: 50px;
padding-right: 16px;
}
body.oggi-ui.single-product .summary .oggi-ficha__tarjeta > span {
flex: 1 1 auto;
}
body.oggi-ui.single-product .summary .oggi-ficha__tarjeta::after {
content: "";
display: block;
flex: none;
width: 8px;
height: 8px;
margin: -4px 2px 0 0;
border-right: 2.5px solid var(--oggi-tinta);
border-bottom: 2.5px solid var(--oggi-tinta);
transform: rotate(45deg);
transition: transform .15s ease;
}
body.oggi-ui.single-product .summary .oggi-ficha__tarjeta[aria-expanded="true"]::after {
margin-top: 4px;
transform: rotate(-135deg);
}
}
body.oggi-ui.single-product .summary .oggi-ficha__panel {
position: relative;
isolation: isolate;
margin: 8px 0 0;
padding: 16px 18px 18px;
border: 0;
border-radius: var(--oggi-r-caja);
background: none;
color: var(--oggi-tinta);
font-size: 14px;
line-height: 1.5;
}
body.oggi-ui.single-product .summary .oggi-ficha__panel::before {
border-radius: var(--oggi-r-caja);
background: var(--oggi-lavanda);
}
body.oggi-ui.single-product .summary .oggi-ficha__panel p {
color: var(--oggi-tinta);
}
body.oggi-ui.single-product .oggi-ficha__panel .oggi-payment-box {
margin: 0;
padding: 0;
border: 0;
background: none;
font-family: var(--oggi-letra);
}
body.oggi-ui.single-product .oggi-ficha__panel .oggi-payment-box__title {
margin: 0 0 10px;
color: var(--oggi-tinta-2);
font-size: 12px;
font-weight: 800;
line-height: 1.2;
letter-spacing: .08em;
}
body.oggi-ui.single-product .oggi-ficha__panel .oggi-promo-message {
display: grid;
gap: 6px;
margin: 0;
}
body.oggi-ui.single-product .oggi-ficha__panel .oggi-promo-message p {
display: block;
margin: 0;
padding: 9px 12px;
border: 0;
border-radius: var(--oggi-r-pildora);
background: #fff;
color: var(--oggi-tinta);
font-size: 13.5px;
font-weight: 600;
line-height: 1.4;
}
body.oggi-ui.single-product .oggi-ficha__panel .oggi-promo-message p:is(:hover, :focus) {
background: #fff;
}
body.oggi-ui.single-product .oggi-ficha__panel .oggi-promo-message .amount {
color: var(--oggi-tinta);
font-weight: 800;
}
body.oggi-ui.single-product .oggi-ficha__panel .oggi-payment-box__nota {
color: var(--oggi-tinta-2);
font-size: 12px;
font-weight: 600;
white-space: nowrap;
}
body.oggi-ui.single-product .oggi-ficha__panel .oggi-promo-logos {
gap: 6px;
margin: 10px 0 0;
padding: 0;
border: 0;
}
body.oggi-ui.single-product .oggi-ficha__panel .oggi-promo-logos img {
box-sizing: border-box;
height: 34px;
max-height: none;
padding: 7px 9px;
border-radius: var(--oggi-r-chico);
background: #fff;
opacity: 1;
}
body.oggi-ui.single-product .oggi-ficha__panel .oggi-envios__titulo {
color: var(--oggi-tinta);
font-family: var(--oggi-letra);
font-size: 15px;
font-weight: 800;
}
body.oggi-ui.single-product .oggi-ficha__panel .oggi-envios__titulo svg {
color: var(--oggi-violeta);
}
body.oggi-ui.single-product .oggi-ficha__panel .oggi-envios__label {
color: var(--oggi-tinta-2);
font-weight: 700;
}
body.oggi-ui.single-product .oggi-ficha__panel .oggi-envios__input-icono {
z-index: 1;
color: var(--oggi-tinta-2);
}
body.oggi-ui.single-product .oggi-ficha__panel .oggi-envios__boton {
flex: 0 0 auto;
min-height: 46px;
padding-inline: 18px;
}
body.oggi-ui.single-product .oggi-ficha__panel :is(.oggi-envios__pie, .oggi-envios__demora, .oggi-envios__nota) {
color: var(--oggi-tinta-2);
}
body.oggi-ui.single-product .oggi-ficha__panel :is(.oggi-envios__pie, .oggi-envios__demora) .amount {
color: var(--oggi-tinta);
font-weight: 800;
}
body.oggi-ui.single-product div.product > .oggi-product-description {
border-radius: var(--oggi-r-panel);
box-sizing: border-box;
margin: 28px 0 0;
padding: 30px 34px 32px;
background: #fff;
}
@media (max-width: 1099px) {
body.oggi-ui.single-product div.product > .oggi-product-description {
margin-top: 16px;
padding: 22px 18px 24px;
}
}
body.oggi-ui.single-product .oggi-product-description__body {
color: var(--oggi-tinta);
font-family: var(--oggi-letra);
font-size: 15.5px;
font-weight: 500;
line-height: 1.68;
}
body.oggi-ui.single-product .oggi-product-description__body :is(h1, h2, h3, h4, h5, h6) {
margin: 1.5em 0 .45em;
color: var(--oggi-tinta);
font-family: var(--oggi-letra);
font-weight: 800;
line-height: 1.25;
letter-spacing: -.01em;
}
body.oggi-ui.single-product .oggi-product-description__body > :first-child {
margin-top: 0;
}
body.oggi-ui.single-product .oggi-product-description__body h2 { font-size: 22px; }
body.oggi-ui.single-product .oggi-product-description__body h3 { font-size: 19px; }
body.oggi-ui.single-product .oggi-product-description__body h4 { font-size: 16.5px; }
body.oggi-ui.single-product .oggi-product-description__body :is(p, li) {
max-width: 64ch;
}
body.oggi-ui.single-product .oggi-product-description__body strong {
font-weight: 700;
}
body.oggi-ui.single-product .oggi-product-description__body a {
color: var(--oggi-violeta);
text-decoration-thickness: 1.5px;
text-underline-offset: 3px;
}
body.oggi-ui.single-product .oggi-product-description__body a:hover {
color: var(--oggi-violeta-hondo);
}
@media (max-width: 1099px) {
body.oggi-ui.single-product .oggi-product-description__body { font-size: 15px; line-height: 1.65; }
body.oggi-ui.single-product .oggi-product-description__body h2 { font-size: 20px; }
body.oggi-ui.single-product .oggi-product-description__body h3 { font-size: 18px; }
}
body.oggi-ui.single-product div.product > .oggi-ficha__datos {
margin: 28px 0 0;
}
@media (max-width: 1099px) {
body.oggi-ui.single-product div.product > .oggi-ficha__datos { margin-top: 20px; }
}
body.oggi-ui.single-product .oggi-ficha__datos h2 {
margin: 0 0 10px;
color: var(--oggi-tinta-2);
font-family: var(--oggi-letra);
font-size: 12px;
font-weight: 800;
letter-spacing: .08em;
}
body.oggi-ui.single-product .oggi-ficha__datos dl {
gap: 1px;
border: 0;
border-radius: var(--oggi-r-campo);
overflow: hidden;
background: var(--oggi-linea);
}
body.oggi-ui.single-product .oggi-ficha__datos dl > div {
padding: 11px 18px;
background: #fff;
}
body.oggi-ui.single-product .oggi-ficha__datos dt {
color: var(--oggi-tinta-2);
font-size: 13.5px;
font-weight: 600;
}
body.oggi-ui.single-product .oggi-ficha__datos dd {
color: var(--oggi-tinta);
font-size: 13.5px;
font-weight: 700;
font-variant-numeric: tabular-nums;
}
body.oggi-ui.single-product div.product > .related.products > h2,
body.oggi-ui.single-product div.product > .oggi-reco.oggi-reco--ficha > .oggi-reco__titulo {
font-size: 20px;
}
body.oggi-ui.single-product div.product > .related.products > h2 {
margin: 0 0 16px;
color: var(--oggi-tinta);
font-family: var(--oggi-letra);
font-weight: 800;
line-height: 1.2;
letter-spacing: -.01em;
text-align: left;
}
@media (max-width: 1099px) {
body.oggi-ui.single-product div.product > .related.products {
margin-top: 36px !important;
}
}
@media (min-width: 1100px) {
body.oggi-ui.single-product div.product > .related.products {
margin-top: 28px !important;
}
body.oggi-ui.single-product div.product > .related.products > h2 {
margin: 0 0 12px;
padding: 4px 0 10px;
background: var(--oggi-lavanda);
}
body.oggi-ui.single-product div.product > .related .oggi-prodcard .oggi-prodcard__disc {
margin-bottom: 8px;
}
}