LE BELT BAG IN SMALL DOT🖤
Today's SSO Drop ✨Meet the Small Dot Le Belt Bag in two s.
<>
.pc-only {
display: block;
}
.mobile-only {
display: none;
}
#shopify-section-template--17633099481269__custom_media_grid_KBe3DF {
padding-top:0px;
padding-bottom:0px;
background-color:#000;
position:relative;
}
.custom-media-logo {
position:sticky;
bottom: 10vh;
pointer-events: none;
top: calc(50vh + 10vw);
width: 100%;
z-index:1;
}
.custom-media-logo::after {
background-position: 50%;
background-repeat: no-repeat;
background-size: calc(100% - 10px) auto;
content: "";
left: 50%;
padding-bottom: 75px;
padding-top: 15%;
position: absolute;
transform: translate(-50%-100%);
/* width: calc(75% + 10px); */
width:180px;
opacity: 0;
}
.custom-media-logo.black:after {
background-image: url('//cdn.shopify.com/s/files/1/0675/2301/8933/files/tokiyom_main.png?v=1738355185');
opacity: 1;
}
.custom-media-logo.white:after {
background-image: url('Liquid error (sections/custom-media-grid line 44): invalid url input');
opacity: 1;
}
@media(max-width:768px){
.custom-media-logo::after {
width:120px;
}
}
.video-image-section {
display: flex;
flex-wrap: wrap;
gap: 0;
}
.block-image_F49VKk {
flex: 0 0 100%;
width: 100%;
position:relative;
}
.video-image-section video {
width: 100%;
height: auto;
object-fit: cover;
}
.heading-center {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
width: 100%;
padding:20px;
transform:translate(-50%,-50%);
font-size:24px;
}
.heading-bottom-left {
position: absolute;
top: 0;
left: 0;
text-align: left;
font-size:12px;
z-index:1;
padding:20px;
}
.video-heading,
.image-heading {
line-height:1.2;
}
.video-link,
.image-link {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
width:100%;
height:100%;
}
@media (max-width: 768px) {
.pc-only {
display: none;
}
.mobile-only {
display: block;
}
.video-image-section {
display: grid;
}
.video-image-section[data-layout="1column"] {
grid-template-columns: auto;
}
.video-image-section[data-layout="2column"] {
grid-template-columns: auto auto;
}
.video-image-section[data-layout="collage"] {
grid-template-columns: auto auto;
}
.video-image-section[data-layout="collage"] .block-wrapper:first-child {
grid-column: span 2;
}
.block-wrapper {
flex: none;
width: 100%;
}
}
< data-shopify="">
.ai-spacer-azglstxbfwemwwdfzsaigenblockb51c6b2zpmgnw {
display: block;
width: 100%;
height: 30px;
}
@media screen and (min-width: 750px) {
.ai-spacer-azglstxbfwemwwdfzsaigenblockb51c6b2zpmgnw {
height: 40px;
}
}
< data-shopify="">
.ai-magazine-layout-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
display: block;
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 40px;
}
.ai-magazine-container-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
display: grid;
grid-template-columns: repeat(121fr);
gap: 28px;
background-color: #d4ee56;
padding: 32px;
border-radius: 20px;
}
.ai-magazine-item-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
position: relative;
overflow: hidden;
background-color: #e1e1e1;
border-radius: 20px;
}
.ai-magazine-item-aufnrndk3mktfrkfldaigenblockc3da96bemugpr--featured {
grid-column: span 8;
grid-row: span 2;
}
.ai-magazine-item-aufnrndk3mktfrkfldaigenblockc3da96bemugpr--secondary {
grid-column: span 4;
}
.ai-magazine-item-aufnrndk3mktfrkfldaigenblockc3da96bemugpr--tertiary {
grid-column: span 4;
}
.ai-magazine-image-wrapper-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
position: relative;
width: 100%;
height: 100%;
min-height: 280px;
overflow: hidden;
border-radius: 20px;
}
.ai-magazine-item-aufnrndk3mktfrkfldaigenblockc3da96bemugpr--featured .ai-magazine-image-wrapper-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
min-height: 500px;
}
.ai-magazine-image-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.ai-magazine-image-placeholder-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
width: 100%;
height: 100%;
background-color: #f4f4f4;
display: flex;
align-items: center;
justify-content: center;
}
.ai-magazine-image-placeholder-aufnrndk3mktfrkfldaigenblockc3da96bemugpr svg {
width: 100%;
height: 100%;
max-width: 200px;
max-height: 200px;
}
.ai-magazine-content-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 16px;
background: linear-gradient(to toprgba(0000.7)transparent);
color: #ffffff;
}
.ai-magazine-category-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.1em;
margin-bottom: 8px;
font-family: HelveticaArialsans-serif;
font-weight: 400;
opacity: 0.9;
}
.ai-magazine-title-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
font-size: 14px;
font-family: HelveticaArialsans-serif;
font-weight: 400;
line-height: 1.2;
margin: 0;
}
.ai-magazine-item-aufnrndk3mktfrkfldaigenblockc3da96bemugpr--featured .ai-magazine-title-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
font-size: 28px;
}
.ai-magazine-excerpt-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
font-size: 12px;
line-height: 1.5;
margin: 12px 0 0 0;
opacity: 0.95;
}
.ai-magazine-item-aufnrndk3mktfrkfldaigenblockc3da96bemugpr--secondary .ai-magazine-excerpt-aufnrndk3mktfrkfldaigenblockc3da96bemugpr,
.ai-magazine-item-aufnrndk3mktfrkfldaigenblockc3da96bemugpr--tertiary .ai-magazine-excerpt-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
display: none;
}
.ai-magazine-link-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.ai-magazine-item-aufnrndk3mktfrkfldaigenblockc3da96bemugpr:hover .ai-magazine-image-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
transform: scale(1.05);
transition: transform 0.6s ease;
}
@media screen and (max-width: 989px) {
.ai-magazine-layout-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
padding: 30.0px;
}
.ai-magazine-container-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
grid-template-columns: repeat(61fr);
gap: 21.0px;
padding: 24.0px;
}
.ai-magazine-item-aufnrndk3mktfrkfldaigenblockc3da96bemugpr--featured {
grid-column: span 6;
grid-row: span 1;
}
.ai-magazine-item-aufnrndk3mktfrkfldaigenblockc3da96bemugpr--secondary {
grid-column: span 6;
}
.ai-magazine-item-aufnrndk3mktfrkfldaigenblockc3da96bemugpr--tertiary {
grid-column: span 3;
}
.ai-magazine-title-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
font-size: 11.9px;
}
.ai-magazine-item-aufnrndk3mktfrkfldaigenblockc3da96bemugpr--featured .ai-magazine-title-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
font-size: 21.0px;
}
.ai-magazine-content-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
padding: 12.0px;
}
}
@media screen and (max-width: 749px) {
.ai-magazine-layout-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
padding: 20.0px;
}
.ai-magazine-container-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
grid-template-columns: repeat(21fr);
gap: 14.0px;
padding: 16.0px;
}
.ai-magazine-item-aufnrndk3mktfrkfldaigenblockc3da96bemugpr--featured {
grid-column: span 2;
grid-row: span 1;
}
.ai-magazine-item-aufnrndk3mktfrkfldaigenblockc3da96bemugpr--secondary {
grid-column: span 1;
}
.ai-magazine-item-aufnrndk3mktfrkfldaigenblockc3da96bemugpr--tertiary {
display: none;
}
.ai-magazine-image-wrapper-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
aspect-ratio: 1 / 1;
min-height: auto;
}
.ai-magazine-item-aufnrndk3mktfrkfldaigenblockc3da96bemugpr--featured .ai-magazine-image-wrapper-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
aspect-ratio: 1 / 1;
min-height: auto;
}
.ai-magazine-title-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
font-size: 10.5px;
}
.ai-magazine-item-aufnrndk3mktfrkfldaigenblockc3da96bemugpr--featured .ai-magazine-title-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
font-size: 16.8px;
}
.ai-magazine-excerpt-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
font-size: 10.8px;
}
.ai-magazine-content-aufnrndk3mktfrkfldaigenblockc3da96bemugpr {
padding: 8.0px;
}
}
< data-shopify="">
.samo-reviews-ak1fusmgxewnsm2r2maigenblock88b64b6efzjpu {
display: block;
font-family: HelveticaArialsans-serif;
background: #ffffff;
padding: 40px 20px 40px;
width: 100%;
max-width: 100%;
}
.samo-reviews__title-ak1fusmgxewnsm2r2maigenblock88b64b6efzjpu {
font-size: 36px;
font-weight: 700;
color: #1c1c1c;
margin-bottom: 24px;
text-align: left;
}
.samo-reviews__slider-wrap-ak1fusmgxewnsm2r2maigenblock88b64b6efzjpu {
position: relative;
padding-bottom: 60px;
}
.samo-reviews__track-ak1fusmgxewnsm2r2maigenblock88b64b6efzjpu {
display: flex;
gap: 16px;
overflow: hidden;
transition: transform 0.3s ease;
}
.samo-reviews__card-ak1fusmgxewnsm2r2maigenblock88b64b6efzjpu {
flex: 0 0 calc(25% - 12.0px);
background: #f9f9f9;
border-radius: 12px;
padding: 20px;
box-sizing: border-box;
}
.samo-reviews__stars-ak1fusmgxewnsm2r2maigenblock88b64b6efzjpu {
color: #d4ee56;
font-size: 16px;
margin-bottom: 8px;
}
.samo-reviews__review-title-ak1fusmgxewnsm2r2maigenblock88b64b6efzjpu {
font-size: 13px;
font-weight: 700;
color: #1c1c1c;
margin-bottom: 6px;
}
.samo-reviews__body-ak1fusmgxewnsm2r2maigenblock88b64b6efzjpu {
font-size: 12px;
color: #333333;
line-height: 1.6;
margin-bottom: 12px;
max-height: 200px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
}
.samo-reviews__author-ak1fusmgxewnsm2r2maigenblock88b64b6efzjpu {
font-size: 11px;
color: #666666;
}
.samo-reviews__product-ak1fusmgxewnsm2r2maigenblock88b64b6efzjpu {
font-size: 11px;
color: #999999;
margin-top: 2px;
}
.samo-reviews__nav-ak1fusmgxewnsm2r2maigenblock88b64b6efzjpu {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
margin-top: 20px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.samo-reviews__btn-ak1fusmgxewnsm2r2maigenblock88b64b6efzjpu {
background: #d4ee56;
border: none;
border-radius: 50%;
width: 40px;
height: 40px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.3s ease;
}
.samo-reviews__btn-ak1fusmgxewnsm2r2maigenblock88b64b6efzjpu:hover {
background: #333333;
}
.samo-reviews__btn-ak1fusmgxewnsm2r2maigenblock88b64b6efzjpu svg {
fill: #ffffff;
}
.samo-reviews__btn-ak1fusmgxewnsm2r2maigenblock88b64b6efzjpu:disabled {
opacity: 0.3;
cursor: not-allowed;
}
@media (max-width: 768px) {
.samo-reviews__title-ak1fusmgxewnsm2r2maigenblock88b64b6efzjpu {
font-size: 24px;
}
.samo-reviews__track-ak1fusmgxewnsm2r2maigenblock88b64b6efzjpu {
display: flex;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.samo-reviews__track-ak1fusmgxewnsm2r2maigenblock88b64b6efzjpu::-webkit-scrollbar {
display: none;
}
.samo-reviews__card-ak1fusmgxewnsm2r2maigenblock88b64b6efzjpu {
flex: 0 0 calc(75% - 8.0px);
scroll-snap-align: start;
}
.samo-reviews__review-title-ak1fusmgxewnsm2r2maigenblock88b64b6efzjpu {
font-size: 10px;
}
.samo-reviews__body-ak1fusmgxewnsm2r2maigenblock88b64b6efzjpu {
font-size: 10px;
max-height: 100px;
-webkit-line-clamp: 4;
}
.samo-reviews__author-ak1fusmgxewnsm2r2maigenblock88b64b6efzjpu {
font-size: 9px;
}
.samo-reviews__product-ak1fusmgxewnsm2r2maigenblock88b64b6efzjpu {
font-size: 9px;
}
.samo-reviews__stars-ak1fusmgxewnsm2r2maigenblock88b64b6efzjpu {
font-size: 14px;
}
.samo-reviews__btn-ak1fusmgxewnsm2r2maigenblock88b64b6efzjpu {
width: 36px;
height: 36px;
}
}
< data-shopify="">
.ai-multi-column-abzvryvzrl21aymfnwaigenblockd852e58gpgnjl {
display: block;
width: 100%;
max-width: 100%;
padding: 20px 20px 20px 20px;
}
.ai-multi-column-wrapper-abzvryvzrl21aymfnwaigenblockd852e58gpgnjl {
width: 100%;
max-width: 100%;
margin: 0 auto;
}
.ai-multi-column-container-abzvryvzrl21aymfnwaigenblockd852e58gpgnjl {
background-color: #d4ee56;
border-radius: 20px;
padding: 28px 28px 28px 28px;
}
.ai-multi-column-heading-abzvryvzrl21aymfnwaigenblockd852e58gpgnjl {
text-align: center;
margin: 0 0 12px 0;
color: #1c1c1c;
font-size: 38px;
}
.ai-multi-column-grid-abzvryvzrl21aymfnwaigenblockd852e58gpgnjl {
display: grid;
grid-template-columns: repeat(31fr);
gap: 24px;
}
.ai-multi-column-item-abzvryvzrl21aymfnwaigenblockd852e58gpgnjl {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.ai-multi-column-image-wrapper-abzvryvzrl21aymfnwaigenblockd852e58gpgnjl {
width: 100%;
margin-bottom: 16px;
border-radius: 20px;
overflow: hidden;
}
.ai-multi-column-image-abzvryvzrl21aymfnwaigenblockd852e58gpgnjl {
width: 100%;
height: auto;
display: block;
}
.ai-multi-column-image-placeholder-abzvryvzrl21aymfnwaigenblockd852e58gpgnjl {
width: 100%;
aspect-ratio: 1 / 1;
background-color: #f4f4f4;
display: flex;
align-items: center;
justify-content: center;
}
.ai-multi-column-image-placeholder-abzvryvzrl21aymfnwaigenblockd852e58gpgnjl svg {
width: 60%;
height: 60%;
opacity: 0.3;
}
.ai-multi-column-item-title-abzvryvzrl21aymfnwaigenblockd852e58gpgnjl {
margin: 0 0 8px 0;
color: #505050;
font-size: 14px;
}
.ai-multi-column-item-text-abzvryvzrl21aymfnwaigenblockd852e58gpgnjl {
margin: 0;
color: #000000;
font-size: 13px;
line-height: 1.5;
}
@media screen and (max-width: 749px) {
.ai-multi-column-grid-abzvryvzrl21aymfnwaigenblockd852e58gpgnjl {
grid-template-columns: repeat(21fr);
}
.ai-multi-column-abzvryvzrl21aymfnwaigenblockd852e58gpgnjl {
padding: 14.0px 14.0px 14.0px 14.0px;
}
.ai-multi-column-container-abzvryvzrl21aymfnwaigenblockd852e58gpgnjl {
padding: 19.6px 19.6px 19.6px 19.6px;
}
}
MATERIAL GUIDE
SIZE GUIDE FOR LAPTOP
STORE