.t-h2-serif { font: 400 36.1px/44px var(--f-serif);   color: var(--paper); white-space: nowrap; }
.t-h2-gold  { font: 700 36.1px/45px var(--f-display); white-space: nowrap; }
.t-bullet   { font: 700 10.8px/13px var(--f-body);    color: var(--paper); }

.t-bullet p{ margin: 0; }

.e-manfaat-2 { left:81px;  top:105px; }
.e-soka-premium-oil { left:222px; top:101px; }

.e-t-bullet { left:93px; top:159px; width:560px; }
.e-membantu-melancarkan-sirkulasi-darah { left:93px; top:186px; width:560px; }
.e-t-bullet-2 { left:93px; top:212px; width:560px; }
.e-membantu-meredakan-sakit-kepala { left:93px; top:238px; width:560px; }
.e-t-bullet-3 { left:93px; top:264px; width:560px; }
.e-membantu-melegakan-pernapasan { left:93px; top:304px; width:560px; }
.e-membantu-meningkatkan-kualitas-tidur { left:93px; top:330px; width:560px; }
.e-t-bullet-4 { left:93px; top:356px; width:560px; }
.e-membantu-meredakan-nyeri-haid { left:93px; top:382px; width:560px; }
.e-t-bullet-5 { left:93px; top:409px; width:560px; }
.e-t-bullet-6 { left:93px; top:435px; width:560px; }
.e-t-bullet-7 { left:93px; top:474px; width:560px; }
.e-t-bullet-8{ left:93px; top:501px; width:560px; }
.e-t-bullet-9{ left:93px; top:527px; width:560px; }

.e-div { left:80px; top:163.536px; width:3.5px; height:3.5px; }
.e-div-2 { left:80px; top:190.536px; width:3.5px; height:3.5px; }
.e-div-3 { left:80px; top:216.536px; width:3.5px; height:3.5px; }
.e-div-4 { left:80px; top:242.536px; width:3.5px; height:3.5px; }
.e-div-5 { left:80px; top:268.536px; width:3.5px; height:3.5px; }
.e-div-6 { left:80px; top:308.536px; width:3.5px; height:3.5px; }
.e-div-7 { left:80px; top:334.536px; width:3.5px; height:3.5px; }
.e-div-8 { left:80px; top:360.536px; width:3.5px; height:3.5px; }
.e-div-9 { left:80px; top:386.536px; width:3.5px; height:3.5px; }
.e-div-10 { left:80px; top:413.536px; width:3.5px; height:3.5px; }
.e-div-11 { left:80px; top:439.536px; width:3.5px; height:3.5px; }
.e-div-12 { left:80px; top:478.536px; width:3.5px; height:3.5px; }
.e-div-13{ left:80px; top:505.536px; width:3.5px; height:3.5px; }
.e-div-14{ left:80px; top:531.536px; width:3.5px; height:3.5px; }

.e-bottle-plate{ left:618px; top:102px; width:182.692px; height:416px; }
.e-inset-plate{ left:749px; top:125px; width:146px;     height:146px; }
.e-ginseng-plate{ left:684px; top:131px; width:214.572px; height:385px; }
.e-composite-plate{ left:601px; top:168px; width:504px;     height:504px; }

@media (max-width: 767px){
  .t-h2-serif { font-size: 30px; line-height: 36px; }
  .t-h2-gold  { font-size: 26px; line-height: 32px; white-space: normal !important; }
  .t-bullet   { font-size: 14px; line-height: 19px; }

  h1{ display: flex; flex-direction: column; gap: 4px; }

  .group > li{ align-items: flex-start; }
    .group > li > div:last-child{
    order: -1;
    flex-shrink: 0;
  }
    .canvas .group > li > div:last-child{
    margin-top: 7px !important;
  }

    .canvas .e-bottle-plate,
  .canvas .e-inset-plate,
  .canvas .e-ginseng-plate,
  .canvas .e-composite-plate{
    position: relative;
    filter: drop-shadow(0 6px 14px rgba(0, 0, 0, .55));
        transform: scale(1.15);
  }

    .canvas .e-bottle-plate{
    max-width: 36% !important;
    margin: 0 0 0 9% !important;
  }
    .canvas .e-inset-plate{
    max-width: 29% !important;
    margin: -78% 0 0 35% !important;
  }
    .canvas .e-ginseng-plate{
    max-width: 43% !important;
    margin: -28% 0 0 23% !important;
  }
    .canvas .e-composite-plate{
    max-width: 94% !important;
    margin: -69% 0 0 6% !important;
  }
}