.elementor-23162 .elementor-element.elementor-element-7789a2d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-23162 .elementor-element.elementor-element-27e8057{--display:flex;--min-height:50vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23162 .elementor-element.elementor-element-27e8057:not(.elementor-motion-effects-element-type-background), .elementor-23162 .elementor-element.elementor-element-27e8057 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.kasinetori.com/wp-content/uploads/2026/09/yritys-joululahjat-Vilippus-Kasinetori.jpg");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-23162 .elementor-element.elementor-element-1f692e6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 30px;--row-gap:20px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:20px;--padding-left:10px;--padding-right:50px;}.elementor-23162 .elementor-element.elementor-element-f64d07c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-23162 .elementor-element.elementor-element-f64d07c:not(.elementor-motion-effects-element-type-background), .elementor-23162 .elementor-element.elementor-element-f64d07c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFECEC00;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-23162 .elementor-element.elementor-element-614c828f .elementor-heading-title{font-family:var( --e-global-typography-30a2fb9-font-family ), Sans-serif;font-size:var( --e-global-typography-30a2fb9-font-size );font-weight:var( --e-global-typography-30a2fb9-font-weight );color:#333333;}.elementor-widget-ha-navigation-menu .ha-navigation-menu-wrapper ul.menu li a, .elementor-widget-ha-navigation-menu .ha-navigation-burger-menu ul.menu li a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-ha-navigation-menu .ha-navigation-menu-wrapper ul.sub-menu > li > a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-23162 .elementor-element.elementor-element-0d5ecee > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-navigation-menu-wrapper{justify-content:flex-start;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-navigation-burger-menu .ha-nav-humberger-wrapper{justify-content:flex-start;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-nav-menu .menu li.menu-item a{padding-left:4px;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-nav-menu .menu li.menu-item{padding-right:4px;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-nav-menu ul.menu li a{padding-top:4px;padding-bottom:4px;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-nav-menu .menu > li.menu-item:not(:last-child){margin-right:70px;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-navigation-burger-menu ul.menu > li.menu-item{margin-top:70px;margin-bottom:70px;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-navigation-menu-wrapper ul.menu li a:hover{text-decoration:none;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-navigation-menu-wrapper ul.menu li a, .elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-navigation-burger-menu ul.menu li a{font-family:"Klee One", Sans-serif;font-size:18px;font-weight:600;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-navigation-menu-wrapper ul.menu > li > a{color:#BB010B;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-navigation-menu-wrapper ul.menu li .ha-submenu-indicator-wrap{color:#BB010B;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-navigation-burger-menu ul.menu li a{color:#BB010B;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-navigation-burger-menu ul.menu li .ha-submenu-indicator-wrap{color:#BB010B;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-navigation-menu-wrapper ul.menu > li:hover > a{color:#006F57;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-navigation-menu-wrapper ul.menu > li:hover > .ha-submenu-indicator-wrap{color:#006F57;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-nav-menu ul.menu > li.active > a{color:#006F57;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-nav-menu ul.menu > li.active > .ha-submenu-indicator-wrap{color:#006F57;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-nav-menu ul.menu > li.current-menu-ancestor > a{color:#006F57;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-nav-menu ul.menu > li.current-menu-ancestor > .ha-submenu-indicator-wrap{color:#006F57;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-navigation-menu-wrapper ul.sub-menu{width:220px;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-navigation-menu-wrapper ul.sub-menu > li > a{color:#333333;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-navigation-menu-wrapper ul.sub-menu > li > .ha-submenu-indicator-wrap{color:#333333;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-navigation-menu-wrapper ul.sub-menu > li:hover > a{color:#E2498A;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-navigation-menu-wrapper ul.sub-menu > li:hover > .ha-submenu-indicator-wrap{color:#E2498A;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-navigation-burger-menu .ha-nav-humberger-wrapper .ha-menu-toggler{font-size:22px;border-width:1px;border-radius:5px;color:#7a7a7a;border-color:#7a7a7a;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-navigation-burger-menu ul.menu li.menu-item:not(:last-child){border-bottom-color:#c4c4c4;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-23162 .elementor-element.elementor-element-c84fd69 > .elementor-widget-container{margin:020px 0px 0px 0px;}.elementor-23162 .elementor-element.elementor-element-c84fd69 .elementor-menu-toggle{margin:0 auto;}.elementor-23162 .elementor-element.elementor-element-c84fd69 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-4031621-font-family ), Sans-serif;font-size:var( --e-global-typography-4031621-font-size );}.elementor-23162 .elementor-element.elementor-element-c84fd69 .elementor-nav-menu--main .elementor-item{color:#333333;fill:#333333;}.elementor-23162 .elementor-element.elementor-element-c84fd69 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-23162 .elementor-element.elementor-element-c84fd69 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-23162 .elementor-element.elementor-element-c84fd69 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-23162 .elementor-element.elementor-element-c84fd69 .elementor-nav-menu--main .elementor-item:focus{color:#333333;fill:#333333;}.elementor-23162 .elementor-element.elementor-element-c84fd69 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-23162 .elementor-element.elementor-element-c84fd69 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#333333;}.elementor-23162 .elementor-element.elementor-element-c84fd69 .e--pointer-framed .elementor-item:before,
					.elementor-23162 .elementor-element.elementor-element-c84fd69 .e--pointer-framed .elementor-item:after{border-color:#333333;}.elementor-23162 .elementor-element.elementor-element-3f66aad7 > .elementor-widget-container{margin:-30px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23162 .elementor-element.elementor-element-3f66aad7.elementor-element{--align-self:flex-start;}.elementor-23162 .elementor-element.elementor-element-3f66aad7 img{width:180px;}.elementor-23162 .elementor-element.elementor-element-cdd96bb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:10px;--padding-left:40px;--padding-right:10px;}.elementor-23162 .elementor-element.elementor-element-72a8976 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-23162 .elementor-element.elementor-element-614c828f .elementor-heading-title{font-size:var( --e-global-typography-30a2fb9-font-size );}.elementor-widget-ha-navigation-menu .ha-navigation-menu-wrapper ul.menu li a, .elementor-widget-ha-navigation-menu .ha-navigation-burger-menu ul.menu li a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-ha-navigation-menu .ha-navigation-menu-wrapper ul.sub-menu > li > a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-23162 .elementor-element.elementor-element-c84fd69 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-4031621-font-size );}}@media(max-width:767px){.elementor-23162 .elementor-element.elementor-element-27e8057:not(.elementor-motion-effects-element-type-background), .elementor-23162 .elementor-element.elementor-element-27e8057 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.kasinetori.com/wp-content/uploads/2025/11/Kausituotteet.jpg");background-position:-640px 0px;}.elementor-23162 .elementor-element.elementor-element-27e8057{--min-height:570px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:55px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-23162 .elementor-element.elementor-element-1f692e6{--gap:30px 0px;--row-gap:30px;--column-gap:0px;--padding-top:0px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-23162 .elementor-element.elementor-element-f64d07c{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-23162 .elementor-element.elementor-element-614c828f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23162 .elementor-element.elementor-element-614c828f .elementor-heading-title{font-size:var( --e-global-typography-30a2fb9-font-size );}.elementor-widget-ha-navigation-menu .ha-navigation-menu-wrapper ul.menu li a, .elementor-widget-ha-navigation-menu .ha-navigation-burger-menu ul.menu li a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-ha-navigation-menu .ha-navigation-menu-wrapper ul.sub-menu > li > a{font-size:var( --e-global-typography-primary-font-size );}.elementor-23162 .elementor-element.elementor-element-0d5ecee > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-nav-menu .menu li.menu-item a{padding-left:110px;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-nav-menu .menu li.menu-item{padding-right:110px;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-nav-menu .menu > li.menu-item:not(:last-child){margin-right:0%;}.elementor-23162 .elementor-element.elementor-element-0d5ecee .ha-navigation-burger-menu ul.menu > li.menu-item{margin-top:0%;margin-bottom:0%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-23162 .elementor-element.elementor-element-c84fd69 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-4031621-font-size );}.elementor-23162 .elementor-element.elementor-element-cdd96bb{--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23162 .elementor-element.elementor-element-72a8976 > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-23162 .elementor-element.elementor-element-27e8057{--width:100%;}.elementor-23162 .elementor-element.elementor-element-f64d07c{--width:25%;}.elementor-23162 .elementor-element.elementor-element-cdd96bb{--width:75%;}}/* Start custom CSS for ha-navigation-menu, class: .elementor-element-0d5ecee */@media (max-width: 768px) {
  .yrityslahjat-valikko {
    display: block !important;
  }
}

.menu-item {
    text-transform: uppercase;
}

.menu-item :hover {
    text-decoration:  underline;
}

.current-menu-item {
    color: #333333;
    text-decoration:  underline;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-72a8976 *//* ===========================
YSTÄVÄNPÄIVÄ-LISTA: 3 SARAKETTA + LINJASSA HINNAT JA NAPIT
=========================== */
/* Ystävänpäivän värit */
:root{
--yrityslahja-main: #23856d; /* tumma pinkki */
--yrityslahja-hover: #006f57; /* tummempi hover */
--yrityslahja-gold: #faf8f8; /* kultainen hover-teksti */
--yrityslahja-text: #bb010b;
--yrityslahja-price: #006f57;
}
/* 0) Nollaa teeman oletussäännöt */
.yritysjoululahja-lista ul.products,
.yritysjoululahja-lista ul.products::before,
.yritysjoululahja-lista ul.products::after {
display: block;
content: none !important;
}
.yritysjoululahja-lista ul.products li.product {
float: none !important;
width: auto !important;
clear: none !important;
margin: 0 !important;
}
/* 1) GRID-ASETTELU: kolme saraketta */
.yritysjoululahja-lista ul.products {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
margin: 0;
padding: 0;
list-style: none;
}
/* 2) Kortin pohja ja korkeus */
.yritysjoululahja-lista ul.products li.product {
background: #ffffff;
border-radius: 15px;
padding: 16px;
transition: box-shadow .25s ease;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
text-align: center;
}
.yritysjoululahja-lista ul.products li.product:hover {
box-shadow: 0 6px 16px rgba(187,1,11, 0.4);
}
/* 3) Kuva */
.yritysjoululahja-lista ul.products li.product a img {
display: block;
width: 100%;
height: auto;
margin-bottom: 12px;
border-radius: 8px;
object-fit: contain;
}
/* 4) Tuotenimi */
.yritysjoululahja-lista .woocommerce-loop-product__title,
.yritysjoululahja-lista ul.products li.product h2.woocommerce-loop-product__title {
font-family: 'Klee One', serif;
font-size: 1.2rem;
color: var(--yrityslahja-text);
font-weight: 600;
line-height: 1.3;
margin: 10px 0 8px;
transition: color .2s ease;
}
.yritysjoululahja-lista .woocommerce-loop-product__title:hover {
color: var(--yrityslahja-main);
}
/* 5) Hinta */
.yritysjoululahja-lista .price {
font-family: 'Roboto', sans-serif;
font-size: 1.2rem !important;
color: var(--yrityslahja-price);
font-weight: 500 !important;
margin: auto 0 14px 0;
}
.yritysjoululahja-lista .price ins {
color: var(--yrityslahja-main);
text-decoration: none;
}
/* 6) Painikkeet: SUORAT KULMAT + kultainen hover-teksti */
.yritysjoululahja-lista .button,
.yritysjoululahja-lista a.button,
.yritysjoululahja-lista .add_to_cart_button,
.yritysjoululahja-lista .product_type_simple,
.yritysjoululahja-lista .product_type_variable {
background-color: var(--yrityslahja-main);
color: #faf8f8;
font-family: 'Roboto', sans-serif;
font-weight: 600;
font-size: 18px;
border: 0;
border-radius: 20px;
padding: 10px 10px;
width: 100%;
max-width: 240px;
min-height: 42px;
text-align: center;
line-height: 1.3em;
white-space: nowrap;
transition: background-color .25s ease, color .25s ease, box-shadow .25s ease;
display: inline-block;
cursor: pointer;
}
.yritysjoululahja-lista .button:hover,
.yritysjoululahja-lista a.button:hover,
.yritysjoululahja-lista .add_to_cart_button:hover,
.yritysjoululahja-lista .product_type_simple:hover,
.yritysjoululahja-lista .product_type_variable:hover {
background-color: var(--yrityslahja-hover);
color: var(--yrityslahja-gold);
box-shadow: 0 0 10px rgba(0,0,0,0.25);
}
/* 7) Sale-merkki */
.yritysjoululahja-lista .onsale {
background: var(--yrityslahja-gold);
color: var(--yrityslahja-hover);
font-weight: 700;
border-radius: 999px;
}
/* 8) Sivutus */
.yritysjoululahja-lista .woocommerce-pagination .page-numbers li .page-numbers {
background: transparent;
color: #000000;
border-radius: 8px;
}
.yritysjoululahja-lista .woocommerce-pagination .page-numbers li .page-numbers.current,
.yritysjoululahja-lista .woocommerce-pagination .page-numbers li .page-numbers:hover {
background: var(--yrityslahja-main);
color: #faf8f8;
}
/* 9) Responsiivisuus */
@media (max-width: 900px) {
.yritysjoululahja-lista ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 560px) {
.yritysjoululahja-lista ul.products {
grid-template-columns: 1fr;
}
}
/* 10) "Näytä ostoskori" -painike (lisätty ostoskoriin -tila) */
.yritysjoululahja-lista a.added_to_cart {
background: var(--yrityslahja-main);
color: #faf8f8;
font-family: 'Roboto', sans-serif;
font-weight: 600;
font-size: 18px;
margin-top: 8px;
border: 0;
border-radius: 20px;
padding: 10px 10px;
width: 100%;
max-width: 240px;
min-height: 42px;
text-align: center;
line-height: 1.3em;
display: inline-block;
cursor: pointer;
}
.yritysjoululahja-lista a.added_to_cart:hover {
background: var(--yrityslahja-hover);
color: #faf8f8;
font-family: 'Roboto', sans-serif;
font-weight: 600;
font-size: 18px;
border: 0;
border-radius: 20px;
padding: 10px 10px;
width: 100%;
max-width: 240px;
min-height: 42px;
text-align: center;
line-height: 1.3em;
white-space: nowrap;
transition: background-color .25s ease, color .25s ease, box-shadow .25s ease;
display: inline-block;
cursor: pointer;
box-shadow: 0 0 10px rgba(0,0,0,0.25);
}/* End custom CSS */