:root { --omia-paper: radial-gradient(circle at 17% 22%, rgba(172,143,112,.055) 0 .7px, transparent 1px) 0 0 / 11px 11px, radial-gradient(circle at 73% 68%, rgba(172,143,112,.045) 0 .8px, transparent 1.1px) 0 0 / 17px 17px, radial-gradient(circle at 42% 84%, rgba(255,255,255,.55) 0 .8px, transparent 1.2px) 0 0 / 13px 13px, #faf6f1; --omia-art-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201974%20797%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M0%200H1974V769L1973%2C769%201972%2C769%201971%2C769%201970%2C768%201969%2C768%201968%2C768%201967%2C768%201966%2C768%201965%2C768%201964%2C768%201963%2C768%201962%2C768%201961%2C768%201960%2C768%201959%2C767%201958%2C767%201957%2C768%201956%2C767%201955%2C767%201954%2C767%201953%2C768%201952%2C767%201951%2C765%201950%2C765%201949%2C765%201948%2C765%201947%2C765%201946%2C765%201945%2C764%201944%2C768%201943%2C768%201942%2C765%201941%2C770%201940%2C770%201939%2C770%201938%2C771%201937%2C771%201936%2C770%201935%2C770%201934%2C770%201933%2C771%201932%2C771%201931%2C771%201930%2C770%201929%2C770%201928%2C770%201927%2C772%201926%2C772%201925%2C773%201924%2C773%201923%2C772%201922%2C772%201921%2C772%201920%2C772%201919%2C772%201918%2C771%201917%2C771%201916%2C771%201915%2C771%201914%2C772%201913%2C772%201912%2C772%201911%2C772%201910%2C768%201909%2C768%201908%2C769%201907%2C770%201906%2C771%201905%2C772%201904%2C772%201903%2C771%201902%2C771%201901%2C772%201900%2C772%201899%2C772%201898%2C771%201897%2C771%201896%2C770%201895%2C770%201894%2C772%201893%2C770%201892%2C770%201891%2C770%201890%2C770%201889%2C771%201888%2C771%201887%2C770%201886%2C770%201885%2C769%201884%2C769%201883%2C768%201882%2C767%201881%2C767%201880%2C767%201879%2C766%201878%2C763%201877%2C763%201876%2C763%201875%2C763%201874%2C766%201873%2C766%201872%2C766%201871%2C766%201870%2C765%201869%2C762%201868%2C762%201867%2C762%201866%2C762%201865%2C759%201864%2C761%201863%2C761%201862%2C761%201861%2C759%201860%2C760%201859%2C761%201858%2C765%201857%2C766%201856%2C765%201855%2C765%201854%2C765%201853%2C765%201852%2C765%201851%2C766%201850%2C766%201849%2C767%201848%2C767%201847%2C767%201846%2C768%201845%2C768%201844%2C767%201843%2C767%201842%2C767%201841%2C767%201840%2C768%201839%2C768%201838%2C768%201837%2C768%201836%2C768%201835%2C768%201834%2C768%201833%2C768%201832%2C768%201831%2C768%201830%2C768%201829%2C768%201828%2C768%201827%2C768%201826%2C767%201825%2C768%201824%2C768%201823%2C767%201822%2C767%201821%2C767%201820%2C765%201819%2C765%201818%2C765%201817%2C765%201816%2C765%201815%2C768%201814%2C768%201813%2C768%201812%2C768%201811%2C767%201810%2C766%201809%2C767%201808%2C767%201807%2C767%201806%2C768%201805%2C768%201804%2C768%201803%2C767%201802%2C767%201801%2C767%201800%2C767%201799%2C767%201798%2C767%201797%2C767%201796%2C766%201795%2C765%201794%2C764%201793%2C765%201792%2C765%201791%2C764%201790%2C765%201789%2C765%201788%2C765%201787%2C764%201786%2C765%201785%2C765%201784%2C766%201783%2C764%201782%2C764%201781%2C764%201780%2C764%201779%2C765%201778%2C766%201777%2C766%201776%2C764%201775%2C763%201774%2C763%201773%2C763%201772%2C764%201771%2C764%201770%2C764%201769%2C764%201768%2C763%201767%2C763%201766%2C762%201765%2C761%201764%2C761%201763%2C761%201762%2C762%201761%2C762%201760%2C762%201759%2C762%201758%2C762%201757%2C761%201756%2C761%201755%2C761%201754%2C761%201753%2C762%201752%2C762%201751%2C763%201750%2C762%201749%2C762%201748%2C763%201747%2C764%201746%2C764%201745%2C764%201744%2C764%201743%2C763%201742%2C762%201741%2C763%201740%2C763%201739%2C760%201738%2C761%201737%2C763%201736%2C764%201735%2C761%201734%2C760%201733%2C763%201732%2C764%201731%2C764%201730%2C758%201729%2C764%201728%2C759%201727%2C760%201726%2C761%201725%2C761%201724%2C759%201723%2C758%201722%2C758%201721%2C758%201720%2C759%201719%2C759%201718%2C761%201717%2C764%201716%2C764%201715%2C763%201714%2C765%201713%2C766%201712%2C765%201711%2C765%201710%2C766%201709%2C766%201708%2C765%201707%2C764%201706%2C765%201705%2C765%201704%2C765%201703%2C765%201702%2C765%201701%2C766%201700%2C766%201699%2C766%201698%2C766%201697%2C765%201696%2C765%201695%2C766%201694%2C766%201693%2C766%201692%2C765%201691%2C765%201690%2C765%201689%2C765%201688%2C767%201687%2C766%201686%2C766%201685%2C765%201684%2C768%201683%2C769%201682%2C770%201681%2C769%201680%2C769%201679%2C768%201678%2C767%201677%2C767%201676%2C768%201675%2C768%201674%2C769%201673%2C770%201672%2C770%201671%2C769%201670%2C769%201669%2C770%201668%2C770%201667%2C770%201666%2C770%201665%2C770%201664%2C771%201663%2C771%201662%2C768%201661%2C768%201660%2C770%201659%2C770%201658%2C770%201657%2C770%201656%2C770%201655%2C770%201654%2C768%201653%2C768%201652%2C768%201651%2C767%201650%2C768%201649%2C768%201648%2C769%201647%2C769%201646%2C768%201645%2C769%201644%2C769%201643%2C769%201642%2C770%201641%2C770%201640%2C770%201639%2C769%201638%2C769%201637%2C769%201636%2C769%201635%2C769%201634%2C769%201633%2C769%201632%2C769%201631%2C767%201630%2C772%201629%2C772%201628%2C772%201627%2C768%201626%2C767%201625%2C772%201624%2C765%201623%2C765%201622%2C766%201621%2C766%201620%2C766%201619%2C767%201618%2C767%201617%2C766%201616%2C767%201615%2C767%201614%2C770%201613%2C770%201612%2C770%201611%2C770%201610%2C771%201609%2C771%201608%2C772%201607%2C772%201606%2C771%201605%2C771%201604%2C773%201603%2C773%201602%2C773%201601%2C772%201600%2C772%201599%2C772%201598%2C771%201597%2C771%201596%2C772%201595%2C772%201594%2C772%201593%2C772%201592%2C771%201591%2C771%201590%2C771%201589%2C771%201588%2C772%201587%2C772%201586%2C772%201585%2C772%201584%2C772%201583%2C772%201582%2C772%201581%2C771%201580%2C771%201579%2C771%201578%2C772%201577%2C772%201576%2C773%201575%2C773%201574%2C774%201573%2C774%201572%2C773%201571%2C772%201570%2C773%201569%2C773%201568%2C774%201567%2C774%201566%2C774%201565%2C774%201564%2C773%201563%2C773%201562%2C774%201561%2C774%201560%2C773%201559%2C773%201558%2C772%201557%2C772%201556%2C773%201555%2C774%201554%2C774%201553%2C774%201552%2C773%201551%2C772%201550%2C773%201549%2C773%201548%2C769%201547%2C769%201546%2C769%201545%2C769%201544%2C768%201543%2C768%201542%2C770%201541%2C770%201540%2C770%201539%2C770%201538%2C771%201537%2C771%201536%2C770%201535%2C769%201534%2C770%201533%2C771%201532%2C771%201531%2C770%201530%2C770%201529%2C770%201528%2C770%201527%2C770%201526%2C767%201525%2C767%201524%2C771%201523%2C771%201522%2C769%201521%2C769%201520%2C769%201519%2C770%201518%2C769%201517%2C769%201516%2C769%201515%2C768%201514%2C768%201513%2C768%201512%2C768%201511%2C769%201510%2C770%201509%2C770%201508%2C770%201507%2C769%201506%2C769%201505%2C770%201504%2C770%201503%2C771%201502%2C771%201501%2C771%201500%2C771%201499%2C771%201498%2C771%201497%2C771%201496%2C772%201495%2C772%201494%2C772%201493%2C772%201492%2C772%201491%2C772%201490%2C772%201489%2C772%201488%2C771%201487%2C771%201486%2C771%201485%2C771%201484%2C771%201483%2C771%201482%2C771%201481%2C771%201480%2C771%201479%2C770%201478%2C770%201477%2C770%201476%2C770%201475%2C770%201474%2C770%201473%2C770%201472%2C770%201471%2C771%201470%2C770%201469%2C770%201468%2C770%201467%2C770%201466%2C770%201465%2C770%201464%2C770%201463%2C770%201462%2C770%201461%2C770%201460%2C769%201459%2C766%201458%2C769%201457%2C769%201456%2C769%201455%2C769%201454%2C769%201453%2C769%201452%2C769%201451%2C769%201450%2C768%201449%2C768%201448%2C768%201447%2C768%201446%2C768%201445%2C767%201444%2C767%201443%2C767%201442%2C767%201441%2C768%201440%2C769%201439%2C768%201438%2C768%201437%2C766%201436%2C766%201435%2C769%201434%2C769%201433%2C769%201432%2C769%201431%2C768%201430%2C769%201429%2C769%201428%2C769%201427%2C769%201426%2C769%201425%2C769%201424%2C769%201423%2C768%201422%2C768%201421%2C767%201420%2C766%201419%2C768%201418%2C768%201417%2C766%201416%2C766%201415%2C765%201414%2C763%201413%2C763%201412%2C764%201411%2C765%201410%2C766%201409%2C766%201408%2C765%201407%2C765%201406%2C764%201405%2C763%201404%2C766%201403%2C766%201402%2C768%201401%2C768%201400%2C768%201399%2C769%201398%2C769%201397%2C768%201396%2C768%201395%2C768%201394%2C769%201393%2C769%201392%2C769%201391%2C769%201390%2C769%201389%2C769%201388%2C768%201387%2C768%201386%2C768%201385%2C769%201384%2C769%201383%2C769%201382%2C769%201381%2C769%201380%2C768%201379%2C768%201378%2C767%201377%2C767%201376%2C766%201375%2C766%201374%2C766%201373%2C765%201372%2C767%201371%2C767%201370%2C765%201369%2C765%201368%2C765%201367%2C762%201366%2C762%201365%2C763%201364%2C763%201363%2C765%201362%2C766%201361%2C765%201360%2C764%201359%2C764%201358%2C763%201357%2C762%201356%2C762%201355%2C762%201354%2C762%201353%2C764%201352%2C764%201351%2C767%201350%2C767%201349%2C767%201348%2C767%201347%2C768%201346%2C769%201345%2C769%201344%2C769%201343%2C769%201342%2C770%201341%2C769%201340%2C769%201339%2C768%201338%2C768%201337%2C769%201336%2C769%201335%2C769%201334%2C769%201333%2C769%201332%2C770%201331%2C771%201330%2C771%201329%2C771%201328%2C771%201327%2C771%201326%2C770%201325%2C770%201324%2C770%201323%2C770%201322%2C770%201321%2C771%201320%2C772%201319%2C769%201318%2C768%201317%2C768%201316%2C768%201315%2C768%201314%2C768%201313%2C769%201312%2C769%201311%2C768%201310%2C768%201309%2C768%201308%2C769%201307%2C769%201306%2C769%201305%2C770%201304%2C770%201303%2C770%201302%2C770%201301%2C770%201300%2C770%201299%2C770%201298%2C770%201297%2C770%201296%2C770%201295%2C769%201294%2C768%201293%2C768%201292%2C768%201291%2C768%201290%2C768%201289%2C768%201288%2C768%201287%2C768%201286%2C768%201285%2C768%201284%2C767%201283%2C768%201282%2C769%201281%2C769%201280%2C769%201279%2C768%201278%2C768%201277%2C768%201276%2C766%201275%2C767%201274%2C767%201273%2C767%201272%2C767%201271%2C766%201270%2C766%201269%2C765%201268%2C765%201267%2C766%201266%2C766%201265%2C766%201264%2C766%201263%2C765%201262%2C765%201261%2C765%201260%2C765%201259%2C764%201258%2C764%201257%2C764%201256%2C766%201255%2C767%201254%2C762%201253%2C766%201252%2C766%201251%2C766%201250%2C763%201249%2C765%201248%2C763%201247%2C763%201246%2C763%201245%2C763%201244%2C763%201243%2C762%201242%2C762%201241%2C761%201240%2C761%201239%2C761%201238%2C760%201237%2C760%201236%2C761%201235%2C761%201234%2C761%201233%2C763%201232%2C764%201231%2C764%201230%2C764%201229%2C764%201228%2C764%201227%2C763%201226%2C764%201225%2C764%201224%2C764%201223%2C765%201222%2C764%201221%2C765%201220%2C765%201219%2C766%201218%2C766%201217%2C766%201216%2C766%201215%2C766%201214%2C767%201213%2C766%201212%2C766%201211%2C766%201210%2C765%201209%2C765%201208%2C766%201207%2C767%201206%2C767%201205%2C767%201204%2C766%201203%2C766%201202%2C766%201201%2C765%201200%2C764%201199%2C763%201198%2C763%201197%2C764%201196%2C763%201195%2C763%201194%2C762%201193%2C762%201192%2C761%201191%2C761%201190%2C761%201189%2C767%201188%2C761%201187%2C760%201186%2C766%201185%2C766%201184%2C759%201183%2C759%201182%2C759%201181%2C759%201180%2C765%201179%2C760%201178%2C761%201177%2C760%201176%2C760%201175%2C758%201174%2C759%201173%2C760%201172%2C761%201171%2C761%201170%2C760%201169%2C765%201168%2C765%201167%2C760%201166%2C762%201165%2C766%201164%2C767%201163%2C767%201162%2C767%201161%2C766%201160%2C768%201159%2C758%201158%2C765%201157%2C767%201156%2C767%201155%2C765%201154%2C765%201153%2C764%201152%2C765%201151%2C766%201150%2C766%201149%2C765%201148%2C766%201147%2C766%201146%2C767%201145%2C767%201144%2C767%201143%2C767%201142%2C767%201141%2C765%201140%2C765%201139%2C765%201138%2C764%201137%2C765%201136%2C766%201135%2C766%201134%2C766%201133%2C766%201132%2C765%201131%2C765%201130%2C766%201129%2C766%201128%2C765%201127%2C765%201126%2C765%201125%2C765%201124%2C765%201123%2C765%201122%2C766%201121%2C764%201120%2C765%201119%2C763%201118%2C764%201117%2C767%201116%2C767%201115%2C764%201114%2C764%201113%2C765%201112%2C766%201111%2C766%201110%2C764%201109%2C764%201108%2C764%201107%2C764%201106%2C764%201105%2C764%201104%2C765%201103%2C766%201102%2C767%201101%2C767%201100%2C767%201099%2C767%201098%2C767%201097%2C765%201096%2C766%201095%2C767%201094%2C767%201093%2C766%201092%2C767%201091%2C767%201090%2C767%201089%2C766%201088%2C766%201087%2C766%201086%2C765%201085%2C765%201084%2C765%201083%2C765%201082%2C765%201081%2C765%201080%2C764%201079%2C764%201078%2C763%201077%2C763%201076%2C762%201075%2C763%201074%2C762%201073%2C760%201072%2C760%201071%2C760%201070%2C759%201069%2C763%201068%2C763%201067%2C760%201066%2C760%201065%2C763%201064%2C763%201063%2C763%201062%2C763%201061%2C762%201060%2C762%201059%2C759%201058%2C759%201057%2C760%201056%2C759%201055%2C761%201054%2C761%201053%2C759%201052%2C759%201051%2C756%201050%2C756%201049%2C756%201048%2C756%201047%2C757%201046%2C758%201045%2C759%201044%2C758%201043%2C758%201042%2C757%201041%2C756%201040%2C756%201039%2C757%201038%2C760%201037%2C760%201036%2C760%201035%2C762%201034%2C762%201033%2C762%201032%2C762%201031%2C763%201030%2C763%201029%2C763%201028%2C763%201027%2C763%201026%2C763%201025%2C762%201024%2C762%201023%2C762%201022%2C763%201021%2C763%201020%2C763%201019%2C762%201018%2C762%201017%2C761%201016%2C761%201015%2C761%201014%2C760%201013%2C760%201012%2C759%201011%2C759%201010%2C760%201009%2C759%201008%2C757%201007%2C757%201006%2C755%201005%2C754%201004%2C754%201003%2C755%201002%2C755%201001%2C757%201000%2C757%20999%2C756%20998%2C756%20997%2C755%20996%2C755%20995%2C754%20994%2C754%20993%2C757%20992%2C755%20991%2C755%20990%2C756%20989%2C756%20988%2C760%20987%2C760%20986%2C759%20985%2C760%20984%2C760%20983%2C760%20982%2C760%20981%2C760%20980%2C761%20979%2C761%20978%2C760%20977%2C760%20976%2C760%20975%2C761%20974%2C762%20973%2C761%20972%2C761%20971%2C760%20970%2C760%20969%2C759%20968%2C759%20967%2C759%20966%2C760%20965%2C759%20964%2C759%20963%2C758%20962%2C758%20961%2C758%20960%2C755%20959%2C754%20958%2C758%20957%2C758%20956%2C756%20955%2C756%20954%2C756%20953%2C756%20952%2C756%20951%2C755%20950%2C760%20949%2C761%20948%2C761%20947%2C759%20946%2C759%20945%2C760%20944%2C761%20943%2C760%20942%2C761%20941%2C762%20940%2C763%20939%2C763%20938%2C763%20937%2C762%20936%2C762%20935%2C762%20934%2C762%20933%2C762%20932%2C762%20931%2C762%20930%2C763%20929%2C768%20928%2C765%20927%2C765%20926%2C765%20925%2C766%20924%2C766%20923%2C765%20922%2C766%20921%2C766%20920%2C766%20919%2C766%20918%2C767%20917%2C766%20916%2C766%20915%2C766%20914%2C766%20913%2C766%20912%2C766%20911%2C765%20910%2C765%20909%2C766%20908%2C766%20907%2C765%20906%2C765%20905%2C764%20904%2C764%20903%2C762%20902%2C763%20901%2C763%20900%2C763%20899%2C762%20898%2C764%20897%2C765%20896%2C765%20895%2C765%20894%2C765%20893%2C765%20892%2C765%20891%2C763%20890%2C763%20889%2C763%20888%2C763%20887%2C763%20886%2C764%20885%2C763%20884%2C763%20883%2C763%20882%2C764%20881%2C764%20880%2C764%20879%2C764%20878%2C764%20877%2C764%20876%2C764%20875%2C763%20874%2C763%20873%2C763%20872%2C763%20871%2C762%20870%2C762%20869%2C759%20868%2C762%20867%2C762%20866%2C761%20865%2C761%20864%2C761%20863%2C761%20862%2C759%20861%2C759%20860%2C758%20859%2C758%20858%2C757%20857%2C757%20856%2C757%20855%2C757%20854%2C757%20853%2C756%20852%2C757%20851%2C757%20850%2C759%20849%2C760%20848%2C760%20847%2C760%20846%2C760%20845%2C759%20844%2C759%20843%2C758%20842%2C756%20841%2C756%20840%2C757%20839%2C759%20838%2C759%20837%2C759%20836%2C759%20835%2C759%20834%2C761%20833%2C762%20832%2C762%20831%2C762%20830%2C762%20829%2C763%20828%2C763%20827%2C763%20826%2C762%20825%2C763%20824%2C763%20823%2C764%20822%2C764%20821%2C764%20820%2C763%20819%2C763%20818%2C763%20817%2C763%20816%2C763%20815%2C763%20814%2C762%20813%2C762%20812%2C762%20811%2C762%20810%2C761%20809%2C761%20808%2C761%20807%2C761%20806%2C761%20805%2C762%20804%2C762%20803%2C762%20802%2C762%20801%2C762%20800%2C762%20799%2C762%20798%2C762%20797%2C762%20796%2C762%20795%2C759%20794%2C759%20793%2C759%20792%2C759%20791%2C759%20790%2C759%20789%2C760%20788%2C760%20787%2C760%20786%2C760%20785%2C761%20784%2C759%20783%2C759%20782%2C759%20781%2C758%20780%2C758%20779%2C758%20778%2C762%20777%2C762%20776%2C762%20775%2C763%20774%2C764%20773%2C763%20772%2C764%20771%2C764%20770%2C764%20769%2C764%20768%2C764%20767%2C764%20766%2C764%20765%2C764%20764%2C764%20763%2C764%20762%2C763%20761%2C763%20760%2C763%20759%2C763%20758%2C763%20757%2C762%20756%2C762%20755%2C761%20754%2C761%20753%2C761%20752%2C761%20751%2C756%20750%2C755%20749%2C755%20748%2C756%20747%2C757%20746%2C756%20745%2C759%20744%2C760%20743%2C761%20742%2C761%20741%2C759%20740%2C759%20739%2C759%20738%2C759%20737%2C760%20736%2C761%20735%2C760%20734%2C760%20733%2C761%20732%2C762%20731%2C763%20730%2C762%20729%2C762%20728%2C762%20727%2C762%20726%2C762%20725%2C763%20724%2C762%20723%2C761%20722%2C761%20721%2C762%20720%2C767%20719%2C762%20718%2C762%20717%2C767%20716%2C768%20715%2C760%20714%2C765%20713%2C767%20712%2C761%20711%2C767%20710%2C767%20709%2C767%20708%2C768%20707%2C769%20706%2C768%20705%2C767%20704%2C767%20703%2C768%20702%2C768%20701%2C768%20700%2C768%20699%2C768%20698%2C768%20697%2C768%20696%2C769%20695%2C769%20694%2C768%20693%2C768%20692%2C769%20691%2C768%20690%2C768%20689%2C769%20688%2C769%20687%2C768%20686%2C767%20685%2C767%20684%2C768%20683%2C768%20682%2C767%20681%2C767%20680%2C768%20679%2C768%20678%2C769%20677%2C769%20676%2C768%20675%2C769%20674%2C768%20673%2C766%20672%2C766%20671%2C766%20670%2C766%20669%2C766%20668%2C767%20667%2C767%20666%2C768%20665%2C768%20664%2C767%20663%2C767%20662%2C767%20661%2C767%20660%2C767%20659%2C766%20658%2C766%20657%2C767%20656%2C767%20655%2C767%20654%2C767%20653%2C767%20652%2C767%20651%2C765%20650%2C767%20649%2C765%20648%2C768%20647%2C769%20646%2C769%20645%2C766%20644%2C767%20643%2C767%20642%2C767%20641%2C767%20640%2C765%20639%2C765%20638%2C764%20637%2C765%20636%2C766%20635%2C766%20634%2C767%20633%2C767%20632%2C767%20631%2C766%20630%2C766%20629%2C767%20628%2C768%20627%2C768%20626%2C768%20625%2C767%20624%2C767%20623%2C768%20622%2C767%20621%2C768%20620%2C769%20619%2C769%20618%2C769%20617%2C769%20616%2C768%20615%2C768%20614%2C768%20613%2C769%20612%2C768%20611%2C768%20610%2C768%20609%2C769%20608%2C770%20607%2C771%20606%2C770%20605%2C769%20604%2C769%20603%2C769%20602%2C769%20601%2C769%20600%2C770%20599%2C770%20598%2C765%20597%2C765%20596%2C766%20595%2C767%20594%2C766%20593%2C767%20592%2C768%20591%2C767%20590%2C766%20589%2C768%20588%2C768%20587%2C768%20586%2C768%20585%2C768%20584%2C767%20583%2C764%20582%2C764%20581%2C767%20580%2C768%20579%2C769%20578%2C769%20577%2C768%20576%2C768%20575%2C768%20574%2C768%20573%2C768%20572%2C768%20571%2C768%20570%2C768%20569%2C770%20568%2C770%20567%2C770%20566%2C770%20565%2C770%20564%2C770%20563%2C770%20562%2C771%20561%2C772%20560%2C772%20559%2C772%20558%2C772%20557%2C773%20556%2C773%20555%2C772%20554%2C772%20553%2C773%20552%2C773%20551%2C773%20550%2C772%20549%2C772%20548%2C772%20547%2C772%20546%2C772%20545%2C772%20544%2C772%20543%2C771%20542%2C771%20541%2C771%20540%2C771%20539%2C771%20538%2C771%20537%2C771%20536%2C771%20535%2C771%20534%2C771%20533%2C771%20532%2C770%20531%2C770%20530%2C770%20529%2C770%20528%2C770%20527%2C769%20526%2C766%20525%2C769%20524%2C769%20523%2C769%20522%2C768%20521%2C768%20520%2C768%20519%2C768%20518%2C768%20517%2C768%20516%2C767%20515%2C766%20514%2C766%20513%2C765%20512%2C765%20511%2C765%20510%2C765%20509%2C766%20508%2C766%20507%2C764%20506%2C764%20505%2C763%20504%2C764%20503%2C766%20502%2C766%20501%2C766%20500%2C765%20499%2C766%20498%2C766%20497%2C767%20496%2C767%20495%2C767%20494%2C766%20493%2C766%20492%2C766%20491%2C764%20490%2C763%20489%2C764%20488%2C763%20487%2C766%20486%2C765%20485%2C764%20484%2C763%20483%2C762%20482%2C761%20481%2C762%20480%2C762%20479%2C762%20478%2C763%20477%2C763%20476%2C764%20475%2C764%20474%2C767%20473%2C768%20472%2C768%20471%2C768%20470%2C768%20469%2C769%20468%2C769%20467%2C769%20466%2C769%20465%2C769%20464%2C770%20463%2C769%20462%2C768%20461%2C769%20460%2C769%20459%2C769%20458%2C769%20457%2C769%20456%2C769%20455%2C769%20454%2C768%20453%2C767%20452%2C767%20451%2C766%20450%2C766%20449%2C768%20448%2C768%20447%2C766%20446%2C765%20445%2C766%20444%2C763%20443%2C763%20442%2C763%20441%2C762%20440%2C765%20439%2C765%20438%2C764%20437%2C764%20436%2C763%20435%2C763%20434%2C766%20433%2C767%20432%2C767%20431%2C767%20430%2C766%20429%2C764%20428%2C765%20427%2C767%20426%2C767%20425%2C767%20424%2C768%20423%2C768%20422%2C768%20421%2C768%20420%2C767%20419%2C768%20418%2C768%20417%2C769%20416%2C769%20415%2C768%20414%2C768%20413%2C768%20412%2C767%20411%2C767%20410%2C766%20409%2C766%20408%2C766%20407%2C767%20406%2C767%20405%2C767%20404%2C767%20403%2C766%20402%2C767%20401%2C767%20400%2C767%20399%2C767%20398%2C767%20397%2C767%20396%2C767%20395%2C767%20394%2C767%20393%2C768%20392%2C768%20391%2C769%20390%2C769%20389%2C769%20388%2C769%20387%2C769%20386%2C769%20385%2C768%20384%2C767%20383%2C769%20382%2C769%20381%2C767%20380%2C767%20379%2C767%20378%2C765%20377%2C768%20376%2C768%20375%2C767%20374%2C765%20373%2C767%20372%2C767%20371%2C767%20370%2C768%20369%2C769%20368%2C768%20367%2C768%20366%2C768%20365%2C768%20364%2C768%20363%2C768%20362%2C768%20361%2C769%20360%2C768%20359%2C768%20358%2C768%20357%2C768%20356%2C767%20355%2C767%20354%2C768%20353%2C768%20352%2C768%20351%2C768%20350%2C768%20349%2C768%20348%2C767%20347%2C768%20346%2C768%20345%2C768%20344%2C767%20343%2C768%20342%2C768%20341%2C767%20340%2C767%20339%2C766%20338%2C766%20337%2C766%20336%2C766%20335%2C766%20334%2C766%20333%2C767%20332%2C767%20331%2C766%20330%2C764%20329%2C764%20328%2C764%20327%2C766%20326%2C767%20325%2C766%20324%2C764%20323%2C764%20322%2C764%20321%2C764%20320%2C764%20319%2C764%20318%2C764%20317%2C765%20316%2C765%20315%2C765%20314%2C766%20313%2C766%20312%2C765%20311%2C765%20310%2C766%20309%2C766%20308%2C766%20307%2C766%20306%2C766%20305%2C766%20304%2C766%20303%2C765%20302%2C765%20301%2C764%20300%2C764%20299%2C764%20298%2C764%20297%2C763%20296%2C763%20295%2C763%20294%2C763%20293%2C763%20292%2C763%20291%2C763%20290%2C763%20289%2C763%20288%2C763%20287%2C760%20286%2C759%20285%2C758%20284%2C761%20283%2C762%20282%2C762%20281%2C761%20280%2C760%20279%2C760%20278%2C760%20277%2C760%20276%2C760%20275%2C760%20274%2C760%20273%2C761%20272%2C761%20271%2C761%20270%2C762%20269%2C762%20268%2C761%20267%2C761%20266%2C760%20265%2C760%20264%2C761%20263%2C761%20262%2C760%20261%2C760%20260%2C760%20259%2C760%20258%2C760%20257%2C760%20256%2C760%20255%2C759%20254%2C758%20253%2C758%20252%2C758%20251%2C758%20250%2C756%20249%2C755%20248%2C758%20247%2C759%20246%2C759%20245%2C758%20244%2C758%20243%2C758%20242%2C758%20241%2C757%20240%2C757%20239%2C757%20238%2C757%20237%2C757%20236%2C757%20235%2C756%20234%2C756%20233%2C755%20232%2C754%20231%2C754%20230%2C753%20229%2C753%20228%2C753%20227%2C753%20226%2C754%20225%2C748%20224%2C752%20223%2C752%20222%2C750%20221%2C750%20220%2C749%20219%2C755%20218%2C755%20217%2C755%20216%2C754%20215%2C753%20214%2C752%20213%2C752%20212%2C756%20211%2C756%20210%2C751%20209%2C751%20208%2C751%20207%2C749%20206%2C749%20205%2C750%20204%2C751%20203%2C751%20202%2C750%20201%2C749%20200%2C749%20199%2C750%20198%2C751%20197%2C751%20196%2C750%20195%2C755%20194%2C755%20193%2C750%20192%2C753%20191%2C756%20190%2C757%20189%2C756%20188%2C756%20187%2C754%20186%2C753%20185%2C756%20184%2C756%20183%2C756%20182%2C756%20181%2C756%20180%2C756%20179%2C755%20178%2C754%20177%2C755%20176%2C757%20175%2C758%20174%2C758%20173%2C758%20172%2C757%20171%2C757%20170%2C757%20169%2C757%20168%2C757%20167%2C757%20166%2C757%20165%2C756%20164%2C756%20163%2C756%20162%2C756%20161%2C756%20160%2C755%20159%2C755%20158%2C755%20157%2C756%20156%2C757%20155%2C758%20154%2C758%20153%2C758%20152%2C758%20151%2C758%20150%2C758%20149%2C757%20148%2C757%20147%2C757%20146%2C757%20145%2C757%20144%2C757%20143%2C757%20142%2C757%20141%2C756%20140%2C756%20139%2C756%20138%2C756%20137%2C756%20136%2C757%20135%2C758%20134%2C757%20133%2C756%20132%2C755%20131%2C755%20130%2C755%20129%2C758%20128%2C758%20127%2C758%20126%2C758%20125%2C755%20124%2C755%20123%2C757%20122%2C757%20121%2C758%20120%2C758%20119%2C761%20118%2C762%20117%2C762%20116%2C761%20115%2C758%20114%2C758%20113%2C761%20112%2C762%20111%2C763%20110%2C764%20109%2C766%20108%2C766%20107%2C765%20106%2C765%20105%2C763%20104%2C766%20103%2C766%20102%2C768%20101%2C768%20100%2C768%2099%2C767%2098%2C766%2097%2C767%2096%2C768%2095%2C769%2094%2C769%2093%2C767%2092%2C769%2091%2C770%2090%2C769%2089%2C769%2088%2C770%2087%2C769%2086%2C769%2085%2C768%2084%2C768%2083%2C768%2082%2C769%2081%2C769%2080%2C769%2079%2C768%2078%2C768%2077%2C766%2076%2C765%2075%2C765%2074%2C766%2073%2C768%2072%2C769%2071%2C766%2070%2C767%2069%2C767%2068%2C767%2067%2C767%2066%2C765%2065%2C766%2064%2C767%2063%2C767%2062%2C766%2061%2C764%2060%2C764%2059%2C767%2058%2C766%2057%2C764%2056%2C764%2055%2C762%2054%2C762%2053%2C762%2052%2C762%2051%2C764%2050%2C764%2049%2C765%2048%2C765%2047%2C766%2046%2C765%2045%2C765%2044%2C765%2043%2C766%2042%2C767%2041%2C767%2040%2C766%2039%2C766%2038%2C766%2037%2C767%2036%2C767%2035%2C767%2034%2C766%2033%2C765%2032%2C765%2031%2C766%2030%2C766%2029%2C766%2028%2C765%2027%2C765%2026%2C764%2025%2C764%2024%2C764%2023%2C764%2022%2C764%2021%2C764%2020%2C764%2019%2C764%2018%2C763%2017%2C765%2016%2C765%2015%2C767%2014%2C767%2013%2C767%2012%2C767%2011%2C767%2010%2C767%209%2C767%208%2C767%207%2C767%206%2C767%205%2C767%204%2C767%203%2C768%202%2C768%201%2C767%200%2C766Z%22%2F%3E%3C%2Fsvg%3E"); --omia-paper-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20740%201974%2057%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M0%20797H1974V769L1973%2C769%201972%2C769%201971%2C769%201970%2C768%201969%2C768%201968%2C768%201967%2C768%201966%2C768%201965%2C768%201964%2C768%201963%2C768%201962%2C768%201961%2C768%201960%2C768%201959%2C767%201958%2C767%201957%2C768%201956%2C767%201955%2C767%201954%2C767%201953%2C768%201952%2C767%201951%2C765%201950%2C765%201949%2C765%201948%2C765%201947%2C765%201946%2C765%201945%2C764%201944%2C768%201943%2C768%201942%2C765%201941%2C770%201940%2C770%201939%2C770%201938%2C771%201937%2C771%201936%2C770%201935%2C770%201934%2C770%201933%2C771%201932%2C771%201931%2C771%201930%2C770%201929%2C770%201928%2C770%201927%2C772%201926%2C772%201925%2C773%201924%2C773%201923%2C772%201922%2C772%201921%2C772%201920%2C772%201919%2C772%201918%2C771%201917%2C771%201916%2C771%201915%2C771%201914%2C772%201913%2C772%201912%2C772%201911%2C772%201910%2C768%201909%2C768%201908%2C769%201907%2C770%201906%2C771%201905%2C772%201904%2C772%201903%2C771%201902%2C771%201901%2C772%201900%2C772%201899%2C772%201898%2C771%201897%2C771%201896%2C770%201895%2C770%201894%2C772%201893%2C770%201892%2C770%201891%2C770%201890%2C770%201889%2C771%201888%2C771%201887%2C770%201886%2C770%201885%2C769%201884%2C769%201883%2C768%201882%2C767%201881%2C767%201880%2C767%201879%2C766%201878%2C763%201877%2C763%201876%2C763%201875%2C763%201874%2C766%201873%2C766%201872%2C766%201871%2C766%201870%2C765%201869%2C762%201868%2C762%201867%2C762%201866%2C762%201865%2C759%201864%2C761%201863%2C761%201862%2C761%201861%2C759%201860%2C760%201859%2C761%201858%2C765%201857%2C766%201856%2C765%201855%2C765%201854%2C765%201853%2C765%201852%2C765%201851%2C766%201850%2C766%201849%2C767%201848%2C767%201847%2C767%201846%2C768%201845%2C768%201844%2C767%201843%2C767%201842%2C767%201841%2C767%201840%2C768%201839%2C768%201838%2C768%201837%2C768%201836%2C768%201835%2C768%201834%2C768%201833%2C768%201832%2C768%201831%2C768%201830%2C768%201829%2C768%201828%2C768%201827%2C768%201826%2C767%201825%2C768%201824%2C768%201823%2C767%201822%2C767%201821%2C767%201820%2C765%201819%2C765%201818%2C765%201817%2C765%201816%2C765%201815%2C768%201814%2C768%201813%2C768%201812%2C768%201811%2C767%201810%2C766%201809%2C767%201808%2C767%201807%2C767%201806%2C768%201805%2C768%201804%2C768%201803%2C767%201802%2C767%201801%2C767%201800%2C767%201799%2C767%201798%2C767%201797%2C767%201796%2C766%201795%2C765%201794%2C764%201793%2C765%201792%2C765%201791%2C764%201790%2C765%201789%2C765%201788%2C765%201787%2C764%201786%2C765%201785%2C765%201784%2C766%201783%2C764%201782%2C764%201781%2C764%201780%2C764%201779%2C765%201778%2C766%201777%2C766%201776%2C764%201775%2C763%201774%2C763%201773%2C763%201772%2C764%201771%2C764%201770%2C764%201769%2C764%201768%2C763%201767%2C763%201766%2C762%201765%2C761%201764%2C761%201763%2C761%201762%2C762%201761%2C762%201760%2C762%201759%2C762%201758%2C762%201757%2C761%201756%2C761%201755%2C761%201754%2C761%201753%2C762%201752%2C762%201751%2C763%201750%2C762%201749%2C762%201748%2C763%201747%2C764%201746%2C764%201745%2C764%201744%2C764%201743%2C763%201742%2C762%201741%2C763%201740%2C763%201739%2C760%201738%2C761%201737%2C763%201736%2C764%201735%2C761%201734%2C760%201733%2C763%201732%2C764%201731%2C764%201730%2C758%201729%2C764%201728%2C759%201727%2C760%201726%2C761%201725%2C761%201724%2C759%201723%2C758%201722%2C758%201721%2C758%201720%2C759%201719%2C759%201718%2C761%201717%2C764%201716%2C764%201715%2C763%201714%2C765%201713%2C766%201712%2C765%201711%2C765%201710%2C766%201709%2C766%201708%2C765%201707%2C764%201706%2C765%201705%2C765%201704%2C765%201703%2C765%201702%2C765%201701%2C766%201700%2C766%201699%2C766%201698%2C766%201697%2C765%201696%2C765%201695%2C766%201694%2C766%201693%2C766%201692%2C765%201691%2C765%201690%2C765%201689%2C765%201688%2C767%201687%2C766%201686%2C766%201685%2C765%201684%2C768%201683%2C769%201682%2C770%201681%2C769%201680%2C769%201679%2C768%201678%2C767%201677%2C767%201676%2C768%201675%2C768%201674%2C769%201673%2C770%201672%2C770%201671%2C769%201670%2C769%201669%2C770%201668%2C770%201667%2C770%201666%2C770%201665%2C770%201664%2C771%201663%2C771%201662%2C768%201661%2C768%201660%2C770%201659%2C770%201658%2C770%201657%2C770%201656%2C770%201655%2C770%201654%2C768%201653%2C768%201652%2C768%201651%2C767%201650%2C768%201649%2C768%201648%2C769%201647%2C769%201646%2C768%201645%2C769%201644%2C769%201643%2C769%201642%2C770%201641%2C770%201640%2C770%201639%2C769%201638%2C769%201637%2C769%201636%2C769%201635%2C769%201634%2C769%201633%2C769%201632%2C769%201631%2C767%201630%2C772%201629%2C772%201628%2C772%201627%2C768%201626%2C767%201625%2C772%201624%2C765%201623%2C765%201622%2C766%201621%2C766%201620%2C766%201619%2C767%201618%2C767%201617%2C766%201616%2C767%201615%2C767%201614%2C770%201613%2C770%201612%2C770%201611%2C770%201610%2C771%201609%2C771%201608%2C772%201607%2C772%201606%2C771%201605%2C771%201604%2C773%201603%2C773%201602%2C773%201601%2C772%201600%2C772%201599%2C772%201598%2C771%201597%2C771%201596%2C772%201595%2C772%201594%2C772%201593%2C772%201592%2C771%201591%2C771%201590%2C771%201589%2C771%201588%2C772%201587%2C772%201586%2C772%201585%2C772%201584%2C772%201583%2C772%201582%2C772%201581%2C771%201580%2C771%201579%2C771%201578%2C772%201577%2C772%201576%2C773%201575%2C773%201574%2C774%201573%2C774%201572%2C773%201571%2C772%201570%2C773%201569%2C773%201568%2C774%201567%2C774%201566%2C774%201565%2C774%201564%2C773%201563%2C773%201562%2C774%201561%2C774%201560%2C773%201559%2C773%201558%2C772%201557%2C772%201556%2C773%201555%2C774%201554%2C774%201553%2C774%201552%2C773%201551%2C772%201550%2C773%201549%2C773%201548%2C769%201547%2C769%201546%2C769%201545%2C769%201544%2C768%201543%2C768%201542%2C770%201541%2C770%201540%2C770%201539%2C770%201538%2C771%201537%2C771%201536%2C770%201535%2C769%201534%2C770%201533%2C771%201532%2C771%201531%2C770%201530%2C770%201529%2C770%201528%2C770%201527%2C770%201526%2C767%201525%2C767%201524%2C771%201523%2C771%201522%2C769%201521%2C769%201520%2C769%201519%2C770%201518%2C769%201517%2C769%201516%2C769%201515%2C768%201514%2C768%201513%2C768%201512%2C768%201511%2C769%201510%2C770%201509%2C770%201508%2C770%201507%2C769%201506%2C769%201505%2C770%201504%2C770%201503%2C771%201502%2C771%201501%2C771%201500%2C771%201499%2C771%201498%2C771%201497%2C771%201496%2C772%201495%2C772%201494%2C772%201493%2C772%201492%2C772%201491%2C772%201490%2C772%201489%2C772%201488%2C771%201487%2C771%201486%2C771%201485%2C771%201484%2C771%201483%2C771%201482%2C771%201481%2C771%201480%2C771%201479%2C770%201478%2C770%201477%2C770%201476%2C770%201475%2C770%201474%2C770%201473%2C770%201472%2C770%201471%2C771%201470%2C770%201469%2C770%201468%2C770%201467%2C770%201466%2C770%201465%2C770%201464%2C770%201463%2C770%201462%2C770%201461%2C770%201460%2C769%201459%2C766%201458%2C769%201457%2C769%201456%2C769%201455%2C769%201454%2C769%201453%2C769%201452%2C769%201451%2C769%201450%2C768%201449%2C768%201448%2C768%201447%2C768%201446%2C768%201445%2C767%201444%2C767%201443%2C767%201442%2C767%201441%2C768%201440%2C769%201439%2C768%201438%2C768%201437%2C766%201436%2C766%201435%2C769%201434%2C769%201433%2C769%201432%2C769%201431%2C768%201430%2C769%201429%2C769%201428%2C769%201427%2C769%201426%2C769%201425%2C769%201424%2C769%201423%2C768%201422%2C768%201421%2C767%201420%2C766%201419%2C768%201418%2C768%201417%2C766%201416%2C766%201415%2C765%201414%2C763%201413%2C763%201412%2C764%201411%2C765%201410%2C766%201409%2C766%201408%2C765%201407%2C765%201406%2C764%201405%2C763%201404%2C766%201403%2C766%201402%2C768%201401%2C768%201400%2C768%201399%2C769%201398%2C769%201397%2C768%201396%2C768%201395%2C768%201394%2C769%201393%2C769%201392%2C769%201391%2C769%201390%2C769%201389%2C769%201388%2C768%201387%2C768%201386%2C768%201385%2C769%201384%2C769%201383%2C769%201382%2C769%201381%2C769%201380%2C768%201379%2C768%201378%2C767%201377%2C767%201376%2C766%201375%2C766%201374%2C766%201373%2C765%201372%2C767%201371%2C767%201370%2C765%201369%2C765%201368%2C765%201367%2C762%201366%2C762%201365%2C763%201364%2C763%201363%2C765%201362%2C766%201361%2C765%201360%2C764%201359%2C764%201358%2C763%201357%2C762%201356%2C762%201355%2C762%201354%2C762%201353%2C764%201352%2C764%201351%2C767%201350%2C767%201349%2C767%201348%2C767%201347%2C768%201346%2C769%201345%2C769%201344%2C769%201343%2C769%201342%2C770%201341%2C769%201340%2C769%201339%2C768%201338%2C768%201337%2C769%201336%2C769%201335%2C769%201334%2C769%201333%2C769%201332%2C770%201331%2C771%201330%2C771%201329%2C771%201328%2C771%201327%2C771%201326%2C770%201325%2C770%201324%2C770%201323%2C770%201322%2C770%201321%2C771%201320%2C772%201319%2C769%201318%2C768%201317%2C768%201316%2C768%201315%2C768%201314%2C768%201313%2C769%201312%2C769%201311%2C768%201310%2C768%201309%2C768%201308%2C769%201307%2C769%201306%2C769%201305%2C770%201304%2C770%201303%2C770%201302%2C770%201301%2C770%201300%2C770%201299%2C770%201298%2C770%201297%2C770%201296%2C770%201295%2C769%201294%2C768%201293%2C768%201292%2C768%201291%2C768%201290%2C768%201289%2C768%201288%2C768%201287%2C768%201286%2C768%201285%2C768%201284%2C767%201283%2C768%201282%2C769%201281%2C769%201280%2C769%201279%2C768%201278%2C768%201277%2C768%201276%2C766%201275%2C767%201274%2C767%201273%2C767%201272%2C767%201271%2C766%201270%2C766%201269%2C765%201268%2C765%201267%2C766%201266%2C766%201265%2C766%201264%2C766%201263%2C765%201262%2C765%201261%2C765%201260%2C765%201259%2C764%201258%2C764%201257%2C764%201256%2C766%201255%2C767%201254%2C762%201253%2C766%201252%2C766%201251%2C766%201250%2C763%201249%2C765%201248%2C763%201247%2C763%201246%2C763%201245%2C763%201244%2C763%201243%2C762%201242%2C762%201241%2C761%201240%2C761%201239%2C761%201238%2C760%201237%2C760%201236%2C761%201235%2C761%201234%2C761%201233%2C763%201232%2C764%201231%2C764%201230%2C764%201229%2C764%201228%2C764%201227%2C763%201226%2C764%201225%2C764%201224%2C764%201223%2C765%201222%2C764%201221%2C765%201220%2C765%201219%2C766%201218%2C766%201217%2C766%201216%2C766%201215%2C766%201214%2C767%201213%2C766%201212%2C766%201211%2C766%201210%2C765%201209%2C765%201208%2C766%201207%2C767%201206%2C767%201205%2C767%201204%2C766%201203%2C766%201202%2C766%201201%2C765%201200%2C764%201199%2C763%201198%2C763%201197%2C764%201196%2C763%201195%2C763%201194%2C762%201193%2C762%201192%2C761%201191%2C761%201190%2C761%201189%2C767%201188%2C761%201187%2C760%201186%2C766%201185%2C766%201184%2C759%201183%2C759%201182%2C759%201181%2C759%201180%2C765%201179%2C760%201178%2C761%201177%2C760%201176%2C760%201175%2C758%201174%2C759%201173%2C760%201172%2C761%201171%2C761%201170%2C760%201169%2C765%201168%2C765%201167%2C760%201166%2C762%201165%2C766%201164%2C767%201163%2C767%201162%2C767%201161%2C766%201160%2C768%201159%2C758%201158%2C765%201157%2C767%201156%2C767%201155%2C765%201154%2C765%201153%2C764%201152%2C765%201151%2C766%201150%2C766%201149%2C765%201148%2C766%201147%2C766%201146%2C767%201145%2C767%201144%2C767%201143%2C767%201142%2C767%201141%2C765%201140%2C765%201139%2C765%201138%2C764%201137%2C765%201136%2C766%201135%2C766%201134%2C766%201133%2C766%201132%2C765%201131%2C765%201130%2C766%201129%2C766%201128%2C765%201127%2C765%201126%2C765%201125%2C765%201124%2C765%201123%2C765%201122%2C766%201121%2C764%201120%2C765%201119%2C763%201118%2C764%201117%2C767%201116%2C767%201115%2C764%201114%2C764%201113%2C765%201112%2C766%201111%2C766%201110%2C764%201109%2C764%201108%2C764%201107%2C764%201106%2C764%201105%2C764%201104%2C765%201103%2C766%201102%2C767%201101%2C767%201100%2C767%201099%2C767%201098%2C767%201097%2C765%201096%2C766%201095%2C767%201094%2C767%201093%2C766%201092%2C767%201091%2C767%201090%2C767%201089%2C766%201088%2C766%201087%2C766%201086%2C765%201085%2C765%201084%2C765%201083%2C765%201082%2C765%201081%2C765%201080%2C764%201079%2C764%201078%2C763%201077%2C763%201076%2C762%201075%2C763%201074%2C762%201073%2C760%201072%2C760%201071%2C760%201070%2C759%201069%2C763%201068%2C763%201067%2C760%201066%2C760%201065%2C763%201064%2C763%201063%2C763%201062%2C763%201061%2C762%201060%2C762%201059%2C759%201058%2C759%201057%2C760%201056%2C759%201055%2C761%201054%2C761%201053%2C759%201052%2C759%201051%2C756%201050%2C756%201049%2C756%201048%2C756%201047%2C757%201046%2C758%201045%2C759%201044%2C758%201043%2C758%201042%2C757%201041%2C756%201040%2C756%201039%2C757%201038%2C760%201037%2C760%201036%2C760%201035%2C762%201034%2C762%201033%2C762%201032%2C762%201031%2C763%201030%2C763%201029%2C763%201028%2C763%201027%2C763%201026%2C763%201025%2C762%201024%2C762%201023%2C762%201022%2C763%201021%2C763%201020%2C763%201019%2C762%201018%2C762%201017%2C761%201016%2C761%201015%2C761%201014%2C760%201013%2C760%201012%2C759%201011%2C759%201010%2C760%201009%2C759%201008%2C757%201007%2C757%201006%2C755%201005%2C754%201004%2C754%201003%2C755%201002%2C755%201001%2C757%201000%2C757%20999%2C756%20998%2C756%20997%2C755%20996%2C755%20995%2C754%20994%2C754%20993%2C757%20992%2C755%20991%2C755%20990%2C756%20989%2C756%20988%2C760%20987%2C760%20986%2C759%20985%2C760%20984%2C760%20983%2C760%20982%2C760%20981%2C760%20980%2C761%20979%2C761%20978%2C760%20977%2C760%20976%2C760%20975%2C761%20974%2C762%20973%2C761%20972%2C761%20971%2C760%20970%2C760%20969%2C759%20968%2C759%20967%2C759%20966%2C760%20965%2C759%20964%2C759%20963%2C758%20962%2C758%20961%2C758%20960%2C755%20959%2C754%20958%2C758%20957%2C758%20956%2C756%20955%2C756%20954%2C756%20953%2C756%20952%2C756%20951%2C755%20950%2C760%20949%2C761%20948%2C761%20947%2C759%20946%2C759%20945%2C760%20944%2C761%20943%2C760%20942%2C761%20941%2C762%20940%2C763%20939%2C763%20938%2C763%20937%2C762%20936%2C762%20935%2C762%20934%2C762%20933%2C762%20932%2C762%20931%2C762%20930%2C763%20929%2C768%20928%2C765%20927%2C765%20926%2C765%20925%2C766%20924%2C766%20923%2C765%20922%2C766%20921%2C766%20920%2C766%20919%2C766%20918%2C767%20917%2C766%20916%2C766%20915%2C766%20914%2C766%20913%2C766%20912%2C766%20911%2C765%20910%2C765%20909%2C766%20908%2C766%20907%2C765%20906%2C765%20905%2C764%20904%2C764%20903%2C762%20902%2C763%20901%2C763%20900%2C763%20899%2C762%20898%2C764%20897%2C765%20896%2C765%20895%2C765%20894%2C765%20893%2C765%20892%2C765%20891%2C763%20890%2C763%20889%2C763%20888%2C763%20887%2C763%20886%2C764%20885%2C763%20884%2C763%20883%2C763%20882%2C764%20881%2C764%20880%2C764%20879%2C764%20878%2C764%20877%2C764%20876%2C764%20875%2C763%20874%2C763%20873%2C763%20872%2C763%20871%2C762%20870%2C762%20869%2C759%20868%2C762%20867%2C762%20866%2C761%20865%2C761%20864%2C761%20863%2C761%20862%2C759%20861%2C759%20860%2C758%20859%2C758%20858%2C757%20857%2C757%20856%2C757%20855%2C757%20854%2C757%20853%2C756%20852%2C757%20851%2C757%20850%2C759%20849%2C760%20848%2C760%20847%2C760%20846%2C760%20845%2C759%20844%2C759%20843%2C758%20842%2C756%20841%2C756%20840%2C757%20839%2C759%20838%2C759%20837%2C759%20836%2C759%20835%2C759%20834%2C761%20833%2C762%20832%2C762%20831%2C762%20830%2C762%20829%2C763%20828%2C763%20827%2C763%20826%2C762%20825%2C763%20824%2C763%20823%2C764%20822%2C764%20821%2C764%20820%2C763%20819%2C763%20818%2C763%20817%2C763%20816%2C763%20815%2C763%20814%2C762%20813%2C762%20812%2C762%20811%2C762%20810%2C761%20809%2C761%20808%2C761%20807%2C761%20806%2C761%20805%2C762%20804%2C762%20803%2C762%20802%2C762%20801%2C762%20800%2C762%20799%2C762%20798%2C762%20797%2C762%20796%2C762%20795%2C759%20794%2C759%20793%2C759%20792%2C759%20791%2C759%20790%2C759%20789%2C760%20788%2C760%20787%2C760%20786%2C760%20785%2C761%20784%2C759%20783%2C759%20782%2C759%20781%2C758%20780%2C758%20779%2C758%20778%2C762%20777%2C762%20776%2C762%20775%2C763%20774%2C764%20773%2C763%20772%2C764%20771%2C764%20770%2C764%20769%2C764%20768%2C764%20767%2C764%20766%2C764%20765%2C764%20764%2C764%20763%2C764%20762%2C763%20761%2C763%20760%2C763%20759%2C763%20758%2C763%20757%2C762%20756%2C762%20755%2C761%20754%2C761%20753%2C761%20752%2C761%20751%2C756%20750%2C755%20749%2C755%20748%2C756%20747%2C757%20746%2C756%20745%2C759%20744%2C760%20743%2C761%20742%2C761%20741%2C759%20740%2C759%20739%2C759%20738%2C759%20737%2C760%20736%2C761%20735%2C760%20734%2C760%20733%2C761%20732%2C762%20731%2C763%20730%2C762%20729%2C762%20728%2C762%20727%2C762%20726%2C762%20725%2C763%20724%2C762%20723%2C761%20722%2C761%20721%2C762%20720%2C767%20719%2C762%20718%2C762%20717%2C767%20716%2C768%20715%2C760%20714%2C765%20713%2C767%20712%2C761%20711%2C767%20710%2C767%20709%2C767%20708%2C768%20707%2C769%20706%2C768%20705%2C767%20704%2C767%20703%2C768%20702%2C768%20701%2C768%20700%2C768%20699%2C768%20698%2C768%20697%2C768%20696%2C769%20695%2C769%20694%2C768%20693%2C768%20692%2C769%20691%2C768%20690%2C768%20689%2C769%20688%2C769%20687%2C768%20686%2C767%20685%2C767%20684%2C768%20683%2C768%20682%2C767%20681%2C767%20680%2C768%20679%2C768%20678%2C769%20677%2C769%20676%2C768%20675%2C769%20674%2C768%20673%2C766%20672%2C766%20671%2C766%20670%2C766%20669%2C766%20668%2C767%20667%2C767%20666%2C768%20665%2C768%20664%2C767%20663%2C767%20662%2C767%20661%2C767%20660%2C767%20659%2C766%20658%2C766%20657%2C767%20656%2C767%20655%2C767%20654%2C767%20653%2C767%20652%2C767%20651%2C765%20650%2C767%20649%2C765%20648%2C768%20647%2C769%20646%2C769%20645%2C766%20644%2C767%20643%2C767%20642%2C767%20641%2C767%20640%2C765%20639%2C765%20638%2C764%20637%2C765%20636%2C766%20635%2C766%20634%2C767%20633%2C767%20632%2C767%20631%2C766%20630%2C766%20629%2C767%20628%2C768%20627%2C768%20626%2C768%20625%2C767%20624%2C767%20623%2C768%20622%2C767%20621%2C768%20620%2C769%20619%2C769%20618%2C769%20617%2C769%20616%2C768%20615%2C768%20614%2C768%20613%2C769%20612%2C768%20611%2C768%20610%2C768%20609%2C769%20608%2C770%20607%2C771%20606%2C770%20605%2C769%20604%2C769%20603%2C769%20602%2C769%20601%2C769%20600%2C770%20599%2C770%20598%2C765%20597%2C765%20596%2C766%20595%2C767%20594%2C766%20593%2C767%20592%2C768%20591%2C767%20590%2C766%20589%2C768%20588%2C768%20587%2C768%20586%2C768%20585%2C768%20584%2C767%20583%2C764%20582%2C764%20581%2C767%20580%2C768%20579%2C769%20578%2C769%20577%2C768%20576%2C768%20575%2C768%20574%2C768%20573%2C768%20572%2C768%20571%2C768%20570%2C768%20569%2C770%20568%2C770%20567%2C770%20566%2C770%20565%2C770%20564%2C770%20563%2C770%20562%2C771%20561%2C772%20560%2C772%20559%2C772%20558%2C772%20557%2C773%20556%2C773%20555%2C772%20554%2C772%20553%2C773%20552%2C773%20551%2C773%20550%2C772%20549%2C772%20548%2C772%20547%2C772%20546%2C772%20545%2C772%20544%2C772%20543%2C771%20542%2C771%20541%2C771%20540%2C771%20539%2C771%20538%2C771%20537%2C771%20536%2C771%20535%2C771%20534%2C771%20533%2C771%20532%2C770%20531%2C770%20530%2C770%20529%2C770%20528%2C770%20527%2C769%20526%2C766%20525%2C769%20524%2C769%20523%2C769%20522%2C768%20521%2C768%20520%2C768%20519%2C768%20518%2C768%20517%2C768%20516%2C767%20515%2C766%20514%2C766%20513%2C765%20512%2C765%20511%2C765%20510%2C765%20509%2C766%20508%2C766%20507%2C764%20506%2C764%20505%2C763%20504%2C764%20503%2C766%20502%2C766%20501%2C766%20500%2C765%20499%2C766%20498%2C766%20497%2C767%20496%2C767%20495%2C767%20494%2C766%20493%2C766%20492%2C766%20491%2C764%20490%2C763%20489%2C764%20488%2C763%20487%2C766%20486%2C765%20485%2C764%20484%2C763%20483%2C762%20482%2C761%20481%2C762%20480%2C762%20479%2C762%20478%2C763%20477%2C763%20476%2C764%20475%2C764%20474%2C767%20473%2C768%20472%2C768%20471%2C768%20470%2C768%20469%2C769%20468%2C769%20467%2C769%20466%2C769%20465%2C769%20464%2C770%20463%2C769%20462%2C768%20461%2C769%20460%2C769%20459%2C769%20458%2C769%20457%2C769%20456%2C769%20455%2C769%20454%2C768%20453%2C767%20452%2C767%20451%2C766%20450%2C766%20449%2C768%20448%2C768%20447%2C766%20446%2C765%20445%2C766%20444%2C763%20443%2C763%20442%2C763%20441%2C762%20440%2C765%20439%2C765%20438%2C764%20437%2C764%20436%2C763%20435%2C763%20434%2C766%20433%2C767%20432%2C767%20431%2C767%20430%2C766%20429%2C764%20428%2C765%20427%2C767%20426%2C767%20425%2C767%20424%2C768%20423%2C768%20422%2C768%20421%2C768%20420%2C767%20419%2C768%20418%2C768%20417%2C769%20416%2C769%20415%2C768%20414%2C768%20413%2C768%20412%2C767%20411%2C767%20410%2C766%20409%2C766%20408%2C766%20407%2C767%20406%2C767%20405%2C767%20404%2C767%20403%2C766%20402%2C767%20401%2C767%20400%2C767%20399%2C767%20398%2C767%20397%2C767%20396%2C767%20395%2C767%20394%2C767%20393%2C768%20392%2C768%20391%2C769%20390%2C769%20389%2C769%20388%2C769%20387%2C769%20386%2C769%20385%2C768%20384%2C767%20383%2C769%20382%2C769%20381%2C767%20380%2C767%20379%2C767%20378%2C765%20377%2C768%20376%2C768%20375%2C767%20374%2C765%20373%2C767%20372%2C767%20371%2C767%20370%2C768%20369%2C769%20368%2C768%20367%2C768%20366%2C768%20365%2C768%20364%2C768%20363%2C768%20362%2C768%20361%2C769%20360%2C768%20359%2C768%20358%2C768%20357%2C768%20356%2C767%20355%2C767%20354%2C768%20353%2C768%20352%2C768%20351%2C768%20350%2C768%20349%2C768%20348%2C767%20347%2C768%20346%2C768%20345%2C768%20344%2C767%20343%2C768%20342%2C768%20341%2C767%20340%2C767%20339%2C766%20338%2C766%20337%2C766%20336%2C766%20335%2C766%20334%2C766%20333%2C767%20332%2C767%20331%2C766%20330%2C764%20329%2C764%20328%2C764%20327%2C766%20326%2C767%20325%2C766%20324%2C764%20323%2C764%20322%2C764%20321%2C764%20320%2C764%20319%2C764%20318%2C764%20317%2C765%20316%2C765%20315%2C765%20314%2C766%20313%2C766%20312%2C765%20311%2C765%20310%2C766%20309%2C766%20308%2C766%20307%2C766%20306%2C766%20305%2C766%20304%2C766%20303%2C765%20302%2C765%20301%2C764%20300%2C764%20299%2C764%20298%2C764%20297%2C763%20296%2C763%20295%2C763%20294%2C763%20293%2C763%20292%2C763%20291%2C763%20290%2C763%20289%2C763%20288%2C763%20287%2C760%20286%2C759%20285%2C758%20284%2C761%20283%2C762%20282%2C762%20281%2C761%20280%2C760%20279%2C760%20278%2C760%20277%2C760%20276%2C760%20275%2C760%20274%2C760%20273%2C761%20272%2C761%20271%2C761%20270%2C762%20269%2C762%20268%2C761%20267%2C761%20266%2C760%20265%2C760%20264%2C761%20263%2C761%20262%2C760%20261%2C760%20260%2C760%20259%2C760%20258%2C760%20257%2C760%20256%2C760%20255%2C759%20254%2C758%20253%2C758%20252%2C758%20251%2C758%20250%2C756%20249%2C755%20248%2C758%20247%2C759%20246%2C759%20245%2C758%20244%2C758%20243%2C758%20242%2C758%20241%2C757%20240%2C757%20239%2C757%20238%2C757%20237%2C757%20236%2C757%20235%2C756%20234%2C756%20233%2C755%20232%2C754%20231%2C754%20230%2C753%20229%2C753%20228%2C753%20227%2C753%20226%2C754%20225%2C748%20224%2C752%20223%2C752%20222%2C750%20221%2C750%20220%2C749%20219%2C755%20218%2C755%20217%2C755%20216%2C754%20215%2C753%20214%2C752%20213%2C752%20212%2C756%20211%2C756%20210%2C751%20209%2C751%20208%2C751%20207%2C749%20206%2C749%20205%2C750%20204%2C751%20203%2C751%20202%2C750%20201%2C749%20200%2C749%20199%2C750%20198%2C751%20197%2C751%20196%2C750%20195%2C755%20194%2C755%20193%2C750%20192%2C753%20191%2C756%20190%2C757%20189%2C756%20188%2C756%20187%2C754%20186%2C753%20185%2C756%20184%2C756%20183%2C756%20182%2C756%20181%2C756%20180%2C756%20179%2C755%20178%2C754%20177%2C755%20176%2C757%20175%2C758%20174%2C758%20173%2C758%20172%2C757%20171%2C757%20170%2C757%20169%2C757%20168%2C757%20167%2C757%20166%2C757%20165%2C756%20164%2C756%20163%2C756%20162%2C756%20161%2C756%20160%2C755%20159%2C755%20158%2C755%20157%2C756%20156%2C757%20155%2C758%20154%2C758%20153%2C758%20152%2C758%20151%2C758%20150%2C758%20149%2C757%20148%2C757%20147%2C757%20146%2C757%20145%2C757%20144%2C757%20143%2C757%20142%2C757%20141%2C756%20140%2C756%20139%2C756%20138%2C756%20137%2C756%20136%2C757%20135%2C758%20134%2C757%20133%2C756%20132%2C755%20131%2C755%20130%2C755%20129%2C758%20128%2C758%20127%2C758%20126%2C758%20125%2C755%20124%2C755%20123%2C757%20122%2C757%20121%2C758%20120%2C758%20119%2C761%20118%2C762%20117%2C762%20116%2C761%20115%2C758%20114%2C758%20113%2C761%20112%2C762%20111%2C763%20110%2C764%20109%2C766%20108%2C766%20107%2C765%20106%2C765%20105%2C763%20104%2C766%20103%2C766%20102%2C768%20101%2C768%20100%2C768%2099%2C767%2098%2C766%2097%2C767%2096%2C768%2095%2C769%2094%2C769%2093%2C767%2092%2C769%2091%2C770%2090%2C769%2089%2C769%2088%2C770%2087%2C769%2086%2C769%2085%2C768%2084%2C768%2083%2C768%2082%2C769%2081%2C769%2080%2C769%2079%2C768%2078%2C768%2077%2C766%2076%2C765%2075%2C765%2074%2C766%2073%2C768%2072%2C769%2071%2C766%2070%2C767%2069%2C767%2068%2C767%2067%2C767%2066%2C765%2065%2C766%2064%2C767%2063%2C767%2062%2C766%2061%2C764%2060%2C764%2059%2C767%2058%2C766%2057%2C764%2056%2C764%2055%2C762%2054%2C762%2053%2C762%2052%2C762%2051%2C764%2050%2C764%2049%2C765%2048%2C765%2047%2C766%2046%2C765%2045%2C765%2044%2C765%2043%2C766%2042%2C767%2041%2C767%2040%2C766%2039%2C766%2038%2C766%2037%2C767%2036%2C767%2035%2C767%2034%2C766%2033%2C765%2032%2C765%2031%2C766%2030%2C766%2029%2C766%2028%2C765%2027%2C765%2026%2C764%2025%2C764%2024%2C764%2023%2C764%2022%2C764%2021%2C764%2020%2C764%2019%2C764%2018%2C763%2017%2C765%2016%2C765%2015%2C767%2014%2C767%2013%2C767%2012%2C767%2011%2C767%2010%2C767%209%2C767%208%2C767%207%2C767%206%2C767%205%2C767%204%2C767%203%2C768%202%2C768%201%2C767%200%2C766Z%22%2F%3E%3C%2Fsvg%3E"); --omia-content-width: 1200px; --omia-page-gutter: 24px; } /* v53: approved illustrated hero. All other sections retain the supplied CSS. */ @font-face { font-family: 'Omia Amatic'; src: url('/user/documents/omia-icons/omia-amatic.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Omia Neucha'; src: url('/user/documents/omia-icons/omia-neucha.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } body.in-index #carousel.omia-hero-v53 { display: block; height: auto !important; min-height: 0 !important; padding: 0 !important; background: var(--omia-paper); } body.in-index #carousel.omia-hero-v53 .carousel-inner { height: auto !important; min-height: 0 !important; width: 100%; aspect-ratio: 1974 / 797; } body.in-index #carousel.omia-hero-v53 .carousel-inner > .item { height: 100% !important; min-height: 0 !important; } body.in-index #carousel.omia-hero-v53 .carousel-inner img { display: block; width: 100% !important; height: 100% !important; min-height: 0 !important; object-fit: fill; mask-image: var(--omia-art-mask); mask-size: 100% 100%; mask-repeat: no-repeat; } body.in-index #carousel .omia-hero-content { display: none !important; } body.in-index .wide-carousel:has(.omia-hero-v53) + .omia-about { margin-top: -1px; background: var(--omia-paper); } .omia-hero-v53__copy { position: absolute; z-index: 10; top: max(96px, 5.5vw); right: 3%; width: 39%; text-align: center; color: #fff8eb; } .omia-hero-v53__copy h1 { margin: 0; font-family: 'Omia Amatic', sans-serif !important; font-weight: 400; line-height: 1.05; letter-spacing: .02em; text-transform: uppercase; color: #fff8eb; } .omia-hero-v53__copy h1 span { display: block; font-size: 7.4vw; } .omia-hero-v53__copy h1 span + span { margin-top: .6vw; font-size: 4.6vw; color: #f1dab0; white-space: nowrap; } .omia-hero-v53__copy p { font-family: 'Omia Neucha', sans-serif !important; font-weight: 400; } .omia-hero-v53__credits { margin: 1.3vw 0 0; font-size: 1.65vw; line-height: 1.5; } .omia-hero-v53__copy .omia-hero-v53__release { position: relative; display: inline-block; isolation: isolate; margin: 1.7vw 0 0; padding: .6vw 2.5vw .8vw; font-family: 'Omia Amatic', sans-serif !important; font-size: 3.8vw; line-height: 1.2; text-transform: uppercase; color: #25123c; transform: rotate(-2deg); } .omia-hero-v53__release::before { content: ''; position: absolute; inset: 0; z-index: -1; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 110' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='p' x='-5%25' y='-20%25' width='110%25' height='140%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.15 .4' numOctaves='3' seed='7' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='10' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3C/defs%3E%3Cpath filter='url(%23p)' fill='%23f9ddc6' d='M25 17 Q120 5 295 9 T577 13 Q604 36 580 91 Q400 105 240 99 T17 98 Q0 60 25 17Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat; } .omia-hero-v53__languages { margin: 1vw 0 0; font-size: 1.85vw; line-height: 1.3; } @media (min-width: 768px) and (max-width: 1199px) { .omia-hero-v53__copy { top: 132px; } .omia-hero-v53__copy h1 span { font-size: 5.5vw; } .omia-hero-v53__copy h1 span + span { margin-top: .3vw; font-size: 3.3vw; } .omia-hero-v53__credits { margin-top: .6vw; font-size: 1.35vw; } .omia-hero-v53__copy .omia-hero-v53__release { margin-top: .7vw; padding: .3vw 1.8vw; font-size: 2.8vw; } .omia-hero-v53__languages { margin-top: .6vw; font-size: 1.4vw; } } @media (max-width: 767px) { body.in-index #carousel.omia-hero-v53 { background: #141038; } body.in-index #carousel.omia-hero-v53 .carousel-inner { aspect-ratio: 1170 / 797; clip-path: none; margin-bottom: 0; } body.in-index #carousel.omia-hero-v53::after { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 24px; background: var(--omia-paper); mask-image: var(--omia-paper-mask); mask-size: 100% 100%; mask-repeat: no-repeat; pointer-events: none; } body.in-index #carousel.omia-hero-v53 .carousel-inner img { object-fit: cover; object-position: left center; /* Fade the illustration into the text background BEFORE the baked-in paper edge (starts at 94% of the source), at every mobile width. */ mask-image: linear-gradient(to bottom, #000 84%, transparent 93%, transparent); mask-size: 100% 100%; mask-repeat: no-repeat; } .omia-hero-v53__copy { position: relative; top: auto; right: auto; width: 100%; padding: 24px 16px 36px; } .omia-hero-v53__copy h1 span { font-size: clamp(54px, 12vw, 80px); } .omia-hero-v53__copy h1 span + span { margin-top: 8px; font-size: clamp(30px, 7vw, 46px); } .omia-hero-v53__credits { margin-top: 18px; font-size: 17px; } .omia-hero-v53__copy .omia-hero-v53__release { margin-top: 22px; padding: 10px 24px 12px; font-size: 36px; } .omia-hero-v53__languages { margin-top: 16px; font-size: 18px; } } /* v54: image continues behind the transparent header; no solid header strip. */ body.in-index #header { background: transparent !important; box-shadow: none !important; } body.in-index #carousel.omia-hero-v53::before { content: ''; position: absolute; z-index: 2; inset: 0 0 auto; height: 145px; background: linear-gradient(to bottom, rgba(10, 8, 34, .68), rgba(10, 8, 34, .28) 60%, transparent); pointer-events: none; } /* ========================================================= ZÁKLAD ========================================================= */ .omia-hero-content { display: none; } .omia-header-bag-icon, .omia-header-cart-badge, .omia-header-instagram { display: none; } .omia-hero-content, .omia-hero-content *, .omia-about, .omia-about *, .omia-book-showcase, .omia-book-showcase * { font-family: inherit !important; } .omia-about, .omia-about *, .omia-about *::before, .omia-about *::after, .omia-book-showcase, .omia-book-showcase *, .omia-book-showcase *::before, .omia-book-showcase *::after { box-sizing: border-box; } /* * Všetky hlavné vlastné sekcie majú pozadie cez celú obrazovku. */ body.in-index .omia-about, body.in-index .omia-book-showcase { width: 100% !important; max-width: 100% !important; margin-right: 0 !important; margin-left: 0 !important; } /* * Jeden spoločný grid pre obsah. * * Desktop: * max 1200 px * * Menšie obrazovky: * automaticky 24 px okraj z každej strany */ body.in-index .omia-about__inner, body.in-index .omia-book-showcase__inner { width: calc(100% - (var(--omia-page-gutter) * 2)); max-width: var(--omia-content-width); margin-right: auto; margin-left: auto; } /* ========================================================= HEADER ========================================================= */ @media (min-width: 768px) { #header { position: relative; z-index: 20; height: 96px; background: #09143c; box-shadow: none; } #header .header-top, #header .header-top-wrapper { height: 96px; min-height: 96px; background: transparent; } /* * HEADER používa rovnaký 1200 px grid. */ #header .header-top-wrapper { position: relative; width: calc(100% - (var(--omia-page-gutter) * 2)); max-width: var(--omia-content-width); margin-right: auto; margin-left: auto; padding: 0; } #header .navigation-tools { display: none; } /* LOGO */ #header .site-name { position: absolute; top: 50% !important; right: auto !important; bottom: auto !important; left: 0 !important; flex: 0 0 145px !important; width: 145px !important; max-width: 145px !important; height: auto !important; margin: 0; padding: 0 !important; line-height: 0; text-align: left !important; transform: translateY(-50%) !important; } #header .site-name a, #header .site-name img { display: block; } #header .site-name img { width: 145px !important; max-width: 145px !important; max-height: none; height: auto !important; } /* NAVIGÁCIA */ #header .header-bottom { position: absolute; top: 0; left: 50%; width: 700px; height: 96px; background: transparent; transform: translateX(-50%); } #header .header-bottom-wrapper, #header #navigation, #header #navigation .navigation-in { height: 100%; } #header .navigation-in { position: relative !important; inset: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 100% !important; padding: 0 !important; background: transparent !important; } #header #navigation .menu-level-1 { position: static !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 32px; width: auto !important; height: 100% !important; margin: 0 !important; padding: 0; transform: none !important; } #header #navigation .menu-level-1 > li { position: relative; display: flex; align-items: center; height: 100%; border: 0; visibility: visible !important; opacity: 1 !important; } #header #navigation .menu-level-1 > li > a, #header #navigation .menu-level-1 > li > a > b { visibility: visible !important; opacity: 1 !important; } #header #navigation .menu-level-1 > li > a { position: relative; display: flex; align-items: center; height: 100%; padding: 0; color: #fff; font-size: 12px; font-weight: 600; line-height: 1; letter-spacing: .03em; text-decoration: none; text-transform: uppercase; background: transparent; } #header #navigation .menu-level-1 > li > a:hover, #header #navigation .menu-level-1 > li:first-child > a { color: #efc56c; } #header #navigation .menu-level-1 > li:first-child > a::after { position: absolute; bottom: 21px; left: 0; width: 30px; height: 2px; background: #efc56c; content: ""; } #header .menu-helper { display: none !important; } /* PRAVÁ ČASŤ HEADERA */ #header .navigation-buttons { position: absolute; top: 50% !important; right: 0 !important; bottom: auto !important; left: auto !important; display: flex; flex: 0 0 auto !important; align-items: center; width: auto !important; min-width: 0 !important; height: 46px; padding: 0 !important; transform: translateY(-50%) !important; } #header .navigation-buttons > a, #header .navigation-buttons > button { width: 42px; min-width: 42px; height: 42px; padding: 0; color: #fff; background: transparent; border: 0; box-shadow: none; } #header .navigation-buttons > a[data-target="search"], #header .navigation-buttons .top-nav-button-login { display: none !important; } #header .navigation-buttons .cart-count, #header .navigation-buttons .icon-cart { color: #fff; background: transparent; } } /* KOŠÍK */ #header .navigation-buttons > .omia-header-cart { position: relative; display: inline-flex; align-items: center; justify-content: center; overflow: visible; color: #fff; } #header .navigation-buttons > .omia-header-cart::before, #header .navigation-buttons > .omia-header-cart .icon-cart { display: none !important; } /* Shoptet po pridaní produktu vloží vlastné modré počítadlo. Hodnotu ponechávame v DOM pre aktualizáciu, ale vizuálne používame iba Omia badge. */ #header .navigation-buttons > .omia-header-cart > i[data-testid="headerCartCount"] { display: none !important; } #header .omia-header-bag-icon { display: block; width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; } #header .omia-header-cart-badge { position: absolute; top: 2px; right: 1px; z-index: 2; display: flex; align-items: center; justify-content: center; min-width: 16px; height: 16px; padding: 0 4px; color: #182044; font-family: inherit; font-size: 9px; font-weight: 700; line-height: 16px; background: #efc56c; border: 1px solid rgba(255, 255, 255, .28); border-radius: 999px; box-shadow: 0 2px 7px rgba(0, 0, 0, .16); pointer-events: none; } /* INSTAGRAM */ #header .navigation-buttons > .omia-header-instagram { display: inline-flex; align-items: center; justify-content: center; width: 42px; min-width: 42px; height: 42px; padding: 0; color: #fff; background: transparent; border: 0; box-shadow: none; transition: color .2s ease, transform .2s ease; } #header .navigation-buttons > .omia-header-instagram:hover { color: #efc56c; transform: translateY(-1px); } #header .omia-header-instagram svg { display: block; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; } /* ===================================================== TRANSPARENTNÝ HEADER NA HOMEPAGE ===================================================== */ body.in-index #header { position: absolute !important; top: 0; right: 0; left: 0; z-index: 50; width: 100%; background: transparent !important; box-shadow: none !important; } body.in-index #header .header-top, body.in-index #header .header-bottom, body.in-index #header .header-top-wrapper, body.in-index #header .header-bottom-wrapper, body.in-index #header #navigation, body.in-index #header .navigation-in { background: transparent !important; } body.in-index .wide-carousel { margin-top: 0 !important; } /* ===================================================== HERO TEXT ===================================================== */ .omia-hero-content { position: absolute; top: 48%; /* * Presne rovnaká ľavá os ako 1200px grid. */ left: max( var(--omia-page-gutter), calc((100vw - var(--omia-content-width)) / 2) ); z-index: 10; display: block; width: 440px; color: #fff; transform: translateY(-42%); pointer-events: none; } .omia-hero-content h1 { margin: 0; color: #fff; font-size: clamp(48px, 3.3vw, 58px); font-weight: 500; line-height: 1.08; letter-spacing: -.025em; } .omia-hero-content h1 span, .omia-hero-content p strong { color: #efc56c; } .omia-hero-line { width: 64px; height: 2px; margin: 24px 0 20px; background: #efc56c; } .omia-hero-content p { margin: 0; color: rgba(255, 255, 255, .92); font-size: 17px; font-weight: 400; line-height: 1.55; } .omia-hero-content p strong { font-weight: 600; } .omia-hero-buttons { display: flex; align-items: center; gap: 16px; margin-top: 30px; pointer-events: auto; } .omia-hero-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; font-size: 12px; font-weight: 700; line-height: 1; letter-spacing: .025em; text-decoration: none !important; text-transform: uppercase; border-radius: 7px; transition: color .2s ease, background .2s ease, transform .2s ease; } .omia-hero-button:hover { transform: translateY(-2px); } .omia-hero-button--primary { gap: 12px; color: #111a42 !important; background: #efc56c; border: 1px solid #efc56c; } .omia-hero-button--primary:hover { background: #f6d686; } .omia-hero-button--video { gap: 10px; color: #fff !important; background: rgba(9, 20, 60, .25); border: 1px solid rgba(255, 255, 255, .72); } .omia-hero-button--video:hover { color: #efc56c !important; border-color: #efc56c; } .omia-hero-play { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; padding-left: 2px; font-size: 9px; border: 1px solid currentColor; border-radius: 50%; } .omia-hero-star { font-size: 18px; line-height: 1; } /* Tablet: samostatný riadok menu, stále nad obrázkom bez bieleho pozadia. */ @media (min-width: 768px) and (max-width: 1199px) { #header { height: 128px; } #header .header-top, #header .header-top-wrapper { height: 76px; min-height: 76px; } #header .site-name, #header .site-name img { width: 132px !important; max-width: 132px !important; } #header .header-bottom { top: 76px; width: calc(100% - (var(--omia-page-gutter) * 2)); height: 52px; } #header #navigation .menu-level-1 { gap: clamp(14px, 2.4vw, 28px); } #header #navigation .menu-level-1 > li > a { font-size: 11px; white-space: nowrap; } #header #navigation .menu-level-1 > li:first-child > a::after { bottom: 8px; } body.in-index #carousel { height: clamp(480px, 52vw, 620px) !important; min-height: 0 !important; background: #09143c; } body.in-index #carousel .carousel-inner, body.in-index #carousel .carousel-inner > .item { height: 100% !important; min-height: 0 !important; } body.in-index #carousel .carousel-inner img { width: 100% !important; height: 100% !important; max-width: none; min-height: 0 !important; object-fit: cover; object-position: 75% center; } .omia-hero-content { top: 148px; width: 40%; max-width: 410px; transform: none; } .omia-hero-content h1 { font-size: clamp(32px, 3.6vw, 42px); } .omia-hero-content p { font-size: 14px; } .omia-hero-line { margin: 16px 0 14px; } .omia-hero-buttons { width: max-content; max-width: calc(100vw - (var(--omia-page-gutter) * 2)); flex-wrap: nowrap; gap: 10px; margin-top: 20px; } .omia-hero-button { min-height: 42px; padding: 0 13px; font-size: 10px; } body.in-index .omia-about { margin-top: -26px; } } @media (min-width: 768px) and (max-width: 900px) { .omia-hero-content h1 { max-width: 270px; } } @media (min-width: 768px) { #header .navigation-buttons > [data-target="navigation"] { display: none !important; } } /* Mobil: logo a 44px ovládacie prvky; text a ilustrácia už nebojujú o miesto. */ @media (max-width: 767px) { .overall-wrapper:has(#header) { padding-top: 72px; } body.in-index .overall-wrapper { padding-top: 0 !important; } #header { height: 72px !important; min-height: 72px; color: #fff; background: #09143c; box-shadow: none; } #header .header-top, #header .header-top .header-top-wrapper { height: 72px !important; min-height: 72px; background: transparent !important; } #header .header-top .header-top-wrapper { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; width: 100%; max-width: none; margin: 0; padding: 0 16px; } #header .navigation-tools, #header .navigation-buttons > [data-target="search"], #header .navigation-buttons > [data-target="login"], #header .menu-helper { display: none !important; } #header .header-top .header-top-wrapper .site-name { position: static !important; flex: 0 0 130px !important; width: 130px !important; min-width: 90px; max-width: 130px !important; height: auto !important; margin: 0; padding: 0 !important; transform: none !important; line-height: 0; } #header .header-top .header-top-wrapper .site-name a { display: block; width: 100%; height: auto; } #header .header-top .header-top-wrapper .site-name img { display: block; width: 100% !important; max-width: 130px !important; max-height: 55px; height: auto !important; object-fit: contain; } #header .header-top .header-top-wrapper .navigation-buttons { position: static !important; display: flex; flex: 0 0 auto !important; align-items: center; gap: 2px; width: auto !important; height: 44px; min-width: 0; max-width: none; margin: 0 0 0 auto !important; padding: 0 !important; transform: none !important; } #header .header-top .header-top-wrapper > .user-action { position: absolute; top: 100%; right: 0; left: 0; flex: none !important; width: 100% !important; height: 0; } #header .navigation-buttons > .omia-header-cart, #header .navigation-buttons > .omia-header-instagram, #header .navigation-buttons > [data-target="navigation"] { position: relative; display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; min-width: 44px; height: 44px; padding: 0; color: #fff !important; background: transparent !important; border: 0; box-shadow: none; } #header .navigation-buttons > [data-target="navigation"]::before, #header .navigation-buttons > [data-target="navigation"]::after { position: absolute; top: 21px; left: 12px; display: block; width: 20px; height: 2px; content: "" !important; background: currentColor; border-radius: 2px; transition: transform .2s ease; } #header .navigation-buttons > [data-target="navigation"]::before { transform: translateY(-6px); box-shadow: 0 6px 0 currentColor; } #header .navigation-buttons > [data-target="navigation"]::after { transform: translateY(6px); } body.navigation-window-visible #header .navigation-buttons > [data-target="navigation"]::before { transform: rotate(45deg); box-shadow: none; } body.navigation-window-visible #header .navigation-buttons > [data-target="navigation"]::after { transform: rotate(-45deg); } #header .header-bottom { height: 0; background: transparent; } #header #navigation, body.in-index #header #navigation { position: fixed !important; top: 72px !important; right: 0 !important; bottom: 0 !important; left: auto !important; z-index: 80; width: min(360px, 100%) !important; max-width: 100%; height: calc(100vh - 72px) !important; height: calc(100dvh - 72px) !important; padding: 34px 24px 24px; overflow-x: hidden; overflow-y: auto; color: #fff; background: #09143c !important; border: 0; visibility: hidden; transform: translateX(100%); transition: transform .22s ease, visibility .22s; overscroll-behavior: contain; } body.navigation-window-visible #header { position: fixed !important; top: 0 !important; background: #09143c !important; } body.navigation-window-visible #header #navigation { visibility: visible; transform: translateX(0); } #header #navigation .navigation-in { position: static !important; width: 100% !important; min-width: 0 !important; height: auto !important; padding: 0; color: #fff; background: transparent !important; } #header #navigation .menu-level-1 { display: block !important; width: 100% !important; margin: 0 !important; padding: 0; transform: none !important; } #header #navigation .menu-level-1 > li { display: block !important; width: 100%; height: auto; margin: 0 !important; padding: 0; border: 0; border-bottom: 1px solid rgba(255, 255, 255, .13); border-radius: 0; visibility: inherit !important; } #header #navigation .menu-level-1 > li > a { display: flex; align-items: center; min-height: 52px; height: auto !important; width: 100%; padding: 14px 0; color: #fff; font-size: 15px; line-height: 1.4; background: transparent; border: 0 !important; border-radius: 0; } #header #navigation .menu-level-1 > li > a > b { display: block; height: auto; min-height: 0; margin: 0; padding: 0; font-size: inherit; line-height: inherit; } #header #navigation .navigationActions { margin: 24px 0 0; padding: 0; } #header #navigation .menu-level-1 > li > a:hover, #header #navigation .navigationActions a { color: #efc56c; } #header #navigation .navigation-close { top: 0; right: 0; color: #fff; } body.in-index #carousel { display: flex; flex-direction: column; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: #09143c; } body.in-index #carousel .carousel-inner { order: 2; height: clamp(230px, 65vw, 430px) !important; min-height: 0 !important; flex: none; } body.in-index #carousel .carousel-inner > .item { height: 100% !important; min-height: 0 !important; } body.in-index #carousel .carousel-inner img { width: 100% !important; height: 100% !important; min-height: 0 !important; object-fit: cover; object-position: right bottom; } .omia-hero-content { position: relative; top: auto; left: auto; order: 1; width: 100%; padding: 100px 18px 24px; text-align: center; transform: none; } .omia-hero-content h1 { font-size: clamp(30px, 7.5vw, 42px); } .omia-hero-content p { font-size: 14px; } .omia-hero-line { margin: 18px auto 15px; } .omia-hero-buttons { justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 22px; } .omia-hero-button { min-height: 44px; padding: 0 13px; font-size: 10px; } body.in-index .omia-about { margin-top: -1px; } } /* ========================================================= CAROUSEL ========================================================= */ body.in-index #carousel { position: relative; } body.in-index #carousel .carousel-control { display: none !important; } /* ========================================================= SEKCIA O KNihe ========================================================= */ body.in-index .benefit-banners-full-width { display: none !important; } .omia-about { position: relative; z-index: 2; overflow: hidden; margin-top: -68px; padding: 36px 0 32px; color: #1c2347; background: radial-gradient( circle at 17% 22%, rgba(172, 143, 112, .055) 0 .7px, transparent 1px ), radial-gradient( circle at 73% 68%, rgba(172, 143, 112, .045) 0 .8px, transparent 1.1px ), radial-gradient( circle at 42% 84%, rgba(255, 255, 255, .55) 0 .8px, transparent 1.2px ), #faf6f1; background-size: 11px 11px, 17px 17px, 13px 13px, auto; } .omia-about::before, .omia-about::after { position: absolute; color: #dfb34f; content: "✦"; opacity: .55; } .omia-about::before { top: 26px; left: 5%; font-size: 24px; } .omia-about::after { right: 4%; bottom: 26px; font-size: 17px; } .omia-about__inner { display: grid; grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr); gap: 54px; align-items: center; } .omia-about__intro { position: relative; padding-left: 0; } .omia-about__spark { position: absolute; top: 4px; left: -24px; color: #d8a83d; font-size: 22px; } .omia-about__intro h2 { margin: 0 0 13px; color: #171f45; font-size: clamp(27px, 2vw, 32px); font-weight: 600; line-height: 1.18; letter-spacing: -.02em; } .omia-about__intro p { max-width: 465px; margin: 0; color: #55566a; font-size: 14px; line-height: 1.55; } .omia-about__intro p + p { margin-top: 14px; } .omia-about__heart { display: block; margin: 7px 0 0 105px; color: #d8a83d; font-size: 29px; line-height: 1; transform: rotate(-8deg); } /* BENEFITY */ .omia-about__benefits { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: stretch; } .omia-about__benefit { position: relative; min-width: 0; padding: 0 17px; text-align: center; } .omia-about__benefit + .omia-about__benefit::before { position: absolute; top: 8px; bottom: 4px; left: 0; width: 1px; background: rgba(28, 35, 71, .13); content: ""; } .omia-about__icon { display: inline-block; width: 72px; height: 72px; margin-bottom: 10px; } .omia-about__icon img { display: block; width: 100%; height: 100%; object-fit: contain; } .omia-about__benefit p { margin: 0; color: #55566a; font-size: 12px; line-height: 1.38; } .omia-about__benefit strong { color: #1c2347; font-weight: 700; } /* ========================================================= ABOUT RESPONSIVE ========================================================= */ @media (max-width: 1199px) { .omia-about__inner { grid-template-columns: minmax(300px, .75fr) minmax(0, 1.25fr); gap: 30px; } .omia-about__benefit { padding: 0 10px; } .omia-about__icon { width: 68px; height: 68px; } } @media (max-width: 991px) { .omia-about { margin-top: -42px; padding: 38px 0 40px; } .omia-about__inner { grid-template-columns: 1fr; gap: 38px; } .omia-about__intro { max-width: 620px; margin: 0 auto; padding-left: 0; text-align: center; } .omia-about__spark { position: static; display: block; margin-bottom: 8px; } .omia-about__intro h2 { font-size: 30px; } .omia-about__heart { margin: 12px auto 0; } .omia-about__benefits { width: 100%; max-width: 680px; margin: 0 auto; } } @media (max-width: 640px) { .omia-about__benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 34px; } .omia-about__benefit { padding: 0 14px; } .omia-about__benefit:nth-child(3)::before { display: none; } .omia-about__benefit p { font-size: 12.5px; } .omia-about__icon { width: 64px; height: 64px; } } /* ========================================================= SEKCIA KNIHY + NÁKUPNÁ KARTA ========================================================= */ .omia-book-showcase { position: relative; overflow: hidden; width: 100%; max-width: 100%; padding: 34px 0 38px; color: #1b2349; background: radial-gradient( circle at 12% 30%, rgba(205, 176, 221, .22), transparent 27% ), radial-gradient( circle at 88% 64%, rgba(193, 164, 219, .20), transparent 29% ), radial-gradient( circle at 58% 16%, rgba(255, 255, 255, .70), transparent 34% ), #f7f0f7; } .omia-book-showcase::before { position: absolute; inset: 0; background-image: radial-gradient( circle, rgba(105, 82, 135, .055) 0 .7px, transparent .9px ), radial-gradient( circle, rgba(255, 255, 255, .65) 0 .8px, transparent 1px ); background-position: 0 0, 8px 9px; background-size: 15px 15px, 19px 19px; content: ""; pointer-events: none; } /* * 1200 px layout: * * ľavá časť = 300 px * kniha = flexibilná * karta = 290 px */ .omia-book-showcase__inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 300px) minmax(0, 1fr) minmax(0, 290px); gap: 30px; align-items: center; } .omia-book-details, .omia-book-visual, .omia-product-card { min-width: 0; max-width: 100%; } /* ========================================================= DETAIL KNIHY ========================================================= */ .omia-book-details h2 { width: 100%; max-width: 100%; margin: 0; color: #182044; font-size: 21px; font-weight: 700; line-height: 1.28; letter-spacing: -.015em; text-wrap: balance; } .omia-book-details h2 > .omia-book-title__line { display: block; color: inherit; white-space: nowrap; } .omia-book-details h2 .omia-book-title__star { color: #d8a83d; } .omia-book-details__line { width: 54px; height: 2px; margin: 15px 0 18px; background: #d8a83d; } .omia-book-features { display: grid; gap: 11px; } .omia-book-feature { display: flex; align-items: center; gap: 10px; color: #55566a; font-size: 12px; line-height: 1.25; } .omia-book-feature__icon { display: inline-flex; flex: 0 0 25px; align-items: center; justify-content: center; width: 25px; height: 25px; color: #595a6c; border: 1px solid rgba(47, 50, 77, .52); border-radius: 50%; } .omia-book-feature__icon--languages { font-size: 7px; font-weight: 700; letter-spacing: -.2px; white-space: nowrap; } .omia-book-feature__icon svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5; } /* ========================================================= OBRÁZOK KNIHY ========================================================= */ .omia-book-visual { position: relative; display: flex; align-items: center; justify-content: center; min-width: 0; } .omia-book-visual__image { display: block; width: 100%; max-width: 600px; height: auto; filter: drop-shadow( 0 15px 14px rgba(42, 31, 70, .20) ); } /* ========================================================= PRODUKTOVÁ KARTA ========================================================= */ .omia-product-card { padding: 25px 22px 18px; background: rgba(255, 253, 249, .92); border: 1px solid rgba(95, 74, 120, .07); border-radius: 15px; box-shadow: 0 10px 28px rgba(63, 45, 82, .08); } .omia-product-card h3 { margin: 0; color: #1b2349; font-size: 25px; font-weight: 700; line-height: 1.02; letter-spacing: -.02em; } .omia-product-card h3 span { display: block; margin-top: 3px; font-size: 21px; font-weight: 400; } .omia-product-card__price { margin: 9px 0 13px; color: #d0a04a; font-size: 17px; font-weight: 700; line-height: 1; } /* BUTTON */ .omia-product-card__cart-form { margin: 0; } .omia-product-card__button { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 43px; padding: 0 15px; color: #fff !important; font-family: inherit; font-size: 11px; font-weight: 700; line-height: 1; text-decoration: none !important; text-transform: uppercase; background: #5b4598; border: 0; border-radius: 7px; cursor: pointer; box-shadow: 0 5px 12px rgba(72, 52, 125, .18); transition: background .2s ease, transform .2s ease; } .omia-product-card__button:hover { background: #6b54aa; transform: translateY(-1px); } .omia-product-card__button span { color: #efc56c; font-size: 17px; } /* SLUŽBY POD KARTOU */ .omia-product-services { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 16px; padding-top: 13px; border-top: 1px solid rgba(52, 54, 82, .12); } /* Natívny newsletter Shoptetu sa na stránke Omia nezobrazuje. */ .footer-newsletter-full-width { display: none !important; } .omia-product-service { min-width: 0; padding: 0 6px; color: #626273; font-size: 8px; line-height: 1.25; text-align: center; } .omia-product-service + .omia-product-service { border-left: 1px solid rgba(52, 54, 82, .11); } .omia-product-service svg { display: block; width: 22px; height: 22px; margin: 0 auto 5px; fill: none; stroke: #4f5062; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.4; } /* ========================================================= BOOK SHOWCASE RESPONSIVE ========================================================= */ @media (max-width: 1100px) { .omia-book-details h2 { width: auto; max-width: 100%; } .omia-book-showcase__inner { grid-template-columns: minmax(0, 260px) minmax(0, 1fr) minmax(0, 260px); gap: 20px; } .omia-book-visual__image { max-width: 560px; } } @media (max-width: 900px) { .omia-book-showcase { padding: 42px 0; } .omia-book-showcase__inner { grid-template-areas: "visual visual" "details card"; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 34px 40px; max-width: var(--omia-content-width); } .omia-book-details { grid-area: details; } .omia-book-visual { grid-area: visual; } .omia-product-card { grid-area: card; } .omia-book-visual__image { max-width: 620px; } } @media (max-width: 600px) { :root { --omia-page-gutter: 18px; } .omia-book-showcase__inner { grid-template-areas: "details" "visual" "card"; grid-template-columns: minmax(0, 1fr); gap: 30px; } .omia-book-details { text-align: center; } .omia-book-details__line { margin-right: auto; margin-left: auto; } .omia-book-features { width: max-content; max-width: 100%; margin: 0 auto; text-align: left; } .omia-book-visual__image { width: 100%; max-width: 100%; } .omia-product-card { width: 100%; max-width: 330px; margin: 0 auto; } } /* ========================================================= OMIA – POKRAČOVANIE ÚVODNEJ STRÁNKY ========================================================= */ .omia-home-continuation, .omia-home-continuation *, .omia-site-footer, .omia-site-footer * { box-sizing: border-box; font-family: inherit !important; } body.in-index .omia-home-continuation, body.in-index .omia-home-continuation > section, body.in-index .omia-site-footer { width: 100% !important; max-width: 100% !important; margin: 0 !important; } .omia-section-inner { position: relative; width: calc(100% - (var(--omia-page-gutter) * 2)); max-width: var(--omia-content-width); margin-right: auto; margin-left: auto; } .omia-section-title { margin: 0 0 24px; color: #17204a; font-size: clamp(27px, 2.5vw, 36px); font-weight: 700; line-height: 1.15; text-align: center; } .omia-section-title > span, .omia-author h2 > span, .omia-contact-card h2 > span { color: #dfa93e; font-size: .55em; vertical-align: middle; } .omia-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 0 25px; color: #fff !important; font-size: 11px; font-weight: 700; letter-spacing: .03em; line-height: 1; text-align: center; text-decoration: none !important; text-transform: uppercase; background: #5b4598; border: 1px solid #5b4598; border-radius: 8px; cursor: pointer; box-shadow: 0 7px 17px rgba(70, 48, 123, .16); transition: transform .2s ease, background .2s ease, border-color .2s ease; } .omia-button:hover { color: #fff !important; background: #6b54aa; border-color: #6b54aa; transform: translateY(-1px); } /* UKÁŽKY KNIHY */ .omia-previews { position: relative; overflow: hidden; padding: 34px 0 30px; background: radial-gradient(circle at 8% 28%, rgba(192, 157, 218, .16), transparent 29%), radial-gradient(circle at 92% 72%, rgba(176, 142, 211, .16), transparent 26%), #f5edf8; } .omia-previews::before, .omia-reviews::before, .omia-help::before { position: absolute; inset: 0; content: ""; background-image: radial-gradient(circle, rgba(99, 75, 128, .07) 0 .7px, transparent .9px); background-size: 16px 16px; pointer-events: none; } .omia-previews__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } .omia-preview-card { position: relative; overflow: hidden; min-width: 0; margin: 0; background: rgba(255, 253, 249, .94); border: 1px solid rgba(82, 62, 106, .08); border-radius: 15px; box-shadow: 0 10px 24px rgba(63, 45, 82, .08); } .omia-preview-card > img { display: block; width: 100%; height: 205px; padding: 10px 10px 0; object-fit: contain; filter: drop-shadow(0 8px 8px rgba(35, 24, 62, .18)); } .omia-preview-card__copy { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; align-items: start; min-height: 90px; padding: 12px 20px 17px; } .omia-preview-card__copy > b { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; color: #fff; font-size: 15px; background: #354780; border-radius: 50%; } .omia-preview-card h3 { margin: 1px 0 5px; color: #17204a; font-size: 14px; font-weight: 700; line-height: 1.25; } .omia-preview-card p { margin: 0; color: #666477; font-size: 10px; line-height: 1.45; } .omia-previews__button { display: flex; width: max-content; margin: 22px auto 0; } .omia-previews__button span { color: #efc766; font-size: 17px; } /* O AUTORKE */ .omia-author { position: relative; overflow: hidden; padding: 26px 0 30px; background: radial-gradient(circle at 19% 56%, rgba(195, 165, 213, .18), transparent 23%), radial-gradient(circle at 84% 58%, rgba(240, 204, 127, .13), transparent 24%), #fffaf5; } .omia-author__inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); align-items: center; gap: 36px; max-width: var(--omia-content-width); } .omia-author__visual { position: relative; display: flex; align-items: center; justify-content: center; min-width: 0; } .omia-author__visual::before, .omia-author__visual::after { position: absolute; color: #d9a537; content: "✦"; } .omia-author__visual::before { top: 14%; left: 2%; } .omia-author__visual::after { right: 1%; bottom: 15%; font-size: 11px; } .omia-author__visual img { display: block; width: 100%; max-width: 440px; height: 300px; object-fit: contain; mix-blend-mode: multiply; filter: drop-shadow(0 14px 18px rgba(56, 37, 80, .16)); } .omia-author__copy h2 { margin: 0 0 14px; color: #17204a; font-size: 29px; font-weight: 700; text-align: center; } .omia-author__copy > p { max-width: 510px; margin: 0; color: #4f5064; font-size: 12px; line-height: 1.7; } .omia-author blockquote { max-width: 530px; margin: 18px 0 20px; color: #d19b3d; font-size: clamp(21px, 2.1vw, 28px); font-style: italic; line-height: 1.35; } .omia-author__copy .omia-button { display: flex; width: max-content; margin-right: auto; margin-left: auto; } .omia-button--outline { color: #354780 !important; background: transparent; border-color: #354780; box-shadow: none; } .omia-button--outline:hover { color: #fff !important; background: #354780; border-color: #354780; } /* RECENZIE */ .omia-reviews { position: relative; overflow: hidden; padding: 30px 0 34px; background: #f6eff8; } .omia-reviews__stage { position: relative; padding: 0 44px; } .omia-reviews__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; } .omia-review-card { min-width: 0; min-height: 190px; padding: 20px 25px; color: #34364f; background: rgba(255, 253, 249, .94); border: 1px solid rgba(91, 69, 123, .08); border-radius: 15px; box-shadow: 0 9px 24px rgba(63, 45, 82, .07); } .omia-review-card__stars { margin-bottom: 10px; color: #e7aa3b; font-size: 17px; letter-spacing: 2px; text-align: center; } .omia-review-card blockquote { min-height: 82px; margin: 0; font-size: 12px; font-style: italic; line-height: 1.55; text-align: center; } .omia-review-card__author { display: flex; align-items: center; gap: 10px; width: max-content; max-width: 100%; margin: 14px auto 0; font-size: 10px; } .omia-review-card__author > b { display: flex; flex: 0 0 34px; align-items: center; justify-content: center; width: 34px; height: 34px; color: #fff; background: linear-gradient(145deg, #c38d68, #5d3c45); border: 2px solid #fff; border-radius: 50%; box-shadow: 0 3px 9px rgba(34, 24, 54, .18); } .omia-reviews__arrow { position: absolute; top: 50%; z-index: 2; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; color: #6b6290; font-size: 25px; background: rgba(255, 253, 249, .9); border: 1px solid rgba(91, 69, 123, .1); border-radius: 50%; cursor: pointer; transform: translateY(-50%); } .omia-reviews__arrow--prev { left: 0; } .omia-reviews__arrow--next { right: 0; } .omia-reviews__dots { display: flex; justify-content: center; gap: 7px; margin-top: 18px; } .omia-reviews__dots i { width: 8px; height: 8px; background: #d7cfdd; border-radius: 50%; } .omia-reviews__dots i.is-active { background: #674d9d; } /* FAQ + KONTAKT */ .omia-help { position: relative; overflow: hidden; padding: 28px 0 32px; background: radial-gradient(circle at 93% 8%, rgba(217, 180, 231, .2), transparent 31%), #f8f1f8; } .omia-help__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: stretch; } .omia-faq, .omia-contact-card { min-width: 0; padding: 25px 28px; background: rgba(255, 253, 249, .88); border: 1px solid rgba(91, 69, 123, .08); border-radius: 15px; box-shadow: 0 9px 22px rgba(58, 42, 77, .06); } .omia-faq h2, .omia-contact-card h2 { margin: 0 0 16px; color: #17204a; font-size: 26px; font-weight: 700; } .omia-faq__items { display: grid; gap: 7px; } .omia-faq__item { overflow: hidden; border: 1px solid #dfd0c3; border-radius: 7px; } .omia-faq__item > button { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 40px; padding: 0 14px; color: #3f435e; font-family: inherit; font-size: 11px; text-align: left; background: rgba(255, 253, 249, .94); border: 0; cursor: pointer; } .omia-faq__item > button b { position: relative; display: block; flex: 0 0 14px; width: 14px; height: 14px; margin-left: 12px; color: transparent; font-size: 0; line-height: 0; } .omia-faq__item > button b::before { position: absolute; top: 50%; left: 50%; width: 7px; height: 7px; content: ""; border-right: 1.5px solid #635f83; border-bottom: 1.5px solid #635f83; transform: translate(-50%, -68%) rotate(45deg); transform-origin: center; transition: transform .2s ease; } .omia-faq__answer { display: grid; grid-template-rows: 0fr; background: #fff; transition: grid-template-rows .24s ease; } .omia-faq__answer > p { overflow: hidden; margin: 0; padding: 0 14px; color: #666477; font-size: 10px; line-height: 1.5; transition: padding .24s ease; } .omia-faq__item.is-open .omia-faq__answer { grid-template-rows: 1fr; } .omia-faq__item.is-open .omia-faq__answer > p { padding-top: 2px; padding-bottom: 13px; } .omia-faq__item.is-open > button b::before { transform: translate(-50%, -30%) rotate(225deg); } .omia-faq__contact { margin: 13px 0 0; color: #6b6879; font-size: 9px; } .omia-faq__contact a { color: #5b4598; text-decoration: none; } .omia-contact-card { position: relative; display: grid; grid-template-columns: minmax(0, .9fr) minmax(230px, 1.1fr); align-items: center; overflow: hidden; background: radial-gradient(circle at 85% 45%, rgba(201, 164, 224, .28), transparent 35%), rgba(252, 247, 252, .94); } .omia-contact-card__copy { position: relative; z-index: 2; } .omia-contact-card__copy p { max-width: 300px; margin: 0 0 20px; color: #52546a; font-size: 11px; line-height: 1.65; } .omia-contact-card > img { position: absolute; right: -55px; bottom: -75px; width: 370px; height: 290px; object-fit: contain; filter: drop-shadow(0 10px 12px rgba(44, 28, 73, .15)); } /* ZÁVEREČNÉ CTA */ .omia-final-cta { position: relative; overflow: hidden; min-height: 350px; color: #fff; background: radial-gradient(circle at 14% 110%, rgba(114, 65, 158, .75), transparent 34%), radial-gradient(circle at 92% 0%, rgba(72, 47, 133, .4), transparent 32%), #07163f; } .omia-final-cta::before { position: absolute; top: -1px; right: 0; left: 0; z-index: 2; height: 138px; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 138' preserveAspectRatio='none'%3E%3Cpath fill='%23f8f1f8' d='M0 0H1600V12C1564 12 1559 48 1522 48C1487 48 1484 34 1451 34C1414 34 1408 70 1368 70C1329 70 1325 53 1290 53C1250 53 1243 92 1198 92C1156 92 1150 73 1112 73C1069 73 1060 112 1012 112C968 112 961 94 921 94C876 94 866 129 816 129C765 129 756 98 711 98C666 98 655 126 606 126C558 126 548 88 505 88C462 88 453 107 411 107C365 107 356 68 316 68C276 68 269 84 229 84C187 84 181 47 143 47C108 47 102 62 67 62C31 62 24 25 0 12Z'/%3E%3C/svg%3E"); background-position: top left; background-repeat: no-repeat; background-size: 100% 100%; pointer-events: none; } .omia-final-cta::after { position: absolute; inset: 0; content: ""; background-image: radial-gradient(circle, rgba(255, 224, 143, .82) 0 1px, transparent 1.4px), radial-gradient(circle, rgba(255, 255, 255, .48) 0 .7px, transparent 1.1px); background-position: 0 0, 12px 9px; background-size: 37px 37px, 29px 29px; opacity: .45; pointer-events: none; } .omia-final-cta__inner { z-index: 3; display: grid; grid-template-columns: minmax(300px, .9fr) minmax(0, 1.1fr) minmax(220px, .55fr); align-items: center; gap: 24px; min-height: 350px; padding-top: 125px; } .omia-final-cta__inner > img { align-self: end; width: 100%; max-width: 430px; height: 220px; object-fit: contain; filter: drop-shadow(0 10px 14px rgba(0, 0, 0, .25)); } .omia-final-cta__copy h2 { margin: 0 0 11px; color: #fff; font-size: clamp(24px, 2.1vw, 32px); font-weight: 700; line-height: 1.2; } .omia-final-cta__copy h2 span { color: #efb648; } .omia-final-cta__copy p { margin: 0; color: rgba(255, 255, 255, .86); font-size: 12px; line-height: 1.6; } .omia-final-cta__actions { display: grid; gap: 10px; } .omia-final-cta__actions form, .omia-final-cta__actions .omia-button { width: 100%; margin: 0; } .omia-button--gold { color: #17204a !important; background: #efc25f; border-color: #efc25f; } .omia-button--gold:hover { color: #17204a !important; background: #f4ce77; border-color: #f4ce77; } .omia-button--light-outline { color: #fff !important; background: transparent; border-color: rgba(255, 255, 255, .8); box-shadow: none; } .omia-button--light-outline:hover { color: #17204a !important; background: #fff; border-color: #fff; } /* VLASTNÁ PÄTIČKA */ body.in-index #footer, body.in-index .footer-newsletter-full-width { display: none !important; } .omia-site-footer { color: rgba(255, 255, 255, .78); background: #061437; } .omia-site-footer__grid { display: grid; grid-template-columns: 1.25fr .75fr 1.05fr .8fr 1.15fr; gap: 35px; padding-top: 34px; padding-bottom: 28px; } .omia-site-footer__brand p { margin: 2px 0 12px; color: #d9aa45; font-size: 8px; text-transform: uppercase; } .omia-site-footer__brand small { display: block; max-width: 240px; font-size: 9px; line-height: 1.55; } .omia-site-footer__logo { display: inline-block; color: #efbd5b !important; font-size: 42px; font-style: italic; font-weight: 700; line-height: 1; text-decoration: none !important; } .omia-site-footer__logo span { font-size: 12px; vertical-align: top; } .omia-site-footer h3 { margin: 4px 0 15px; color: #dcae50; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; } .omia-site-footer__grid > div:not(.omia-site-footer__brand) { display: flex; flex-direction: column; gap: 8px; } .omia-site-footer__grid a, .omia-site-footer__grid span { color: rgba(255, 255, 255, .78); font-size: 9px; line-height: 1.3; text-decoration: none; } .omia-site-footer__grid a:hover { color: #efc25f; } .omia-site-footer__socials { display: flex; gap: 8px; margin-top: 13px; } .omia-site-footer__socials a { display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; color: #fff; font-size: 13px; border: 1px solid rgba(255, 255, 255, .55); border-radius: 50%; } .omia-site-footer__bottom { display: flex; align-items: center; justify-content: space-between; min-height: 46px; color: rgba(255, 255, 255, .5); font-size: 8px; border-top: 1px solid rgba(255, 255, 255, .11); } /* RESPONSIVE – POKRAČOVANIE HOMEPAGE */ @media (max-width: 980px) { .omia-author__inner { max-width: var(--omia-content-width); } .omia-preview-card > img { height: 180px; } .omia-help__grid { grid-template-columns: minmax(0, 1fr); } .omia-contact-card { min-height: 280px; } .omia-final-cta__inner { grid-template-columns: minmax(240px, .8fr) minmax(0, 1.2fr) 210px; } .omia-site-footer__grid { grid-template-columns: 1.3fr repeat(2, 1fr); row-gap: 28px; } } @media (max-width: 760px) { .omia-final-cta::before { height: 74px; background-size: 100% 100%; } .omia-previews__grid, .omia-reviews__grid { grid-template-columns: minmax(0, 1fr); } .omia-preview-card { max-width: 520px; margin: 0 auto; } .omia-preview-card > img { height: auto; max-height: 270px; } .omia-author__inner { grid-template-columns: minmax(0, 1fr); gap: 12px; } .omia-author__visual img { height: auto; max-height: 340px; } .omia-author__copy { text-align: center; } .omia-author__copy > p, .omia-author blockquote { margin-right: auto; margin-left: auto; } .omia-review-card { min-height: 175px; } .omia-reviews__stage { padding: 0 38px; } .omia-contact-card { grid-template-columns: minmax(0, 1fr); min-height: 390px; } .omia-contact-card__copy { align-self: start; } .omia-contact-card > img { right: 50%; bottom: -72px; width: 370px; transform: translateX(50%); } .omia-final-cta__inner { grid-template-columns: minmax(0, 1fr); gap: 12px; padding-top: 76px; padding-bottom: 28px; text-align: center; } .omia-final-cta__inner > img { width: min(100%, 430px); height: 190px; margin: 0 auto; } .omia-final-cta__actions { width: min(100%, 330px); margin: 8px auto 0; } .omia-site-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .omia-site-footer__brand { grid-column: 1 / -1; } } @media (max-width: 520px) { .omia-previews, .omia-author, .omia-reviews, .omia-help { padding-top: 28px; padding-bottom: 28px; } .omia-section-title { font-size: 26px; } .omia-preview-card__copy { padding-right: 15px; padding-left: 15px; } .omia-author__copy h2, .omia-faq h2, .omia-contact-card h2 { font-size: 25px; } .omia-author blockquote { font-size: 21px; } .omia-faq, .omia-contact-card { padding: 22px 18px; } .omia-reviews__stage { padding: 0 28px; } .omia-reviews__arrow { width: 30px; height: 30px; } .omia-site-footer__grid { grid-template-columns: minmax(0, 1fr); text-align: center; } .omia-site-footer__brand { grid-column: auto; } .omia-site-footer__brand small { margin-right: auto; margin-left: auto; } .omia-site-footer__socials { justify-content: center; } .omia-site-footer__bottom { flex-direction: column; justify-content: center; gap: 5px; padding: 12px 0; text-align: center; } } /* ========================================================= OMIA – MODAL O AUTORKE A GALÉRIA UKÁŽOK ========================================================= */ body.omia-content-modal-open { overflow: hidden; } .omia-content-modal-layer[hidden] { display: none !important; } .omia-content-modal-layer { position: fixed; z-index: 100100; display: flex; align-items: center; justify-content: center; padding: 28px; background: rgba(3, 9, 32, .82); backdrop-filter: blur(7px); opacity: 0; transition: opacity .22s ease; inset: 0; } .omia-content-modal-layer.is-open { opacity: 1; } .omia-content-modal { position: relative; display: flex; overflow: hidden; width: min(980px, 100%); max-height: calc(100vh - 56px); color: #30324a; background: radial-gradient(circle at 92% 8%, rgba(209, 170, 231, .28), transparent 25%), radial-gradient(circle at 8% 94%, rgba(239, 192, 91, .14), transparent 26%), #fffaf7; border: 1px solid rgba(224, 179, 75, .56); border-radius: 24px; box-shadow: 0 28px 80px rgba(1, 7, 30, .46); opacity: 0; transform: translateY(18px) scale(.975); transition: opacity .22s ease, transform .22s ease; } .omia-content-modal-layer.is-open .omia-content-modal { opacity: 1; transform: translateY(0) scale(1); } .omia-content-modal__body { overflow-x: hidden; overflow-y: auto; width: 100%; overscroll-behavior: contain; } .omia-content-modal__close { position: absolute; top: 18px; right: 18px; z-index: 5; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0; color: #fff; background: rgba(23, 32, 74, .9); border: 1px solid rgba(255, 255, 255, .48); border-radius: 50%; box-shadow: 0 7px 18px rgba(23, 32, 74, .22); cursor: pointer; } .omia-content-modal__close span, .omia-content-modal__close span::before { position: absolute; width: 17px; height: 1.5px; content: ""; background: currentColor; } .omia-content-modal__close span { transform: rotate(45deg); } .omia-content-modal__close span::before { left: 0; transform: rotate(90deg); } .omia-content-modal__close:hover, .omia-content-modal__close:focus-visible { background: #5b4598; } .omia-content-modal__eyebrow { display: block; margin-bottom: 8px; color: #b98225; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; } .omia-content-modal h2 { margin: 0 0 18px; color: #17204a; font-size: clamp(28px, 3vw, 40px); line-height: 1.12; } .omia-content-modal h2 span { color: #dfa93e; } /* Rozšírený profil autorky */ .omia-author-modal { display: grid; grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr); min-height: 570px; } .omia-author-modal__visual { position: relative; display: flex; align-items: flex-end; justify-content: center; overflow: hidden; padding: 38px 20px 0; background: radial-gradient(circle at 50% 45%, rgba(255, 235, 173, .52), transparent 31%), linear-gradient(145deg, #efe7fa, #fff9f2); } .omia-author-modal__visual::before { position: absolute; top: 30px; left: 28px; color: #dfa93e; font-size: 25px; content: "✦"; } .omia-author-modal__visual img { position: relative; display: block; width: 100%; height: 100%; max-height: 540px; object-fit: contain; object-position: center bottom; filter: drop-shadow(0 16px 20px rgba(57, 35, 77, .2)); } .omia-author-modal__copy { align-self: center; padding: 58px 62px 50px 52px; } .omia-author-modal__copy p { margin: 0 0 15px; color: #55536a; font-size: 14px; line-height: 1.7; } .omia-author-modal__copy blockquote { margin: 24px 0 0; padding: 17px 20px; color: #b67b27; font-family: inherit; font-size: 20px; font-style: italic; line-height: 1.4; background: rgba(255, 246, 222, .76); border-left: 3px solid #e3b954; border-radius: 0 10px 10px 0; } /* Galéria ukážok */ .omia-gallery-modal { padding: 34px 42px 30px; } .omia-gallery-modal__heading { padding: 0 58px; text-align: center; } .omia-gallery-modal__heading h2 { margin-bottom: 8px; } .omia-gallery-modal__heading > p { margin: 0 auto 22px; color: #666477; font-size: 13px; } .omia-gallery-modal__stage { display: grid; grid-template-columns: 46px minmax(0, 1fr) 46px; align-items: center; gap: 14px; } .omia-gallery-modal__stage figure { overflow: hidden; margin: 0; background: #fff; border: 1px solid rgba(91, 69, 152, .12); border-radius: 15px; box-shadow: 0 14px 30px rgba(54, 37, 80, .13); } .omia-gallery-modal__stage figure > img { display: block; width: 100%; height: min(48vh, 460px); object-fit: contain; background: #f3ecf8; } .omia-gallery-modal__stage figcaption { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 13px 17px; color: #5d5a70; font-size: 11px; } .omia-gallery-modal__stage figcaption strong { color: #17204a; font-size: 13px; } .omia-gallery-modal__arrow { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; padding: 0 0 4px; color: #5b4598; font-family: inherit; font-size: 34px; background: #fff; border: 1px solid rgba(91, 69, 152, .22); border-radius: 50%; box-shadow: 0 7px 16px rgba(54, 37, 80, .09); cursor: pointer; } .omia-gallery-modal__arrow:hover, .omia-gallery-modal__arrow:focus-visible { color: #fff; background: #5b4598; } .omia-gallery-modal__footer { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 16px; } .omia-gallery-modal__thumbs { display: flex; justify-content: center; gap: 9px; } .omia-gallery-modal__thumb { position: relative; overflow: hidden; width: 88px; height: 58px; padding: 0; background: #fff; border: 2px solid transparent; border-radius: 7px; opacity: .62; cursor: pointer; } .omia-gallery-modal__thumb.is-active { border-color: #e2b64e; box-shadow: 0 0 0 2px rgba(91, 69, 152, .18); opacity: 1; } .omia-gallery-modal__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; } .omia-gallery-modal__thumb span { position: absolute; right: 3px; bottom: 3px; display: flex; align-items: center; justify-content: center; width: 17px; height: 17px; color: #fff; font-size: 9px; font-weight: 700; background: rgba(23, 32, 74, .85); border-radius: 50%; } .omia-gallery-modal__counter { color: #6b6680; font-size: 11px; font-weight: 700; } @media (max-width: 760px) { .omia-content-modal-layer { padding: 14px; } .omia-content-modal { max-height: calc(100vh - 28px); border-radius: 18px; } .omia-content-modal__close { top: 10px; right: 10px; width: 38px; height: 38px; } .omia-author-modal { grid-template-columns: minmax(0, 1fr); min-height: 0; } .omia-author-modal__visual { height: 260px; padding-top: 20px; } .omia-author-modal__copy { padding: 30px 25px 28px; } .omia-author-modal__copy p { font-size: 13px; } .omia-gallery-modal { padding: 24px 14px 22px; } .omia-gallery-modal__heading { padding: 0 38px; } .omia-gallery-modal__stage { grid-template-columns: 34px minmax(0, 1fr) 34px; gap: 5px; } .omia-gallery-modal__arrow { width: 34px; height: 34px; font-size: 27px; } .omia-gallery-modal__stage figure > img { height: min(42vh, 330px); } .omia-gallery-modal__stage figcaption { display: block; padding: 10px 12px; } .omia-gallery-modal__stage figcaption strong, .omia-gallery-modal__stage figcaption span { display: block; } .omia-gallery-modal__stage figcaption span { margin-top: 4px; } .omia-gallery-modal__thumb { width: 66px; height: 46px; } } @media (max-width: 430px) { .omia-content-modal h2 { font-size: 25px; } .omia-author-modal__visual { height: 215px; } .omia-author-modal__copy blockquote { font-size: 17px; } .omia-gallery-modal__heading > p { display: none; } .omia-gallery-modal__stage { grid-template-columns: minmax(0, 1fr); } .omia-gallery-modal__arrow { position: absolute; z-index: 2; top: 47%; } .omia-gallery-modal__arrow--prev { left: 19px; } .omia-gallery-modal__arrow--next { right: 19px; } .omia-gallery-modal__footer { flex-direction: column; gap: 7px; } } /* ========================================================= OMIA – STRÁNKA NÁKUPNÉHO KOŠÍKA ========================================================= */ /* Pôvodný Shoptet košík sa nezobrazí pred dokončením úprav v JS. */ body.in-kosik #cart-wrapper { opacity: 0; visibility: hidden; } body.in-kosik.omia-cart-page #cart-wrapper { opacity: 1; visibility: visible; } body.in-kosik.omia-cart-page { color: #17204a; background: #fffaf5; } body.in-kosik.omia-cart-page #content-wrapper { position: relative; overflow: hidden; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 30px 24px 72px !important; background: radial-gradient(circle at 4% 92%, rgba(139, 89, 190, .12), transparent 22%), radial-gradient(circle at 96% 86%, rgba(209, 150, 221, .15), transparent 24%), linear-gradient(180deg, #fffdf9 0%, #fffaf6 72%, #f8effa 100%) !important; } body.in-kosik.omia-cart-page #content-wrapper::before, body.in-kosik.omia-cart-page #content-wrapper::after { position: absolute; z-index: 0; color: #e8b94f; content: "✦"; pointer-events: none; } body.in-kosik.omia-cart-page #content-wrapper::before { right: 4.5%; bottom: 88px; font-size: 19px; } body.in-kosik.omia-cart-page #content-wrapper::after { bottom: 56px; left: 3.5%; font-size: 14px; } body.in-kosik.omia-cart-page #content-wrapper .content-wrapper-in, body.in-kosik.omia-cart-page #content-wrapper #content, body.in-kosik.omia-cart-page #content-wrapper .content-inner { position: relative; z-index: 1; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } body.in-kosik.omia-cart-page #content > h1.sr-only { display: none !important; } body.in-kosik.omia-cart-page .omia-cart-page-heading, body.in-kosik.omia-cart-page #cart-wrapper { width: min(100%, 1180px) !important; max-width: 1180px !important; margin-right: auto !important; margin-left: auto !important; } body.in-kosik.omia-cart-page .omia-cart-page-heading { margin-bottom: 22px !important; } body.in-kosik.omia-cart-page .omia-cart-page-heading h1 { display: flex; align-items: center; gap: 10px; margin: 0 0 9px !important; color: #17204a; font-family: inherit; font-size: clamp(27px, 3vw, 38px); font-weight: 700; line-height: 1.15; } body.in-kosik.omia-cart-page .omia-cart-page-heading h1 span { color: #e1aa39; font-size: .62em; } body.in-kosik.omia-cart-page .omia-cart-page-heading nav { display: flex; align-items: center; gap: 9px; color: #77717e; font-size: 12px; } body.in-kosik.omia-cart-page .omia-cart-page-heading a { color: inherit; text-decoration: none; } body.in-kosik.omia-cart-page .omia-cart-page-heading a:hover { color: #5b4598; } body.in-kosik.omia-cart-page #cart-wrapper .cart-header { display: none !important; } body.in-kosik.omia-cart-page #cart-wrapper .cart-inner, body.in-kosik.omia-cart-page #cart-wrapper .cart-row { width: 100% !important; margin: 0 !important; } body.in-kosik.omia-cart-page #cart-wrapper .cart-row { display: grid !important; grid-template-areas: "cart-products cart-summary"; grid-template-columns: minmax(0, 2.15fr) minmax(290px, .9fr); align-items: start; gap: 22px; } body.in-kosik.omia-cart-page #cart-wrapper .cart-row > .col-md-8, body.in-kosik.omia-cart-page #cart-wrapper .cart-row > .col-md-4 { float: none !important; width: 100% !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; flex: none !important; order: 0 !important; } body.in-kosik.omia-cart-page #cart-wrapper .cart-row > .col-md-8 { grid-area: cart-products !important; } body.in-kosik.omia-cart-page #cart-wrapper .cart-row > .col-md-4 { grid-area: cart-summary !important; align-self: start; } body.in-kosik.omia-cart-page #cart-wrapper .cart-row > .col-md-8 > .cart-content, body.in-kosik.omia-cart-page #cart-wrapper .summary-wrapper { overflow: hidden; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: rgba(255, 255, 255, .92) !important; border: 1px solid rgba(83, 67, 105, .13) !important; border-radius: 14px !important; box-shadow: 0 12px 30px rgba(41, 31, 72, .08) !important; } body.in-kosik.omia-cart-page .omia-cart-columns { display: grid; grid-template-columns: minmax(0, 1fr) 115px 130px 105px; gap: 14px; padding: 17px 28px 14px 48px; color: #696575; font-size: 10px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; border-bottom: 1px solid rgba(64, 53, 84, .11); } body.in-kosik.omia-cart-page #cart-wrapper .cart-table { display: block !important; width: 100% !important; margin: 0 !important; } body.in-kosik.omia-cart-page #cart-wrapper .cart-table tbody { display: block !important; } body.in-kosik.omia-cart-page #cart-wrapper .cart-table tr.removeable { position: relative; display: grid !important; grid-template-areas: "image name price quantity total"; grid-template-columns: 112px minmax(150px, 1fr) 115px 130px 105px; align-items: center; gap: 14px; min-height: 196px; padding: 24px 28px 24px 48px !important; border: 0 !important; border-bottom: 1px solid rgba(64, 53, 84, .1) !important; } body.in-kosik.omia-cart-page #cart-wrapper .cart-table td { display: block !important; width: auto !important; min-width: 0; margin: 0 !important; padding: 0 !important; text-align: left !important; border: 0 !important; } body.in-kosik.omia-cart-page #cart-wrapper .cart-p-image { grid-area: image; } body.in-kosik.omia-cart-page #cart-wrapper .cart-p-image a { display: flex; align-items: center; justify-content: center; width: 104px; height: 132px; background: #f5eff9; border-radius: 7px; box-shadow: 0 7px 15px rgba(23, 32, 74, .12); } body.in-kosik.omia-cart-page #cart-wrapper .cart-p-image img { width: 100% !important; height: 100% !important; padding: 4px; object-fit: contain; border-radius: inherit; } body.in-kosik.omia-cart-page #cart-wrapper .p-name { grid-area: name; } body.in-kosik.omia-cart-page #cart-wrapper .p-name .main-link { display: block; max-width: 220px; margin: 0 0 8px; color: #17204a !important; font-size: 17px; font-weight: 700; line-height: 1.3; text-decoration: none !important; } body.in-kosik.omia-cart-page .omia-cart-product-description { max-width: 185px; margin: 0 0 10px; color: #77717e; font-size: 12px; line-height: 1.45; } body.in-kosik.omia-cart-page #cart-wrapper .cart-p-availability { margin: 0 !important; } body.in-kosik.omia-cart-page #cart-wrapper .cart-p-availability .p-label { display: none !important; } body.in-kosik.omia-cart-page #cart-wrapper .availability-label { font-size: 11px; font-weight: 600; } body.in-kosik.omia-cart-page .omia-cart-product-heart { display: block; margin-top: 8px; color: #d59c2c; font-size: 20px; line-height: 1; } body.in-kosik.omia-cart-page #cart-wrapper .p-price { grid-area: price; } body.in-kosik.omia-cart-page #cart-wrapper .p-quantity { grid-area: quantity; } body.in-kosik.omia-cart-page #cart-wrapper .p-total { grid-area: total; } body.in-kosik.omia-cart-page #cart-wrapper .p-price .p-label, body.in-kosik.omia-cart-page #cart-wrapper .p-total .p-label, body.in-kosik.omia-cart-page #cart-wrapper .p-quantity .p-label, body.in-kosik.omia-cart-page #cart-wrapper .unit-value { display: none !important; } body.in-kosik.omia-cart-page #cart-wrapper .p-price .price-final, body.in-kosik.omia-cart-page #cart-wrapper .p-total .price-final { color: #6a469d !important; font-size: 15px; font-weight: 700; } body.in-kosik.omia-cart-page #cart-wrapper .p-quantity .quantity { display: grid !important; grid-template-areas: "minus input plus"; grid-template-columns: 34px 46px 34px; overflow: hidden; width: 116px !important; height: 42px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #dcd6df !important; border-radius: 8px !important; box-sizing: border-box !important; } body.in-kosik.omia-cart-page #cart-wrapper .p-quantity .quantity label { display: block; grid-area: input; width: 46px !important; height: 40px !important; } body.in-kosik.omia-cart-page #cart-wrapper .p-quantity .amount { width: 46px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; color: #17204a; font-family: inherit; font-size: 14px; font-weight: 600; text-align: center; background: #fff !important; border: 0 !important; border-right: 1px solid #e3dde6 !important; border-left: 1px solid #e3dde6 !important; border-radius: 0 !important; box-shadow: none !important; } body.in-kosik.omia-cart-page #cart-wrapper .p-quantity .increase, body.in-kosik.omia-cart-page #cart-wrapper .p-quantity .decrease { position: static !important; display: flex !important; align-items: center; justify-content: center; width: 34px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; color: #17204a !important; font-size: 16px; background: #fff !important; border: 0 !important; transform: none !important; } body.in-kosik.omia-cart-page #cart-wrapper .p-quantity .decrease { grid-area: minus; } body.in-kosik.omia-cart-page #cart-wrapper .p-quantity .increase { grid-area: plus; } body.in-kosik.omia-cart-page #cart-wrapper .p-quantity .increase__sign, body.in-kosik.omia-cart-page #cart-wrapper .p-quantity .decrease__sign { display: block !important; color: inherit !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1 !important; transform: none !important; } body.in-kosik.omia-cart-page #cart-wrapper .increase-tooltip, body.in-kosik.omia-cart-page #cart-wrapper .decrease-tooltip { display: none !important; } body.in-kosik.omia-cart-page #cart-wrapper .p-total > form { display: none !important; } body.in-kosik.omia-cart-page #cart-wrapper .p-name .delete-cart-item { position: absolute; top: 50%; left: 17px; display: block !important; transform: translateY(-50%); } body.in-kosik.omia-cart-page #cart-wrapper .p-name .remove-item { display: flex; align-items: center; justify-content: center; width: 24px !important; height: 24px !important; padding: 0 !important; color: transparent !important; background: transparent !important; border: 0 !important; } body.in-kosik.omia-cart-page #cart-wrapper .p-name .remove-item::before, body.in-kosik.omia-cart-page #cart-wrapper .p-name .remove-item::after { position: absolute; width: 11px; height: 1px; content: ""; background: #625d68; } body.in-kosik.omia-cart-page #cart-wrapper .p-name .remove-item::before { transform: rotate(45deg); } body.in-kosik.omia-cart-page #cart-wrapper .p-name .remove-item::after { transform: rotate(-45deg); } body.in-kosik.omia-cart-page #cart-wrapper .cart-summary { display: none !important; } body.in-kosik.omia-cart-page .omia-cart-card-footer { display: flex; align-items: center; min-height: 62px; padding: 0 28px; } body.in-kosik.omia-cart-page .omia-cart-back { color: #6a469d !important; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; text-decoration: none !important; } body.in-kosik.omia-cart-page .omia-cart-back span { margin-right: 8px; font-size: 16px; } body.in-kosik.omia-cart-page .checkout-box-wrapper { display: none !important; } body.in-kosik.omia-cart-page #cart-wrapper .summary-wrapper { padding: 24px 26px !important; background: radial-gradient(circle at 100% 0, rgba(208, 180, 231, .22), transparent 38%), linear-gradient(145deg, #fffdfb, #f8f0fb) !important; } body.in-kosik.omia-cart-page #cart-wrapper .summary-wrapper > h2 { margin: 0 0 20px !important; color: #28283a; font-family: inherit; font-size: 13px; font-weight: 800; letter-spacing: .09em; line-height: 1.2; text-transform: uppercase; } body.in-kosik.omia-cart-page #cart-wrapper .summary-wrapper > .box { margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body.in-kosik.omia-cart-page #cart-wrapper .omia-cart-subtotal, body.in-kosik.omia-cart-page #cart-wrapper .omia-cart-recap-row { display: flex !important; align-items: center; justify-content: space-between; min-height: 43px; margin: 0 !important; padding: 0 !important; color: #3a3740; font-size: 12px; border-bottom: 1px solid rgba(83, 67, 105, .12); } body.in-kosik.omia-cart-page #cart-wrapper .omia-cart-subtotal .price-label, body.in-kosik.omia-cart-page #cart-wrapper .omia-cart-subtotal .price, body.in-kosik.omia-cart-page #cart-wrapper .omia-cart-recap-row strong { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: #3a3740 !important; font-size: 12px; font-weight: 600; } body.in-kosik.omia-cart-page .omia-cart-shipping-row i { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; margin-left: 5px; color: #77717e; font-size: 9px; font-style: normal; border: 1px solid #aca4b3; border-radius: 50%; } body.in-kosik.omia-cart-page #cart-wrapper .omia-cart-total-row { min-height: 58px; border-bottom: 0; } body.in-kosik.omia-cart-page .omia-cart-total-row span { font-size: 14px; font-weight: 700; } body.in-kosik.omia-cart-page .omia-cart-total-row small { color: #8f8996; font-size: 9px; font-weight: 400; } body.in-kosik.omia-cart-page #cart-wrapper .omia-cart-total-row strong { color: #6a469d !important; font-size: 23px; font-weight: 800; } body.in-kosik.omia-cart-page #cart-wrapper .next-step { display: block !important; margin: 4px 0 0 !important; padding: 0 !important; } body.in-kosik.omia-cart-page #cart-wrapper .next-step-back { display: none !important; } body.in-kosik.omia-cart-page #cart-wrapper #continue-order-button { display: flex !important; align-items: center; justify-content: center; float: none !important; width: 100% !important; min-height: 48px; margin: 0 !important; padding: 0 20px !important; color: #fff !important; font-family: inherit; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; background: linear-gradient(135deg, #68479c, #7650aa) !important; border: 0 !important; border-radius: 7px !important; box-shadow: 0 7px 16px rgba(81, 55, 129, .2) !important; } body.in-kosik.omia-cart-page #cart-wrapper #continue-order-button::before { margin-right: 10px; content: "♧"; color: #efd179; font-size: 15px; line-height: 1; } body.in-kosik.omia-cart-page #cart-wrapper #continue-order-button::after { display: none !important; } body.in-kosik.omia-cart-page #cart-wrapper #continue-order-button:hover { background: linear-gradient(135deg, #7650aa, #68479c) !important; } body.in-kosik.omia-cart-page .omia-cart-dispatch-note { margin: 16px 0 0; color: #8a8490; font-size: 10px; text-align: center; } body.in-kosik.omia-cart-page .omia-cart-benefits { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 24px; padding: 24px 26px; background: radial-gradient(circle at 50% 0, rgba(248, 210, 117, .18), transparent 42%), rgba(255, 253, 247, .8); border: 1px solid rgba(218, 184, 123, .12); border-radius: 14px; } body.in-kosik.omia-cart-page .omia-cart-benefit { position: relative; display: flex; align-items: center; gap: 13px; min-width: 0; } body.in-kosik.omia-cart-page .omia-cart-benefit:not(:last-child)::after { position: absolute; top: 50%; right: 1px; color: #e1aa39; content: "✦"; font-size: 12px; transform: translateY(-50%); } body.in-kosik.omia-cart-page .omia-cart-benefit__icon { display: flex; flex: 0 0 49px; align-items: center; justify-content: center; width: 49px; height: 49px; color: #6f4da1; background: rgba(255, 255, 255, .72); border: 1px solid rgba(111, 77, 161, .15); border-radius: 50%; } body.in-kosik.omia-cart-page .omia-cart-benefit__icon svg { width: 31px; height: 31px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; } body.in-kosik.omia-cart-page .omia-cart-benefit strong, body.in-kosik.omia-cart-page .omia-cart-benefit small { display: block; } body.in-kosik.omia-cart-page .omia-cart-benefit strong { margin-bottom: 5px; color: #17204a; font-size: 12px; line-height: 1.2; } body.in-kosik.omia-cart-page .omia-cart-benefit small { color: #77717e; font-size: 9px; line-height: 1.45; } body.in-kosik.omia-cart-page .omia-cart-thanks { display: flex; flex-direction: column; align-items: center; gap: 7px; padding: 30px 16px 0; color: #aa79bf; font-size: 16px; font-style: italic; text-align: center; } body.in-kosik.omia-cart-page .omia-cart-thanks b { color: #e0aa35; font-size: 31px; font-style: normal; font-weight: 400; } @media (max-width: 1050px) { body.in-kosik.omia-cart-page #cart-wrapper .cart-row { grid-template-columns: minmax(0, 1fr) 300px; } body.in-kosik.omia-cart-page .omia-cart-columns { grid-template-columns: minmax(0, 1fr) 90px 112px 82px; padding-left: 42px; } body.in-kosik.omia-cart-page #cart-wrapper .cart-table tr.removeable { grid-template-columns: 92px minmax(130px, 1fr) 90px 112px 82px; padding-right: 20px !important; padding-left: 42px !important; } body.in-kosik.omia-cart-page #cart-wrapper .cart-p-image a { width: 86px; height: 112px; } } @media (max-width: 900px) { body.in-kosik.omia-cart-page #content-wrapper { padding-right: 16px !important; padding-left: 16px !important; } body.in-kosik.omia-cart-page #cart-wrapper .cart-row { grid-template-areas: "cart-products" "cart-summary"; grid-template-columns: minmax(0, 1fr); } body.in-kosik.omia-cart-page .omia-cart-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 24px; } body.in-kosik.omia-cart-page .omia-cart-benefit:nth-child(2)::after { display: none; } } @media (max-width: 680px) { body.in-kosik.omia-cart-page #content-wrapper { padding-top: 22px !important; padding-bottom: 48px !important; } body.in-kosik.omia-cart-page .omia-cart-columns { display: none; } body.in-kosik.omia-cart-page #cart-wrapper .cart-table tr.removeable { grid-template-areas: "image name name" "image price total" "image quantity quantity"; grid-template-columns: 92px minmax(0, 1fr) minmax(80px, 1fr); gap: 12px 16px; min-height: 0; padding: 22px 18px 22px 38px !important; } body.in-kosik.omia-cart-page #cart-wrapper .p-total { text-align: right !important; } body.in-kosik.omia-cart-page #cart-wrapper .p-name .main-link { max-width: none; font-size: 15px; } body.in-kosik.omia-cart-page .omia-cart-product-description { display: none; } body.in-kosik.omia-cart-page #cart-wrapper .p-name .delete-cart-item { left: 9px; } body.in-kosik.omia-cart-page .omia-cart-card-footer { padding: 0 18px; } body.in-kosik.omia-cart-page #cart-wrapper .summary-wrapper { padding: 22px 20px !important; } body.in-kosik.omia-cart-page .omia-cart-benefits { grid-template-columns: minmax(0, 1fr); padding: 22px 20px; } body.in-kosik.omia-cart-page .omia-cart-benefit::after { display: none !important; } body.in-kosik.omia-cart-page .omia-cart-thanks { font-size: 14px; } } /* ========================================================= OMIA ADD-TO-CART NOTIFICATION ========================================================= */ body.omia-cart-notice-open { overflow: hidden; } body.omia-cart-notice-open .omia-cart-notice-layer { position: fixed !important; inset: 0 !important; z-index: 100000 !important; display: flex !important; align-items: center; justify-content: center; width: auto !important; height: auto !important; padding: 24px; background: rgba(3, 7, 27, .72); backdrop-filter: blur(5px); pointer-events: auto; } body.omia-cart-notice-open .omia-cart-notice-layer .omia-cart-notice { position: relative !important; inset: auto !important; display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 8px; width: min(560px, calc(100vw - 32px)) !important; margin: 0 !important; padding: 20px 40px 32px !important; color: #fff !important; font-family: inherit; text-align: center; background: radial-gradient(circle at 13% 19%, rgba(255, 220, 128, .9) 0 1px, transparent 2px), radial-gradient(circle at 83% 23%, rgba(255, 232, 155, .8) 0 1px, transparent 2px), radial-gradient(circle at 24% 72%, rgba(255, 223, 121, .72) 0 1px, transparent 2px), radial-gradient(circle at 72% 68%, rgba(255, 232, 165, .75) 0 1px, transparent 2px), radial-gradient(circle at 48% 10%, rgba(111, 92, 185, .45), transparent 34%), linear-gradient(145deg, #111943 0%, #1d1d57 52%, #292160 100%) !important; border: 1px solid rgba(239, 197, 108, .78); border-radius: 22px; box-shadow: 0 30px 80px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .06); animation: omia-cart-notice-in .24s ease-out both; } body.omia-cart-notice-open .omia-cart-notice::before, body.omia-cart-notice-open .omia-cart-notice::after { display: none !important; } .omia-cart-notice__close { position: absolute; top: 13px; right: 15px; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; color: rgba(255, 255, 255, .82); font-family: inherit; font-size: 25px; font-weight: 300; line-height: 1; background: transparent; border: 0; border-radius: 50%; cursor: pointer; } .omia-cart-notice__close:hover { color: #fff; background: rgba(255, 255, 255, .1); } .omia-cart-notice__art { display: block; width: 290px; max-width: 78%; height: 185px; margin: -4px auto -1px; object-fit: contain; } .omia-cart-notice__content { width: 100%; } .omia-cart-notice__content strong { display: block; margin: 0; color: #fff; font-family: var(--template-headings-font, inherit); font-size: clamp(24px, 4vw, 30px); font-weight: 500; line-height: 1.18; } .omia-cart-notice__content strong > span { color: #efc56c; font-weight: 700; } .omia-cart-notice__heart { display: block; margin: 12px 0 9px; color: #efc56c; font-size: 18px; line-height: 1; } .omia-cart-notice__content p { margin: 0; color: rgba(255, 255, 255, .76); font-size: 13px; line-height: 1.55; } .omia-cart-notice__content p span { color: #efc56c; } .omia-cart-notice__actions { display: flex; grid-column: 1 / -1; align-items: center; justify-content: center; margin-top: 16px; } .omia-cart-notice__cart { display: flex; align-items: center; justify-content: center; gap: 11px; width: min(230px, 100%); min-height: 50px; padding: 0 20px; font-family: inherit; font-size: 12px; font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none !important; text-transform: uppercase; border-radius: 7px; cursor: pointer; } .omia-cart-notice__cart { color: #17204a !important; background: linear-gradient(180deg, #f5d77e, #e8bc55); border: 1px solid #f2cf70; box-shadow: 0 8px 20px rgba(0, 0, 0, .24); } .omia-cart-notice__cart svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; } .omia-cart-notice__cart:hover { color: #17204a !important; background: linear-gradient(180deg, #ffe59c, #efc767); transform: translateY(-1px); } @keyframes omia-cart-notice-in { from { opacity: 0; transform: translateY(12px) scale(.97); } to { opacity: 1; transform: translateY(0) scale(1); } } /* ========================================================= OMIA MINI CART ========================================================= */ @media (hover: hover) and (min-width: 768px) { #header #cart-widget.omia-mini-cart { position: absolute !important; top: calc(100% + 10px) !important; right: 40px !important; bottom: auto !important; left: auto !important; z-index: 10050 !important; display: block !important; overflow: visible !important; width: 390px !important; max-width: calc(100vw - 32px) !important; padding: 0 !important; color: #17204a; background: #fffdf9 !important; border: 1px solid rgba(239, 197, 108, .28); border-radius: 17px; box-shadow: 0 22px 55px rgba(5, 11, 42, .28); opacity: 0; visibility: hidden; transform: translateY(-8px) scale(.98) !important; transform-origin: top right; transition: opacity .18s ease, visibility .18s ease, transform .18s ease; pointer-events: none; } #header #cart-widget.omia-mini-cart::before { position: absolute; top: -8px; right: 18px; width: 16px; height: 16px; content: ""; background: #fffdf9; border-top: 1px solid rgba(239, 197, 108, .28); border-left: 1px solid rgba(239, 197, 108, .28); transform: rotate(45deg); } body.omia-mini-cart-open #header #cart-widget.omia-mini-cart { opacity: 1; visibility: visible; transform: translateY(0) scale(1) !important; pointer-events: auto; } #header #cart-widget.omia-mini-cart .cart-widget-inner, #header #cart-widget.omia-mini-cart .popup-widget-inner { overflow: hidden; width: 100% !important; max-height: calc(100vh - 125px); padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: inherit; box-shadow: none !important; } #header .omia-mini-cart__header { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px 14px; border-bottom: 1px solid rgba(52, 54, 82, .1); } #header .omia-mini-cart__header strong { color: #17204a; font-size: 19px; font-weight: 700; line-height: 1.2; } #header .omia-mini-cart__header > span { color: #8a8496; font-size: 12px; line-height: 1; } #header .omia-mini-cart__header b { color: #c89435; } #header #cart-widget.omia-mini-cart .cart-widget-products { overflow-y: auto; max-height: 310px; margin: 0; padding: 0 20px; } #header #cart-widget.omia-mini-cart .cart-widget-products-inner { width: 100%; } #header #cart-widget.omia-mini-cart .cart-widget-product { position: relative; display: grid !important; grid-template-areas: "image info delete" "image amount delete"; grid-template-columns: 70px minmax(0, 1fr) 28px; gap: 9px 14px; width: 100% !important; padding: 18px 0 !important; border: 0 !important; border-bottom: 1px solid rgba(52, 54, 82, .09) !important; } #header #cart-widget.omia-mini-cart .cart-widget-product:last-child { border-bottom: 0 !important; } #header #cart-widget.omia-mini-cart .cart-widget-product-image { grid-area: image; width: 70px !important; height: 70px !important; margin: 0 !important; } #header #cart-widget.omia-mini-cart .cart-widget-product-image a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: #f4eff8; border-radius: 10px; } #header #cart-widget.omia-mini-cart .cart-widget-product-image img { width: 100% !important; height: 100% !important; padding: 4px; object-fit: contain; border-radius: 10px; } #header #cart-widget.omia-mini-cart .cart-widget-product-name-and-price { display: flex !important; grid-area: info; flex-direction: column; gap: 5px; min-width: 0; padding: 0 !important; text-align: left !important; } #header #cart-widget.omia-mini-cart .cart-widget-product-name, #header #cart-widget.omia-mini-cart .cart-widget-product-price { width: auto !important; margin: 0 !important; padding: 0 !important; text-align: left !important; } #header #cart-widget.omia-mini-cart .cart-widget-product-name a { display: block; overflow: hidden; color: #17204a !important; font-size: 13px; font-weight: 700; line-height: 1.3; text-decoration: none !important; text-overflow: ellipsis; } #header #cart-widget.omia-mini-cart .cart-widget-product-price strong { color: #c89435; font-size: 14px; font-weight: 700; } #header #cart-widget.omia-mini-cart .cart-widget-product-amount { grid-area: amount; width: auto !important; margin: 0 !important; padding: 0 !important; } #header #cart-widget.omia-mini-cart .quantity { display: grid !important; grid-template-areas: "minus input plus"; grid-template-columns: 34px 46px 34px; grid-template-rows: 40px; gap: 0 !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box !important; overflow: hidden; width: 116px !important; height: 42px !important; border: 1px solid #ddd6e4 !important; border-radius: 7px; } #header #cart-widget.omia-mini-cart .quantity label { display: block; grid-area: input; width: 46px !important; height: 40px !important; min-width: 0 !important; padding: 0 !important; box-sizing: border-box !important; margin: 0 !important; } #header #cart-widget.omia-mini-cart .quantity .amount { width: 46px !important; height: 40px !important; min-width: 0 !important; margin: 0 !important; box-sizing: border-box !important; appearance: textfield; padding: 0 !important; color: #17204a; font-family: inherit; font-size: 12px; font-weight: 700; text-align: center; background: #fff; border: 0 !important; border-right: 1px solid #e4dee9 !important; border-left: 1px solid #e4dee9 !important; border-radius: 0 !important; box-shadow: none !important; } #header #cart-widget.omia-mini-cart .quantity .increase, #header #cart-widget.omia-mini-cart .quantity .decrease { position: static !important; display: flex !important; align-items: center; justify-content: center; width: 34px !important; height: 40px !important; min-width: 0 !important; box-sizing: border-box !important; margin: 0 !important; padding: 0 !important; color: #17204a; font-family: inherit; font-size: 16px; background: transparent !important; border: 0 !important; transform: none !important; } #header #cart-widget.omia-mini-cart .quantity .increase { grid-area: plus; } #header #cart-widget.omia-mini-cart .quantity .increase__sign, #header #cart-widget.omia-mini-cart .quantity .decrease__sign { position: static !important; margin: 0 !important; transform: none !important; font-size: 18px !important; line-height: 1 !important; } #header #cart-widget.omia-mini-cart .quantity input::-webkit-inner-spin-button, #header #cart-widget.omia-mini-cart .quantity input::-webkit-outer-spin-button { appearance: none; margin: 0; } #header #cart-widget.omia-mini-cart .quantity .decrease { grid-area: minus; } #header #cart-widget.omia-mini-cart .quantity .increase:hover, #header #cart-widget.omia-mini-cart .quantity .decrease:hover { color: #5b4598; background: #f3eef8 !important; } #header #cart-widget.omia-mini-cart .increase-tooltip, #header #cart-widget.omia-mini-cart .decrease-tooltip, #header #cart-widget.omia-mini-cart .cart-widget-product-unit { display: none !important; } #header #cart-widget.omia-mini-cart .cart-widget-product-delete { grid-area: delete; align-self: start; width: 28px !important; margin: 0 !important; padding: 0 !important; } #header #cart-widget.omia-mini-cart .remove-item { display: flex; align-items: center; justify-content: center; width: 28px !important; height: 28px !important; padding: 0 !important; color: #8a8496 !important; background: transparent !important; border: 0 !important; border-radius: 50%; } #header #cart-widget.omia-mini-cart .remove-item:hover { color: #5b4598 !important; background: #f3eef8 !important; } #header #cart-widget.omia-mini-cart .cart-widget-bottom { display: flex !important; flex-direction: column; padding: 15px 20px 20px !important; background: #faf7fb; border-top: 1px solid rgba(52, 54, 82, .09); } #header #cart-widget.omia-mini-cart .cart-free-shipping { order: -1; margin: 0 0 12px !important; padding: 0 !important; color: #6f697d; font-size: 11px; text-align: center; } #header #cart-widget.omia-mini-cart .cart-widget-button { width: 100% !important; margin: 0 !important; padding: 0 !important; } #header #cart-widget.omia-mini-cart .cart-widget-button .btn { display: flex; align-items: center; justify-content: center; width: 100% !important; min-height: 46px; padding: 0 18px !important; color: #fff !important; font-size: 12px; font-weight: 700; text-transform: uppercase; background: #5b4598 !important; border: 0 !important; border-radius: 8px; box-shadow: 0 7px 15px rgba(72, 52, 125, .18); } #header #cart-widget.omia-mini-cart .cart-widget-button .btn:hover { background: #6b54aa !important; } } @media (max-width: 600px) { body.omia-cart-notice-open .omia-cart-notice-layer { padding: 16px; } body.omia-cart-notice-open .omia-cart-notice-layer .omia-cart-notice { grid-template-columns: minmax(0, 1fr); gap: 6px; padding: 18px 18px 24px !important; border-radius: 17px; } .omia-cart-notice__art { width: 235px; max-width: 88%; height: 150px; margin-top: 0; } .omia-cart-notice__content strong { font-size: 22px; } .omia-cart-notice__content p { font-size: 13px; } .omia-cart-notice__cart { width: min(220px, 100%); } } /* OMIA v39 — košík a natívna pokladňa, bez zmeny nákupnej logiky. */ body.ordering-process { background: #f8effa; color: #17204a; } body.ordering-process .overall-wrapper { display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; background: #f8effa; box-sizing: border-box; } body.ordering-process #header { flex: 0 0 auto; } body.ordering-process #content-wrapper { flex: 1 0 auto; width: 100% !important; max-width: none !important; margin: 0 !important; background: radial-gradient(circle at 4% 92%, rgba(139, 89, 190, .12), transparent 22%), radial-gradient(circle at 96% 86%, rgba(209, 150, 221, .15), transparent 24%), linear-gradient(180deg, #fffdf9 0%, #fffaf6 72%, #f8effa 100%) !important; } /* Menu začína za logom, nie uprostred voľnej šírky. */ @media (min-width: 768px) { body.ordering-process #header :is(.header-bottom-wrapper, #navigation, .menu-level-1, .menu-level-1 > li, .menu-level-1 > li > a) { height: 100% !important; } body.ordering-process #header .navigation-in, body.ordering-process #header .menu-level-1 { justify-content: flex-start !important; } } @media (min-width: 1200px) { body.ordering-process #header .header-bottom { left: max(calc(var(--omia-page-gutter) + 190px), calc((100% - var(--omia-content-width)) / 2 + 190px)); width: min(800px, calc(100% - 330px)); transform: none; } } /* Platí iba pre dva formulárové kroky; ďakovná stránka ostáva natívna. */ body:is(.in-krok-1, .in-krok-2) #content-wrapper { padding: 34px 24px 64px !important; } body:is(.in-krok-1, .in-krok-2) #content-wrapper .content-wrapper-in, body:is(.in-krok-1, .in-krok-2) #content, body:is(.in-krok-1, .in-krok-2) .content-inner { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0; min-width: 0; } body:is(.in-krok-1, .in-krok-2) #content > h1.sr-only { position: static; clip: auto; clip-path: none; overflow: visible; width: auto; height: auto; margin: 0 0 28px; padding: 0; white-space: normal; color: #17204a; font-family: inherit; font-size: clamp(26px, 3vw, 38px); line-height: 1.2; } body:is(.in-krok-1, .in-krok-2) #content > h1::after { content: ' ✦'; color: #dfb34e; font-size: .65em; } body:is(.in-krok-1, .in-krok-2) .cart-row { display: grid; grid-template-columns: minmax(0, 2.15fr) minmax(290px, .9fr); align-items: start; gap: 24px; margin: 0; } body:is(.in-krok-1, .in-krok-2) .cart-row::before, body:is(.in-krok-1, .in-krok-2) .cart-row::after { display: none; } body:is(.in-krok-1, .in-krok-2) :is(#checkoutContent, #checkoutSidebar) { float: none; width: 100%; min-width: 0; padding: 0; margin: 0; } body:is(.in-krok-1, .in-krok-2) .cart-content { padding: 0; } body:is(.in-krok-1, .in-krok-2) .cart-inner { padding-top: 0; } body:is(.in-krok-1, .in-krok-2) #checkoutSidebar > .cart-content { padding: 0 !important; background: transparent !important; } body:is(.in-krok-1, .in-krok-2) .cart-header { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0 0 24px; padding: 0; border: 0; counter-reset: omia-step; } body:is(.in-krok-1, .in-krok-2) .cart-header .step { display: block; width: auto; min-width: 0; padding: 0; border: 0; font-size: 12px; counter-increment: omia-step; } body:is(.in-krok-1, .in-krok-2) .cart-header .step::before, body:is(.in-krok-1, .in-krok-2) .cart-header .step::after { display: none; } body:is(.in-krok-1, .in-krok-2) .cart-header .step > :is(a, strong) { display: flex; align-items: center; gap: 9px; height: 100%; min-height: 66px; padding: 12px; color: #68657d; background: rgba(255,255,255,.8); border: 1px solid #e6deeb; border-radius: 12px; font-size: inherit; line-height: 1.4; text-decoration: none; } body:is(.in-krok-1, .in-krok-2) .cart-header .step > :is(a, strong)::before { position: static; display: grid; place-items: center; flex: 0 0 26px; width: 26px; height: 26px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: #eee7f4; color: #624897; font-size: 12px; line-height: 1; content: counter(omia-step); } body:is(.in-krok-1, .in-krok-2) .cart-header .step > :is(a, strong)::after { display: none; } body:is(.in-krok-1, .in-krok-2) .cart-header .active > strong { background: #f1eaf7; border-color: #aa8bc4; color: #513b83; } body:is(.in-krok-1, .in-krok-2) .cart-header .active > strong::before { color: #fff; background: #69509e; } body:is(.in-krok-1, .in-krok-2) #checkoutContent .co-box, body:is(.in-krok-1, .in-krok-2) #summary-box { margin: 0 0 20px; padding: 26px; border: 1px solid rgba(83,67,105,.13); border-radius: 14px; background: rgba(255,255,255,.94); box-shadow: 0 12px 30px rgba(41,31,72,.06); } body:is(.in-krok-1, .in-krok-2) #summary-box { background: linear-gradient(135deg, #fffdfb, #f1eaf8); } body:is(.in-krok-1, .in-krok-2) #checkoutSidebar .order-summary { display: flex; flex-direction: column; } /* Pomocný kontakt zachováme, ale až pod samotným súhrnom. */ body:is(.in-krok-1, .in-krok-2) #checkoutSidebar .checkout-box { order: 2; } body:is(.in-krok-1, .in-krok-2) .co-box h2 { margin: 0 0 20px; color: #17204a; font-family: inherit; font-size: 21px; line-height: 1.35; } body:is(.in-krok-1, .in-krok-2) #summary-box > h2 { margin: 0 0 22px; color: #17204a; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; } body:is(.in-krok-1, .in-krok-2) .shipping-billing-table .radio-wrapper { margin: 10px 0 0; border: 1px solid #e7dfec; border-radius: 10px; background: #fff; } body:is(.in-krok-1, .in-krok-2) .shipping-billing-table .radio-wrapper:has(input:checked) { border-color: #a58ac4; background: #f7f1fb; } body:is(.in-krok-1, .in-krok-2) .shipping-billing-table .radio-wrapper > label { min-height: 74px; margin: 0; padding-top: 16px; padding-bottom: 16px; color: #17204a; } body:is(.in-krok-1, .in-krok-2) .shipping-billing-name { font-size: 14px; } body:is(.in-krok-1, .in-krok-2) .payment-shipping-price { color: #69509e; } body:is(.in-krok-1, .in-krok-2) #content .form-control { border-color: #dcd3e5; border-radius: 8px; background-color: #fff; color: #17204a; font-family: inherit; } body:is(.in-krok-1, .in-krok-2) #content .form-control:focus { border-color: #8061af; box-shadow: 0 0 0 3px rgba(128,97,175,.14); } body:is(.in-krok-1, .in-krok-2) #content :is(input, button, a, select):focus-visible { outline: 2px solid #8061af; outline-offset: 3px; } body:is(.in-krok-1, .in-krok-2) #content :is(input[type=radio], input[type=checkbox]) { accent-color: #69509e; } body:is(.in-krok-1, .in-krok-2) #summary-box .cart-item { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 10px; padding: 14px 0; border-bottom: 1px solid #e5ddec; font-size: 13px; } body:is(.in-krok-1, .in-krok-2) #summary-box .cart-item > div { width: auto; padding: 0; overflow-wrap: anywhere; } body:is(.in-krok-1, .in-krok-2) #summary-box .order-summary-item { border-color: #e5ddec; } body:is(.in-krok-1, .in-krok-2) #summary-box .price-primary.price { color: #73509f; font-size: 25px; } body:is(.in-krok-1, .in-krok-2) #content .next-step { display: flex; flex-direction: row; flex-wrap: wrap; gap: 12px; padding: 0; margin: 18px 0; border: 0; background: transparent; } body:is(.in-krok-1, .in-krok-2) #content .next-step .next-step-forward { flex: 1 1 180px; min-height: 48px; margin: 0; padding: 14px 18px; border: 1px solid #69509e; border-radius: 8px; background: #69509e; color: #fff; box-shadow: 0 7px 16px rgba(73,48,117,.17); font-family: inherit; font-size: 14px; white-space: normal; } body:is(.in-krok-1, .in-krok-2) #content .next-step .next-step-forward:hover { background: #543b86; } body:is(.in-krok-1, .in-krok-2) #content .next-step .next-step-back { margin: 0; padding: 14px; border: 1px solid #dcd3e5; border-radius: 8px; color: #69509e; background: #fffdfb; font-size: 14px; } @media (max-width: 900px) { body:is(.in-krok-1, .in-krok-2) .cart-row { grid-template-columns: minmax(0,1fr); } } @media (max-width: 767px) { body:is(.in-krok-1, .in-krok-2) #content-wrapper { padding: 24px 16px 40px !important; } body:is(.in-krok-1, .in-krok-2) #checkoutContent .co-box, body:is(.in-krok-1, .in-krok-2) #summary-box { padding: 18px; } body:is(.in-krok-1, .in-krok-2) .cart-header .step > :is(a,strong) { flex-direction: column; text-align: center; padding: 10px 5px; gap: 6px; font-size: 11px; } body:is(.in-krok-1, .in-krok-2) .co-box h2 { font-size: 19px; } body:is(.in-krok-1, .in-krok-2) .shipping-billing-table .radio-wrapper > label { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding-right: 10px; } body:is(.in-krok-1, .in-krok-2) .shipping-billing-table .payment-info { grid-column: 1 / -1; width: auto; } body:is(.in-krok-1, .in-krok-2) .shipping-billing-table .payment-logo { grid-column: 1; grid-row: 2; width: auto; padding: 0; text-align: left; } body:is(.in-krok-1, .in-krok-2) .shipping-billing-table .payment-shipping-price { grid-column: 2; grid-row: 2; align-self: center; width: auto; } body:is(.in-krok-1, .in-krok-2) #content .next-step .next-step-forward { flex: 1 1 100%; } } /* OMIA editorial homepage v60. Cart and checkout retain their existing styles. */ body.in-index.omia-editorial { background:#fbf5ef!important; color:#222440; } .omia-editorial #omia-editorial { --oe-ink:#222440; --oe-cream:#fbf5ef; color:var(--oe-ink); background:var(--oe-cream); font:17px/1.5 Georgia,serif; width:100%; } .omia-editorial #omia-editorial * { box-sizing:border-box; } .omia-editorial #omia-editorial h1,.omia-editorial #omia-editorial h2,.omia-editorial #omia-editorial h3 { font-family:Georgia,serif; font-weight:400; letter-spacing:-.035em; line-height:1.14; color:inherit; margin:0 0 16px; text-transform:none; } .omia-editorial #omia-editorial h1 { font-size:clamp(36px,4vw,60px); } .omia-editorial #omia-editorial h2 { font-size:clamp(27px,3.1vw,42px); } .omia-editorial #omia-editorial h3 { font-size:clamp(25px,2.7vw,35px); } .omia-editorial #omia-editorial p { margin:0 0 20px; } .omia-editorial #omia-editorial a { color:inherit; text-decoration:none; } .omia-editorial .oe-wrap { width:88%; max-width:1320px; margin:0 auto; } .omia-editorial .oe-hero { position:relative; min-height:550px; height:min(53vw,790px); background:#f3eade; } .omia-editorial .oe-hero-art { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; } .omia-editorial .oe-hero-inner { position:relative; height:100%; display:flex; align-items:center; padding-top:92px; } .omia-editorial .oe-hero-copy { width:47%; padding-bottom:20px; } .omia-editorial #omia-editorial .oe-hero-copy>p:not(.oe-hand) { font-size:clamp(17px,1.65vw,22px); line-height:1.45; } .omia-editorial #omia-editorial .oe-pill { display:inline-flex; align-items:center; justify-content:center; gap:16px; border:0; border-radius:40px; background:#f5d787; color:#28273d; padding:13px 30px; font:600 13px/1.3 Arial,sans-serif; letter-spacing:1px; text-transform:uppercase; cursor:pointer; box-shadow:none; min-height:44px; } .omia-editorial #omia-editorial .oe-pill:hover { background:#edc768; transform:translateY(-1px); } .omia-editorial #omia-editorial :focus-visible { outline:2px solid #645194; outline-offset:4px; } .omia-editorial #omia-editorial .oe-hand { font-family:Neucha,"Segoe Print",cursive; font-size:23px; line-height:1.35; font-style:italic; } .omia-editorial #omia-editorial .oe-motto { margin-top:26px; margin-bottom:0; max-width:300px; text-align:center; transform:rotate(-5deg); color:#6c635e; } .omia-editorial .oe-motto:before { content:""; display:block; width:28px; height:1px; background:#a69b92; margin-bottom:18px; } .omia-editorial .oe-books { position:relative; isolation:isolate; padding:84px 0; } .omia-editorial .oe-book-stars { position:absolute; inset:0; z-index:0; pointer-events:none; overflow:hidden; } .omia-editorial .oe-book-stars .oe-star { position:absolute; display:block; width:auto; height:auto; object-fit:contain; opacity:.22; mix-blend-mode:multiply; } .omia-editorial .oe-book-stars .oe-star-a { width:88px; left:3%; top:13%; transform:rotate(-12deg); } .omia-editorial .oe-book-stars .oe-star-b { width:62px; right:7%; top:24%; transform:rotate(14deg); } .omia-editorial .oe-book-stars .oe-star-c { width:74px; left:31%; bottom:8%; transform:rotate(8deg); } .omia-editorial .oe-book-stars .oe-star-d { width:54px; right:30%; bottom:14%; transform:rotate(-18deg); } .omia-editorial .oe-book-stars .oe-star-e { width:42px; left:15%; top:55%; transform:rotate(22deg); } .omia-editorial .oe-book-stars .oe-star-f { width:52px; right:18%; top:66%; transform:rotate(-9deg); } .omia-editorial .oe-book-stars .oe-star-g { width:38px; left:48%; top:7%; transform:rotate(14deg); } .omia-editorial .oe-book-stars .oe-star-h { width:46px; right:3%; bottom:8%; transform:rotate(28deg); } .omia-editorial .oe-section-heading, .omia-editorial .oe-book-feature { position:relative; z-index:1; } .omia-editorial .oe-section-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:16px; } .omia-editorial #omia-editorial .oe-eyebrow { font:11px/1.4 Georgia,serif; letter-spacing:3px; text-transform:uppercase; margin:0 0 9px; } .omia-editorial #omia-editorial .oe-link { font:11px/1.5 Arial,sans-serif; letter-spacing:1.2px; text-transform:uppercase; border-bottom:1px solid #d4c9bc; padding-bottom:4px; } .omia-editorial .oe-book-grid { display:grid; grid-template-columns:26% 31% 1fr; align-items:center; gap:4%; } .omia-editorial .oe-cover { position:relative; display:block; } .omia-editorial .oe-cover img { width:100%; height:290px; object-fit:contain; mix-blend-mode:multiply; } .omia-editorial .oe-badge { position:absolute; right:0; top:0; background:#f5d787; border-radius:50%; width:80px; height:80px; display:grid; place-items:center; font:11px Arial,sans-serif; letter-spacing:1px; text-transform:uppercase; } .omia-editorial .oe-book-copy { padding-right:12%; } .omia-editorial .oe-soon { background:#f2eae2; min-height:255px; border-radius:4px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#756e66; font-size:20px; } .omia-editorial .oe-book-feature { grid-template-columns:1fr 2.25fr; gap:7%; align-items:center; } .omia-editorial .oe-book-feature .oe-cover { width:250px; justify-self:center; } .omia-editorial .oe-book-feature .oe-cover img { width:250px; height:250px; } .omia-editorial .oe-book-feature .oe-book-copy { padding-right:4%; } .omia-editorial .oe-book-feature .oe-book-copy h2 { font-size:clamp(28px,3vw,42px); text-align:left; margin:0 0 18px; } .omia-editorial .oe-book-feature .oe-book-copy h3 { font-size:clamp(25px,2.8vw,38px); } .omia-editorial .oe-book-feature .oe-book-copy h3 span { color:#efbf4a; font-size:.7em; } .omia-editorial .oe-heading-heart { color:#d6938d; font-size:.7em; margin-left:.12em; } .omia-editorial .oe-book-feature .oe-cover { background:transparent!important; } .omia-editorial .oe-book-feature .oe-cover img { mix-blend-mode:multiply; } .omia-editorial .oe-book-feature .oe-cover .oe-badge { right:-10px; top:-8px; z-index:2; } .omia-editorial .oe-book-feature .oe-book-copy p { font-size:15px; line-height:1.45; margin:0 0 9px; } .omia-editorial .oe-book-more { display:inline-block; margin:0 0 18px; } .omia-editorial .oe-book-specs { display:grid; grid-template-columns:repeat(4,max-content); justify-content:start; gap:0; margin:20px 0 12px; } .omia-editorial .oe-book-specs>div { min-width:130px; text-align:center; border-left:1px solid #e5d7c9; padding:0 18px; } .omia-editorial .oe-book-specs>div:first-child { border-left:0; padding-left:0; } .omia-editorial .oe-book-specs img { display:block; width:90px; height:90px; object-fit:contain; margin:0 auto 7px; } .omia-editorial .oe-book-specs small,.omia-editorial .oe-book-specs b { display:block; font:10px/1.25 Arial,sans-serif; } .omia-editorial .oe-book-specs b { font-weight:400; color:#706a65; margin-top:3px; } .omia-editorial .oe-book-price { font-size:20px!important; color:#222440; margin-top:10px!important; } .omia-editorial .oe-book-purchase-row { display:flex; align-items:center; gap:30px; margin-top:50px; } .omia-editorial .oe-book-purchase-row .oe-book-price { margin:0!important; white-space:nowrap; } .omia-editorial .oe-book-actions { display:flex; align-items:center; flex-wrap:nowrap; gap:30px; margin:0; } .omia-editorial .oe-book-cart { margin:0; } .omia-editorial .oe-book-cart-button { border:0; border-radius:22px; background:#d98f91; color:#fffdf9; padding:11px 18px; font:600 11px Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; cursor:pointer; white-space:nowrap; } .omia-editorial .oe-book-cart-button .oe-cart-icon { width:16px; height:16px; margin-left:7px; vertical-align:-3px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } .omia-editorial .oe-book-actions .oe-link { white-space:nowrap; } .omia-editorial .oe-book-quote { min-height:220px; position:relative; overflow:hidden; background:linear-gradient(145deg,#f6e6d8,#f1dfcf); padding:30px 28px; color:#75615c; } .omia-editorial .oe-book-quote>span { display:block; font:54px/30px Georgia,serif; color:#d6938d; } .omia-editorial .oe-book-quote p { position:relative; z-index:1; font-size:19px; line-height:1.28; margin:0; } .omia-editorial .oe-book-quote small { display:block; margin-top:14px; font:italic 12px Georgia,serif; } .omia-editorial .oe-book-quote img { position:absolute; right:-16px; bottom:-42px; width:180px; opacity:.52; mix-blend-mode:multiply; } .omia-editorial .oe-branch { width:55px; height:110px; color:#a49a89; } .omia-editorial .oe-quote { position:relative; height:clamp(190px,18vw,270px); background:#242440; overflow:hidden; } .omia-editorial .oe-quote>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 42%; } .omia-editorial .oe-quote .oe-wrap { height:100%; display:flex; align-items:center; justify-content:flex-end; position:relative; } .omia-editorial #omia-editorial blockquote { width:40%; padding:0; margin:0; color:#f6ead7; font:clamp(21px,2.3vw,32px)/1.5 Georgia,serif; text-align:center; border:0; } .omia-editorial .oe-author { display:grid; grid-template-columns:45% 55%; min-height:320px; } .omia-editorial .oe-author-image { position:relative; background:#ede3d6; overflow:hidden; } .omia-editorial .oe-author-image img { width:100%; height:100%; object-fit:cover; display:block; max-height:410px; } .omia-editorial .oe-author-image .oe-hand { position:absolute; top:24%; left:6%; background:#fbf5efdb; padding:12px; border-radius:6px; transform:rotate(-9deg); } .omia-editorial .oe-author-copy { padding:38px 20% 30px 8%; position:relative; align-self:center; } .omia-editorial .oe-author-copy>p:not(.oe-eyebrow) { font-size:16px; } .omia-editorial .oe-author-copy>.oe-branch { position:absolute; right:5%; bottom:15%; height:190px; width:90px; opacity:.55; } .omia-editorial .oe-author-actions { display:flex; align-items:center; gap:24px; flex-wrap:wrap; } .omia-editorial .oe-newsletter { position:relative; background:#f2e9df; padding:35px 0; border-radius:45% 15% 25% 10% / 12% 20% 15% 10%; } .omia-editorial .oe-newsletter>.oe-wrap { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:45px; } .omia-editorial #omia-editorial .oe-newsletter h2 { font-size:25px; margin-bottom:4px; } .omia-editorial #omia-editorial .oe-newsletter p { font-size:14px; margin:0; } .omia-editorial #formNewsletter { width:100%; margin:0; } .omia-editorial #formNewsletter fieldset { display:grid; grid-template-columns:1fr auto; padding:0; border:0; gap:0; } .omia-editorial #formNewsletter .form-group { margin:0; padding:0; min-width:0; } .omia-editorial #formNewsletter label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); } .omia-editorial #formNewsletter input[type=email] { width:100%; height:46px; padding:10px 20px; border:1px solid #e7dfd5; background:#fffaf7; border-radius:30px 0 0 30px; color:#222440; font:14px Georgia,serif; box-shadow:none; } .omia-editorial #formNewsletter button { grid-column:2; grid-row:1; border:0; border-radius:30px; margin-left:-20px; z-index:1; height:46px; padding:0 25px; background:#222440; color:white; font:12px Georgia,serif; } .omia-editorial #formNewsletter .consents { grid-column:1 / -1; grid-row:2; margin-top:8px; } .omia-editorial #omia-editorial #formNewsletter .consents p { font:10px/1.4 Arial,sans-serif; color:#766e68; } .omia-editorial #formNewsletter .consents a { text-decoration:underline; } .omia-editorial .oe-footer { min-height:100px; display:flex; align-items:center; justify-content:space-between; gap:35px; padding-top:22px; padding-bottom:22px; } .omia-editorial .oe-wordmark { font:34px/1.2 Georgia,serif; letter-spacing:8px; color:#222440; } .omia-editorial .oe-footer nav { display:flex; flex-wrap:wrap; gap:25px; font-size:12px; } body.omia-site-header #header { position:absolute!important; top:0!important; left:0; width:100%; height:96px!important; background:transparent!important; border:0!important; box-shadow:none!important; z-index:30; color:#222440; } body.omia-site-header #header .header-top { background:transparent!important; } body.omia-site-header #header .header-top-wrapper { width:88%!important; max-width:1320px!important; height:96px!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:space-between!important; position:relative; } body.omia-site-header #header .site-name { width:auto!important; margin:0!important; flex:none!important; } body.omia-site-header #header .site-name a { display:block; text-decoration:none; } body.omia-site-header #header .oe-tagline { display:block; font:13px Georgia,serif; margin-top:5px; color:#222440; } body.omia-site-header #header .header-bottom { position:absolute!important; left:35%!important; top:18px!important; width:35%!important; background:transparent!important; } body.omia-site-header #header #navigation { display:block!important; width:100%!important; background:transparent!important; } body.omia-site-header #header .navigation-in>ul { display:flex!important; justify-content:center!important; gap:25px!important; } body.omia-site-header #header #navigation a { color:#222440!important; font:14px Georgia,serif!important; padding:12px 0!important; text-transform:none!important; } body.omia-site-header #header #navigation a b { font-weight:400; } body.omia-site-header #header #navigation a:after { display:none!important; } body.omia-site-header #header .navigation-buttons { display:flex!important; gap:18px!important; align-items:center!important; margin:0!important; color:#222440!important; } body.omia-site-header #header .navigation-buttons>[data-target=login],body.omia-site-header #header .omia-header-instagram,body.omia-site-header #header .navigation-tools { display:none!important; } body.omia-site-header #header .navigation-buttons>[data-target=search] { display:inline-flex!important; color:#222440!important; } body.omia-site-header #header .omia-header-cart { color:#222440!important; } body.omia-site-header #header .oe-language { font:13px Georgia,serif; white-space:nowrap; } body.omia-site-header #header .oe-language [aria-disabled] { opacity:.45; } .omia-editorial .overall-wrapper>.wide-carousel,.omia-editorial .overall-wrapper>#content-wrapper,.omia-editorial .overall-wrapper>#footer,.omia-editorial .footer-newsletter-full-width { display:none!important; } @media(min-width:768px) { body.omia-site-header #header [data-target=navigation] { display:none!important; } } @media(max-width:1000px) { body.omia-site-header #header .header-bottom { left:32%!important; width:42%!important; } body.omia-site-header #header .navigation-in>ul { gap:15px!important; } body.omia-site-header #header .oe-tagline { font-size:10px; } .omia-editorial .oe-book-copy { padding-right:0; } .omia-editorial .oe-author-copy { padding-right:13%; } } @media(max-width:767px) { body.omia-site-header #header,body.omia-site-header #header .header-top-wrapper { height:80px!important; } body.omia-site-header #header .oe-wordmark { font-size:27px; letter-spacing:6px; } body.omia-site-header #header .oe-tagline { display:none; } body.omia-site-header #header .navigation-buttons { gap:12px!important; } body.omia-site-header #header .oe-language { font-size:11px; } body.omia-site-header #header [data-target=navigation] { display:inline-flex!important; background:none!important; color:#222440!important; } body.omia-site-header #header .header-bottom { display:none!important; left:0!important; top:80px!important; width:100%!important; background:#fbf5ef!important; box-shadow:0 10px 15px #22244012; } body.omia-site-header.navigation-window-visible #header .header-bottom { display:block!important; } body.omia-site-header #header #navigation { position:static!important; transform:none!important; height:auto!important; max-height:none!important; visibility:visible!important; } body.omia-site-header #header .navigation-in>ul { flex-direction:column!important; padding:20px!important; gap:5px!important; } .omia-editorial .oe-hero { height:auto; padding-top:80px; display:flex; flex-direction:column; min-height:0; } .omia-editorial .oe-hero-art { position:relative; order:2; height:310px; object-fit:cover; object-position:85% center; } .omia-editorial .oe-hero-inner { padding:22px 0 25px; height:auto; } .omia-editorial .oe-hero-copy { width:100%; padding:0; text-align:center; } .omia-editorial #omia-editorial h1 { font-size:39px; } .omia-editorial #omia-editorial .oe-hero-copy>p:not(.oe-hand) { font-size:17px; } .omia-editorial #omia-editorial .oe-motto { margin:20px auto 0; font-size:19px; } .omia-editorial .oe-motto:before { display:none; } .omia-editorial .oe-section-heading { align-items:flex-start; flex-direction:column; gap:0; } .omia-editorial .oe-books { padding:84px 0; } .omia-editorial .oe-book-grid { grid-template-columns:44% 52%; gap:4%; margin-top:25px; } .omia-editorial .oe-cover img { height:auto; } .omia-editorial .oe-badge { width:57px; height:57px; font-size:9px; right:-5px; } .omia-editorial #omia-editorial h3 { font-size:25px; } .omia-editorial .oe-book-copy p { font-size:14px; } .omia-editorial .oe-soon { grid-column:1/-1; margin-top:20px; min-height:145px; flex-direction:row; gap:25px; } .omia-editorial #omia-editorial .oe-soon p { margin:0; font-size:19px; } .omia-editorial .oe-quote { height:230px; } .omia-editorial .oe-quote>img { object-position:25% center; } .omia-editorial .oe-quote .oe-wrap { justify-content:flex-end; width:94%; } .omia-editorial #omia-editorial blockquote { width:48%; font-size:18px; text-shadow:0 2px 5px #15152b; } .omia-editorial .oe-author { grid-template-columns:1fr; } .omia-editorial .oe-author-image { height:300px; } .omia-editorial .oe-author-copy { padding:30px 8%; } .omia-editorial .oe-author-copy>.oe-branch { display:none; } .omia-editorial .oe-newsletter>.oe-wrap { grid-template-columns:1fr; gap:20px; } .omia-editorial .oe-footer { flex-direction:column; align-items:flex-start; gap:20px; } .omia-editorial .oe-footer nav { gap:16px 22px; } } body.in-index.omia-editorial .wide-carousel { display:none!important; } body.omia-site-header #header .header-top .header-top-wrapper .site-name { position:absolute!important; left:0!important; right:auto!important; top:12px!important; transform:none!important; flex:0 0 auto!important; width:260px!important; max-width:none!important; padding:0!important; text-align:left!important; } body.omia-site-header #header .header-top .header-top-wrapper .site-name a { width:auto!important; max-width:none!important; } body.omia-site-header #header .header-bottom { transform:none!important; margin:0!important; } body.omia-site-header #header .header-bottom-wrapper { width:100%!important; max-width:none!important; padding:0!important; margin:0!important; transform:none!important; position:static!important; } body.omia-site-header #header .navigationActions,body.omia-site-header #header .menu-helper { display:none!important; } body.omia-site-header #header .header-top .header-top-wrapper .navigation-buttons { position:absolute!important; right:0!important; left:auto!important; top:24px!important; } body.omia-site-header #header #navigation .navigation-in { width:100%!important; padding:0!important; margin:0!important; } body.omia-site-header #header .navigation-in .menu-level-1>li.ext { display:none!important; } body.omia-site-header #header .navigation-in .menu-level-1>li:has(a[href*="login"]),body.omia-site-header #header .navigation-in .menu-level-1>li:has(a[data-target="login"]) { display:none!important; } body.omia-site-header #header .navigation-buttons>a[data-target=search] { background:transparent!important; border:0!important; } @media(max-width:767px) { body.omia-site-header #header #navigation { position:static!important; top:auto!important; right:auto!important; bottom:auto!important; width:100%!important; height:auto!important; background:#fbf5ef!important; transform:none!important; padding:12px!important; } body.omia-site-header #header .header-bottom { height:auto!important; } body.omia-site-header #header .header-top .header-top-wrapper .site-name { width:auto!important; } body.omia-site-header #header .header-top-wrapper { width:90%!important; } body.omia-site-header #header .navigation-buttons { gap:8px!important; } body.omia-site-header #header .navigation-buttons>[data-target] { width:30px!important; min-width:30px!important; padding:0!important; } body.omia-site-header #header .oe-language { display:none; } .omia-editorial .oe-quote:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 35%,#171931b3 100%); } .omia-editorial .oe-quote .oe-wrap { z-index:1; } } /* v61: one shared header row, consistent controls and safe artwork spacing. */ body.omia-site-header #header .header-top .header-top-wrapper { display:grid!important; grid-template-columns:minmax(220px,1fr) auto minmax(165px,1fr)!important; align-items:center!important; column-gap:28px!important; height:100px!important; margin:0 auto!important; grid-template-rows:100px!important; grid-auto-rows:0!important; } body.omia-site-header #header .header-top .header-top-wrapper .site-name { position:static!important; width:auto!important; min-width:0!important; grid-column:1; grid-row:1; align-self:center; line-height:normal; } body.omia-site-header #header .header-top .header-top-wrapper .header-bottom { position:static!important; top:auto!important; left:auto!important; right:auto!important; width:auto!important; height:auto!important; grid-column:2; grid-row:1; align-self:center; transform:none!important; } body.omia-site-header #header .header-top .header-top-wrapper .navigation-buttons { position:static!important; top:auto!important; right:auto!important; left:auto!important; transform:none!important; grid-column:3; grid-row:1; justify-self:end; align-self:center; display:flex!important; align-items:center!important; gap:16px!important; height:44px!important; } body.omia-site-header #header #navigation .navigation-in { display:block!important; } body.omia-site-header #header #navigation .menu-level-1 { display:flex!important; align-items:center!important; gap:26px!important; margin:0!important; padding:0!important; height:44px!important; } body.omia-site-header #header #navigation .menu-level-1>li { display:block!important; float:none!important; margin:0!important; padding:0!important; } body.omia-site-header #header #navigation .menu-level-1>li>a { display:flex!important; align-items:center!important; height:44px!important; padding:0!important; line-height:1.2!important; } body.omia-site-header #header .navigation-buttons>[data-target] { display:inline-flex!important; align-items:center!important; justify-content:center!important; height:36px!important; width:36px!important; min-width:36px!important; padding:0!important; margin:0!important; border:0!important; border-radius:50%; background:transparent!important; color:#222440!important; } body.omia-site-header #header .navigation-buttons>[data-target=login] { display:none!important; } body.omia-site-header #header .navigation-buttons>[data-target]:hover { background:#ffffff66!important; } body.omia-site-header #header .oe-language { display:inline-flex; align-items:center; gap:5px; height:36px; line-height:1; } body.omia-site-header #header .navigation-buttons [data-target=search] i { font-size:21px!important; line-height:1!important; } body.omia-site-header #header .omia-header-bag-icon { width:22px!important; height:22px!important; margin:0!important; } body.omia-site-header #header .omia-header-cart-badge { top:0!important; right:-1px!important; min-width:15px!important; height:15px!important; font:10px/15px Arial,sans-serif!important; } @media(min-width:768px) { body.omia-site-header #header .navigation-buttons>[data-target=navigation] { display:none!important; } } @media(min-width:768px) and (max-width:1000px) { body.omia-site-header #header .header-top .header-top-wrapper { grid-template-columns:minmax(170px,1fr) auto auto!important; gap:14px!important; } body.omia-site-header #header #navigation .menu-level-1 { gap:16px!important; } body.omia-site-header #header .header-top .header-top-wrapper .navigation-buttons { gap:8px!important; } body.omia-site-header #header .oe-wordmark { font-size:29px; letter-spacing:6px; } body.omia-site-header #header .oe-tagline { font-size:10px; } } @media(max-width:767px) { body.omia-site-header #header .header-top .header-top-wrapper { display:grid!important; grid-template-columns:1fr auto!important; grid-template-rows:80px!important; height:80px!important; column-gap:10px!important; width:90%!important; margin:0 auto!important; } body.omia-site-header #header .header-top .header-top-wrapper .navigation-buttons { grid-column:2; gap:6px!important; } body.omia-site-header #header .header-top .header-top-wrapper .header-bottom { position:absolute!important; top:80px!important; left:-5.56%!important; width:111.12%!important; background:#fbf5ef!important; } body.omia-site-header #header #navigation .menu-level-1 { height:auto!important; align-items:stretch!important; gap:4px!important; } body.omia-site-header #header .oe-language { display:none; } } /* v64 newsletter: a single connected email control; native validation retained. */ body.omia-editorial #omia-editorial .oe-newsletter { isolation:isolate; overflow:hidden; border-radius:0; background:#fbf5ef; padding:38px 0 32px; min-height:150px; } body.omia-editorial #omia-editorial .oe-newsletter:before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(100deg,#f4ece3,#f2e9df 55%,#f5eee6); border-radius:0; } body.omia-editorial #omia-editorial .oe-newsletter:after { content:""; position:absolute; right:-42px; top:-12px; width:155px; height:155px; border-radius:50%; background:radial-gradient(ellipse at 28% 35%,#b0afd1aa 0 7%,transparent 9%),radial-gradient(ellipse at 60% 25%,#a4a3c48c 0 10%,transparent 12%),radial-gradient(ellipse at 70% 63%,#aaa7cc99 0 8%,transparent 11%),radial-gradient(ellipse at 35% 74%,#a4a0c799 0 6%,transparent 9%),radial-gradient(circle at 35% 30%,#eeedf6,#d4d0e5 65%,#bfb9d8); box-shadow:inset -14px -9px 25px #ada5ce44; opacity:.8; pointer-events:none; z-index:-1; } body.omia-editorial #omia-editorial .oe-newsletter>.oe-wrap { width:82%; max-width:1200px; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:42px; align-items:center; position:relative; } body.omia-editorial #omia-editorial .oe-newsletter>.oe-wrap:before { content:"✦"; position:absolute; left:-58px; top:13px; color:#e9d4aa; font-size:25px; text-shadow:20px -16px 0 #eadab9; } body.omia-editorial #omia-editorial .oe-newsletter h2 { font-size:25px; font-weight:400; line-height:1.2; } body.omia-editorial #omia-editorial .oe-newsletter p { font-size:14px; line-height:1.5; } body.omia-editorial #omia-editorial #formNewsletter fieldset { display:block!important; width:100%!important; min-width:0!important; } body.omia-editorial #omia-editorial #formNewsletter .oe-newsletter-control { display:grid; grid-template-columns:minmax(0,1fr) 148px; gap:0; align-items:start; width:100%; } body.omia-editorial #omia-editorial #formNewsletter .oe-newsletter-control>.form-group { float:none!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; min-width:0; } body.omia-editorial #omia-editorial #formNewsletter .form-control-wrapper { width:100%!important; max-width:none!important; margin:0!important; padding:0!important; } body.omia-editorial #omia-editorial #formNewsletter input[type=email] { width:100%!important; max-width:none!important; height:48px!important; min-height:48px; margin:0!important; border:1px solid #e9e1d9!important; border-right:0!important; border-radius:30px 0 0 30px!important; background:#fffcf9!important; padding:12px 20px!important; box-shadow:none!important; } body.omia-editorial #omia-editorial #formNewsletter .oe-newsletter-control>button { grid-column:2; grid-row:1; align-self:start; float:none!important; position:relative!important; margin:0 0 0 -22px!important; width:calc(100% + 22px)!important; max-width:none!important; height:48px!important; padding:0 20px!important; border:0!important; border-radius:30px!important; background:#222440!important; color:#fff!important; text-transform:uppercase; letter-spacing:.6px; font:12px/1.2 Georgia,serif!important; cursor:pointer; } body.omia-editorial #omia-editorial #formNewsletter .consents { display:block; width:100%; margin:9px 0 0!important; } body.omia-editorial #omia-editorial #formNewsletter input[type=email]:focus-visible { outline:2px solid #75619a; outline-offset:-4px; } body.omia-editorial #omia-editorial #formNewsletter .consents p { font:10px/1.4 Arial,sans-serif; color:#81766c; } body.omia-editorial #omia-editorial #formNewsletter .js-validator-msg { font:12px/1.4 Arial,sans-serif; margin-top:6px; white-space:normal; } @media(max-width:767px) { body.omia-editorial #omia-editorial .oe-newsletter { padding:30px 0; } body.omia-editorial #omia-editorial .oe-newsletter>.oe-wrap { width:88%; grid-template-columns:1fr; gap:18px; } body.omia-editorial #omia-editorial .oe-newsletter:after { width:100px; height:100px; right:-55px; top:-20px; opacity:.45; } body.omia-editorial #omia-editorial .oe-newsletter>.oe-wrap:before { display:none; } body.omia-editorial #omia-editorial .oe-newsletter h2 { font-size:23px; } body.omia-editorial #omia-editorial #formNewsletter .oe-newsletter-control { grid-template-columns:minmax(0,1fr) 126px; } body.omia-editorial #omia-editorial #formNewsletter .oe-newsletter-control>button { padding:0 12px!important; font-size:11px!important; } } /* v66: anchor the mini cart to the actual bag position, not header height. */ @media (hover:hover) and (min-width:768px) { body.omia-site-header #header #cart-widget.omia-mini-cart { position:fixed!important; left:var(--omia-cart-left,16px)!important; top:var(--omia-cart-top,78px)!important; right:auto!important; bottom:auto!important; } body.omia-site-header #header #cart-widget.omia-mini-cart:before { left:calc(var(--omia-cart-arrow,350px) - 8px)!important; right:auto!important; } body.omia-site-header #header #cart-widget.omia-mini-cart .cart-widget-inner { max-height:calc(100dvh - var(--omia-cart-top,78px) - 16px); overflow-y:auto!important; } } /* v63 shared header, native search form in a focused dialog. */ body.omia-site-header:not(.in-index) #header { position:relative!important; top:auto!important; background:#fbf5ef!important; height:100px!important; } body.omia-site-header #header .oe-wordmark { font:34px/1.2 Georgia,serif; letter-spacing:8px; color:#222440; } body.omia-site-header #header .header-top { border:0!important; } body.omia-site-header #header #navigation .navigationActions { display:none!important; } body.omia-site-header #header .navigation-buttons .omia-header-cart { display:inline-flex!important; align-items:center!important; justify-content:center!important; width:36px!important; height:36px!important; color:#222440!important; padding:0!important; } body.omia-site-header #header .omia-search-trigger { display:inline-flex!important; width:36px!important; height:36px!important; align-items:center!important; justify-content:center!important; color:#222440!important; padding:0!important; background:transparent!important; } .omia-search-dialog { width:min(560px,calc(100% - 32px)); padding:38px 30px 30px; border:1px solid #e7dbcf; border-radius:18px; background:#fbf5ef; color:#222440; box-shadow:0 20px 70px #14142640; } .omia-search-dialog::backdrop { background:#191a2c88; } .omia-search-dialog h2 { font:30px/1.2 Georgia,serif; margin:0 0 24px; color:#222440; } .omia-search-close { position:absolute; right:12px; top:6px; border:0; background:transparent; color:#222440; font:30px Arial,sans-serif; width:36px; height:36px; cursor:pointer; } .omia-search-dialog #formSearchForm { display:block!important; width:100%!important; margin:0!important; } .omia-search-dialog fieldset { border:0; margin:0; padding:0; min-width:0; } .omia-search-dialog .search-form-input-group { display:flex; width:100%; gap:8px; } .omia-search-dialog .search-input-icon { display:none; } .omia-search-dialog input[type=search] { min-width:0; flex:1; width:100%; height:48px; border:1px solid #d8cdbf; background:white; padding:10px 14px; border-radius:8px; font:16px Arial,sans-serif; color:#222440; } .omia-search-dialog button[type=submit] { position:static!important; width:auto!important; height:48px!important; background:#222440!important; color:white!important; border:0; border-radius:8px; padding:0 18px; font:14px Arial,sans-serif; } .omia-search-dialog button[type=submit]:before,.omia-search-dialog button[type=submit]:after { display:none!important; } body.omia-site-header .omia-content-modal { background:#fbf5ef; border-radius:18px; } body.omia-site-header .omia-author-modal__copy h2 { font-family:Georgia,serif; color:#222440; } @media(max-width:767px) { body.omia-site-header:not(.in-index) #header { height:80px!important; } body.omia-site-header #header .oe-wordmark { font-size:27px; letter-spacing:6px; } } /* v70: supplied author photograph and signature, full biography in dialog. */ .omia-editorial .oe-author { grid-template-columns:45% 55%; } .omia-editorial .oe-author-image { align-self:stretch; } .omia-editorial .oe-author-image img { height:100%; max-height:560px; object-fit:cover; object-position:50% 38%; } .omia-editorial .oe-author-copy { padding-top:36px; padding-bottom:36px; } .omia-author-signature { display:block; width:220px; max-width:100%; height:auto; } .omia-editorial .oe-author-actions { gap:20px; margin-top:22px; } .omia-content-modal--author .omia-author-modal { align-items:start; background:#fbf5ef; } .omia-content-modal--author .omia-author-modal__visual { padding:0; background:#ede3d6; } .omia-content-modal--author .omia-author-modal__visual::before { display:none; } .omia-content-modal--author .omia-author-modal__visual img { height:auto; max-height:none; object-fit:contain; filter:none; } .omia-content-modal--author .omia-author-modal__copy { padding:44px 38px; } .omia-content-modal--author .omia-author-modal__copy p { font:16px/1.7 Georgia,serif; color:#645d59; } @media(max-width:767px) { .omia-editorial .oe-author { grid-template-columns:1fr; } .omia-editorial .oe-author-image { height:auto; aspect-ratio:1; } .omia-editorial .oe-author-image img { max-height:none; } .omia-content-modal--author .omia-author-modal { grid-template-columns:1fr; } .omia-content-modal--author .omia-author-modal__visual { min-height:0; height:auto; max-height:none; } .omia-content-modal--author .omia-author-modal__copy { padding:28px 22px; } } /* v73: centered, uncropped portrait and longer introduction. */ .omia-editorial .oe-author { width:88%; max-width:1320px; margin-inline:auto; grid-template-columns:minmax(0,44fr) minmax(0,56fr); align-items:center; background:#fbf5ef; padding:52px 0; } .omia-editorial .oe-author-image { display:flex; align-items:center; justify-content:center; align-self:center; width:min(100%,460px); aspect-ratio:1; height:auto; margin-inline:auto; background:transparent; border-radius:50%; overflow:hidden; } .omia-editorial .oe-author-image img { width:100%; height:100%; max-height:none; object-fit:cover; object-position:center 38%; border-radius:50%; display:block; } .omia-editorial .oe-author-copy { padding:30px 0 30px clamp(28px,4vw,60px); min-width:0; } .omia-editorial .oe-author-copy h2 { font-size:clamp(30px,2.8vw,40px); margin-bottom:16px; } .omia-editorial .oe-author-copy>p:not(.oe-eyebrow) { font-size:16px; line-height:1.55; margin-bottom:12px; } .omia-editorial .oe-author-copy>.oe-branch { right:12px; bottom:120px; width:42px; height:120px; opacity:.3; pointer-events:none; } .omia-editorial .oe-author-actions { margin-top:18px; gap:20px; } .omia-editorial .oe-author-actions .omia-author-signature { width:210px; } @media(max-width:900px) { .omia-editorial .oe-author { grid-template-columns:1fr; } .omia-editorial .oe-author { padding:38px 0; } .omia-editorial .oe-author-image { width:min(100%,360px); max-width:360px; margin-inline:auto; aspect-ratio:1; } .omia-editorial .oe-author-image { order:1; } .omia-editorial .oe-author-copy { padding:32px 0 28px; order:0; } /* Text first on mobile, followed by the circular portrait. */ body.in-index.omia-editorial #omia-editorial .oe-author { width:100%!important; max-width:none!important; } .omia-editorial .oe-author-copy { width:var(--omia-content-rail); margin-inline:auto; } .omia-editorial .oe-author-copy>.oe-branch { display:none; } .omia-editorial .oe-book-feature { grid-template-columns:1fr; gap:22px; } .omia-editorial .oe-book-feature .oe-cover { max-width:230px; margin-inline:auto; } .omia-editorial .oe-book-feature .oe-cover img { width:100%; height:auto; } .omia-editorial .oe-book-feature .oe-book-copy { padding:0; } .omia-editorial #omia-editorial .oe-book-feature .oe-book-copy { width:100%!important; max-width:none!important; padding:0!important; } .omia-editorial .oe-book-feature .oe-book-copy h3 { font-size:30px; } .omia-editorial #omia-editorial .oe-book-specs { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:18px 0; width:100%!important; max-width:none!important; margin-left:0; margin-right:0; } .omia-editorial .oe-book-specs>div { min-width:0; padding:0 8px; } .omia-editorial .oe-book-specs img { width:110px; height:82px; margin:0 auto 6px; } .omia-editorial .oe-book-specs>div:nth-child(odd) { border-left:0; padding-left:0; } .omia-editorial .oe-book-specs img { width:70px; height:70px; margin-bottom:5px; } .omia-editorial .oe-book-specs small,.omia-editorial .oe-book-specs b { font-size:8px; } .omia-editorial .oe-book-actions { gap:22px; } .omia-editorial .oe-book-purchase-row { align-items:flex-start; flex-direction:column; gap:10px; } .omia-editorial .oe-book-feature .oe-book-quote { min-height:180px; } } /* v72: responsive collage only inside the author popup. */ .omia-content-modal--author .omia-author-modal__visual.omia-author-collage { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:start; padding:18px; background:#ede3d6; min-width:0; height:auto; max-height:none; overflow:hidden; } .omia-content-modal--author .omia-author-collage img { width:100%; height:auto; max-height:none; display:block; object-fit:contain; border:4px solid #fffdf9; box-shadow:0 3px 12px #30251b14; } .omia-content-modal--author .omia-author-collage img:first-child { grid-column:1/-1; } @media(max-width:767px) { .omia-content-modal--author .omia-author-modal__visual.omia-author-collage { padding:12px; gap:8px; } .omia-content-modal--author .omia-author-collage img { border-width:3px; } } /* v74: balanced author popup with a centered photo column. */ body.omia-site-header .omia-content-modal--author { width:min(1100px,100%); max-height:calc(100dvh - 56px); } .omia-content-modal--author .omia-author-modal { grid-template-columns:minmax(0,44fr) minmax(0,56fr); align-items:center; gap:32px; padding:56px 36px 36px; min-height:0; } .omia-content-modal--author .omia-author-modal__visual.omia-author-collage { align-self:center; align-items:center; padding:0; gap:12px; background:transparent; width:100%; } .omia-content-modal--author .omia-author-modal__copy { align-self:center; min-width:0; padding:0; } body.omia-site-header .omia-author-modal__copy h2 { font:400 clamp(26px,2.5vw,36px)/1.2 Georgia,serif; margin:10px 0 22px; letter-spacing:-.02em; } .omia-content-modal--author .omia-author-modal__copy p { font:16px/1.65 Georgia,serif; margin:0 0 14px; } .omia-content-modal--author .omia-author-modal__copy .omia-author-signature { width:190px; margin-top:20px; } .omia-content-modal--author .omia-content-modal__close { width:44px; height:44px; top:10px; right:10px; } @media(max-width:800px) { body.omia-site-header .omia-content-modal--author { max-height:calc(100dvh - 28px); } .omia-content-modal--author .omia-author-modal { grid-template-columns:minmax(0,1fr); gap:26px; padding:64px 24px 28px; } .omia-content-modal--author .omia-author-modal__visual.omia-author-collage { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; max-width:600px; margin-inline:auto; } .omia-content-modal--author .omia-author-collage img:first-child { grid-column:auto; } /* Equal portrait tiles for the three-photo row; retain the full family photo. */ .omia-content-modal--author .omia-author-collage img { aspect-ratio:3/4; height:auto; object-fit:cover; object-position:center; } .omia-content-modal--author .omia-author-modal__copy { width:100%; max-width:600px; margin-inline:auto; } } @media(max-width:420px) { .omia-content-modal--author .omia-author-modal { padding:62px 18px 24px; gap:22px; } .omia-content-modal--author .omia-author-modal__copy p { font-size:15px; line-height:1.65; } } /* v77: Instagram editorial strip, ready for later native-feed integration. */ .omia-editorial .oe-instagram { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto; align-items:center; gap:24px; padding:24px; margin-top:12px; margin-bottom:32px; background:#f3ece2; color:#222440; } .omia-editorial .oe-instagram-intro { display:flex; align-items:center; gap:18px; min-width:0; } .omia-editorial .oe-instagram-icon { width:36px; height:36px; flex:0 0 36px; } .omia-editorial #omia-editorial .oe-instagram h2 { font:400 24px/1.2 Georgia,serif; margin:0 0 6px; } .omia-editorial .oe-instagram p { font:14px/1.5 Georgia,serif; margin:0; } .omia-editorial .oe-instagram-photos { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; min-width:0; } .omia-editorial .oe-instagram-photos a { display:block; aspect-ratio:1; overflow:hidden; background:#ece1d1; border-radius:4px; } .omia-editorial .oe-instagram-photos img { display:block; width:100%; height:100%; object-fit:cover; } .omia-editorial .oe-instagram-empty { margin:0; padding:24px; text-align:center; color:#8c8178; font:13px/1.5 Georgia,serif; } .omia-editorial .oe-instagram--native .oe-instagram-photos { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; min-height:0; } .omia-editorial .oe-instagram--native .oe-instagram-photos a { width:100%; max-width:none; } .omia-editorial .oe-instagram--native .oe-instagram-photos img { height:100%; object-fit:cover; } .omia-editorial .oe-instagram--native { grid-template-columns:minmax(0,1fr) minmax(0,1.65fr) auto; } .omia-editorial .oe-instagram--native .oe-instagram-follow { display:flex; } .omia-editorial .oe-instagram--native .oe-instagram-photos { margin:0; align-self:center; } .omia-editorial .oe-instagram-follow { display:flex; flex-direction:column; align-items:center; gap:10px; } .omia-editorial .oe-instagram-follow>a:not(.oe-pill) { font:600 15px/1.3 Georgia,serif; color:inherit; } .omia-editorial .oe-instagram-follow .oe-pill { min-height:44px; padding:12px 20px; white-space:nowrap; } .omia-editorial .oe-instagram a:focus-visible { outline:2px solid #222440; outline-offset:3px; } @media(max-width:1100px) { .omia-editorial .oe-instagram { grid-template-columns:minmax(0,1fr) auto; } .omia-editorial .oe-instagram-intro { grid-column:1/-1; } } @media(max-width:600px) { .omia-editorial .oe-instagram { grid-template-columns:minmax(0,1fr); padding:20px 16px; gap:20px; } .omia-editorial .oe-instagram-intro { gap:12px; } .omia-editorial #omia-editorial .oe-instagram h2 { font-size:23px; } .omia-editorial .oe-instagram-follow { flex-direction:row; justify-content:space-between; flex-wrap:wrap; } } /* v69: book archive cards; native product links, pagination and data retained. */ body.omia-book-archive { background:#fbf5ef!important; } body.omia-book-archive #content-wrapper { width:88%!important; max-width:1320px!important; display:block!important; padding:0 0 64px!important; margin:0 auto!important; background:transparent!important; } body.omia-book-archive #content { float:none!important; width:100%!important; max-width:none!important; padding:0!important; background:transparent!important; } body.omia-book-archive #content-wrapper>.sidebar, body.omia-book-archive .sidebar-left, body.omia-book-archive .sidebar-right, body.omia-book-archive .products-top-wrapper, body.omia-book-archive #filters-wrapper { display:none!important; } body.omia-book-archive .breadcrumbs { background:transparent; padding-top:24px; padding-bottom:12px; font:12px/1.5 Georgia,serif; color:#82796e; } body.omia-book-archive #content .category-top { border:0!important; padding:15px 0 28px!important; } body.omia-book-archive #content .category-title { font:400 clamp(32px,4vw,48px)/1.15 Georgia,serif!important; color:#222440!important; text-align:left!important; letter-spacing:-.03em; margin:0!important; } body.omia-book-archive #category-header { display:none!important; } body.omia-book-archive #products.products { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:30px!important; margin:0!important; width:100%!important; border:0!important; } body.omia-book-archive #products:before,body.omia-book-archive #products:after { display:none!important; } body.omia-book-archive #products>.product { width:auto!important; max-width:none!important; min-width:0!important; padding:0!important; margin:0!important; float:none!important; display:flex!important; border:0!important; } body.omia-book-archive #products .product>.p { display:flex!important; flex-direction:column!important; width:100%; height:100%; padding:0!important; background:#fffdf9!important; border:1px solid #ece3d8!important; border-radius:0!important; overflow:hidden; box-shadow:0 5px 18px #34271b09; } body.omia-book-archive #products .p>a.image { display:block!important; position:relative; width:100%!important; aspect-ratio:1/1; height:auto!important; padding:22px!important; margin:0!important; background:#f0e7dc!important; overflow:hidden; } body.omia-book-archive #products .p>a.image img { display:block!important; width:100%!important; height:100%!important; object-fit:contain!important; position:static!important; transform:none!important; max-height:none!important; mix-blend-mode:multiply; transition:transform .2s ease; } body.omia-book-archive #products .p>a.image:hover img { transform:scale(1.025)!important; } body.omia-book-archive #products .p-in { display:flex!important; flex-direction:column!important; flex:1; width:100%!important; padding:24px 24px 28px!important; text-align:center; } body.omia-book-archive #products .p-in-in { display:block!important; padding:0!important; width:100%!important; } body.omia-book-archive #products .p a.name { display:block!important; font:400 27px/1.2 Georgia,serif!important; color:#222440!important; letter-spacing:-.02em!important; margin:0 0 14px!important; height:auto!important; min-height:0!important; text-decoration:none; } body.omia-book-archive #products .p a.name span { font:inherit!important; color:inherit; } body.omia-book-archive #products .omia-archive-description { font:16px/1.55 Georgia,serif; color:#645d59; margin:0 0 24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden; } body.omia-book-archive #products .p-bottom, body.omia-book-archive #products .p-code, body.omia-book-archive #products .ratings-wrapper, body.omia-book-archive #products .p-desc, body.omia-book-archive #products .description { display:none!important; } body.omia-book-archive #products a.omia-archive-detail { align-self:center; margin-top:auto; display:inline-flex; justify-content:center; align-items:center; min-height:44px; min-width:115px; padding:12px 25px; border-radius:26px; background:#f5d787; color:#222440; text-decoration:none; font:16px/1.2 Georgia,serif; } body.omia-book-archive #products a.omia-archive-detail:hover { background:#edc768; } body.omia-book-archive #products a:focus-visible { outline:2px solid #6e578f; outline-offset:3px; } @media(max-width:1000px) { body.omia-book-archive #products.products { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:24px!important; } } @media(max-width:600px) { body.omia-book-archive #content-wrapper { width:88%!important; padding-bottom:36px!important; } body.omia-book-archive #products.products { grid-template-columns:minmax(0,1fr)!important; } body.omia-book-archive #products .p-in { padding:22px 20px 25px!important; } body.omia-book-archive #products .p a.name { font-size:26px!important; } } /* v78: ONE global content rail. Full-bleed backgrounds remain full width. Change only these two variables to resize the site's aligned content. */ :root { --omia-content-max:1320px; --omia-content-rail:88%; --omia-content-width:var(--omia-content-max); } body.omia-site-header #header .header-top .header-top-wrapper, body.omia-editorial #omia-editorial .oe-wrap, body.omia-editorial #omia-editorial .oe-author, body.omia-book-archive #content-wrapper, body.omia-site-header:not(.omia-editorial):not(.ordering-process):not(.in-kosik) #content-wrapper, body.omia-site-header #footer > .container, body.omia-site-header #footer > .container-full-width { width:var(--omia-content-rail)!important; max-width:var(--omia-content-max)!important; margin-left:auto!important; margin-right:auto!important; box-sizing:border-box; } body.in-kosik.omia-cart-page #content-wrapper, body:is(.in-krok-1,.in-krok-2) #content-wrapper { padding-left:0!important; padding-right:0!important; } body.in-kosik.omia-cart-page .omia-cart-page-heading, body.in-kosik.omia-cart-page #cart-wrapper, body:is(.in-krok-1,.in-krok-2) #content-wrapper .content-wrapper-in { width:var(--omia-content-rail)!important; max-width:var(--omia-content-max)!important; margin-inline:auto!important; } body:is(.in-krok-1,.in-krok-2) #content, body:is(.in-krok-1,.in-krok-2) .content-inner { width:100%; max-width:none; } @media(max-width:767px) { :root { --omia-content-rail:calc(100% - 36px); } body.omia-site-header #header .header-top .header-top-wrapper .header-bottom { left:-18px!important; width:calc(100% + 36px)!important; } } /* v79: native Shoptet product presentation, shared by ALL products. All content and interactions come from Shoptet, including gallery and tabs. */ body.omia-product-page { background:#fbf5ef; color:#222440; } body.omia-product-page #content-wrapper { display:block!important; padding:0 0 50px!important; background:transparent!important; } body.omia-product-page #content { width:100%!important; max-width:none!important; float:none!important; padding:0!important; background:transparent!important; } body.omia-product-page :is(.sidebar-left,.sidebar-right) { display:none!important; } body.omia-product-page .breadcrumbs { padding:24px 0; background:transparent; font:12px/1.5 Georgia,serif; } body.omia-product-page .p-detail-inner { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(28px,5vw,72px); margin:0!important; padding:0!important; } body.omia-product-page .p-detail-inner::before,body.omia-product-page .p-detail-inner::after { display:none!important; } body.omia-product-page .p-data-wrapper { float:none!important; width:100%!important; min-width:0; padding:20px 0!important; align-self:center; } body.omia-product-page .p-data-wrapper .p-detail-inner-header { display:block!important; margin:0!important; padding:0!important; } body.omia-product-page .p-detail-inner-header h1 { font:400 clamp(32px,3.35vw,48px)/1.13 Georgia,serif!important; color:#222440; letter-spacing:-.025em; margin:0 0 22px!important; } body.omia-product-page .op-native-gallery { order:-1; width:100%!important; float:none!important; padding:0!important; min-width:0; } body.omia-product-page .op-native-gallery .p-detail-inner-header-mobile { display:none!important; } body.omia-product-page .op-native-gallery .p-image { width:100%; margin:0; padding:20px; background:#f1e9df; } body.omia-product-page .op-native-gallery .p-main-image { display:flex; align-items:center; justify-content:center; aspect-ratio:1; width:100%; } body.omia-product-page .op-native-gallery .p-main-image img { display:block; width:100%; height:100%; max-height:600px; object-fit:contain; } body.omia-product-page .op-native-gallery .p-thumbnails { margin-top:12px; } body.omia-product-page .op-native-gallery .p-thumbnails a { border-color:#ddd2c6; background:#f1e9df; } body.omia-product-page .op-native-gallery .p-thumbnails img { object-fit:contain; } body.omia-product-page .p-short-description { font:18px/1.6 Georgia,serif; color:#645d59; margin:20px 0; } body.omia-product-page .p-short-description :is(p,ul,ol) { font:inherit; } body.omia-product-page .stars-wrapper { margin:0 0 18px; font-size:13px; } body.omia-product-page .p-price-wrapper { margin:22px 0 14px!important; padding:0!important; } body.omia-product-page .price-final { font:400 36px/1.2 Georgia,serif!important; color:#222440!important; } body.omia-product-page .detail-parameters { margin:0 0 20px!important; font-size:14px; } body.omia-product-page .p-variants-block { max-width:100%; } body.omia-product-page .p-variants-block :is(select,input) { max-width:100%; } body.omia-product-page .p-to-cart-block { margin:0!important; padding:0!important; width:100%; } body.omia-product-page .add-to-cart { display:flex!important; flex-wrap:wrap; align-items:stretch; gap:12px; width:100%; } body.omia-product-page #product-detail-form .quantity { display:grid!important; grid-template-columns:40px 42px 40px; position:relative!important; width:124px!important; height:52px!important; flex:0 0 124px; padding:0!important; margin:0!important; border:1px solid #dfd5c9; border-radius:6px; background:#fffaf5; } body.omia-product-page #product-detail-form .quantity>label { grid-column:2; grid-row:1; width:100%; height:50px; padding:0!important; margin:0!important; } body.omia-product-page #product-detail-form .quantity .amount { width:100%!important; height:50px!important; padding:0!important; margin:0!important; border:0!important; background:transparent; text-align:center; color:#222440; font:16px Georgia,serif; appearance:textfield; } body.omia-product-page #product-detail-form .quantity .amount::-webkit-inner-spin-button,body.omia-product-page #product-detail-form .quantity .amount::-webkit-outer-spin-button { appearance:none; margin:0; } body.omia-product-page #product-detail-form .quantity :is(.increase,.decrease) { position:static!important; inset:auto!important; width:40px!important; height:50px!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; color:#222440!important; font:20px/1 Georgia,serif!important; display:flex!important; align-items:center; justify-content:center; grid-row:1; } body.omia-product-page #product-detail-form .quantity .increase { grid-column:3; } body.omia-product-page #product-detail-form .quantity .decrease { grid-column:1; } body.omia-product-page #product-detail-form .quantity :is(.increase,.decrease)::before { display:none!important; } body.omia-product-page #product-detail-form .quantity [class$="__sign"] { font:inherit!important; display:inline!important; } body.omia-product-page #product-detail-form .add-to-cart-button { flex:1 1 200px; min-height:52px; margin:0!important; padding:15px 20px!important; border:0!important; border-radius:28px; background:#f5d787!important; color:#222440!important; text-transform:uppercase; letter-spacing:.06em; font:600 14px/1.4 Georgia,serif!important; } body.omia-product-page #product-detail-form .add-to-cart-button:hover { background:#edc768!important; } body.omia-product-page .social-buttons-wrapper { margin-top:22px; } body.omia-product-page .link-icons { justify-content:flex-start; gap:22px; } body.omia-product-page .benefit-banners-full-width { width:100%!important; margin:36px 0!important; padding:22px 0!important; border-block:1px solid #ddd2c6; background:transparent!important; } body.omia-product-page .benefit-banners-full-width .container-full-width { width:100%!important; padding:0!important; } body.omia-product-page .benefitBanner { margin:0; width:100%; } body.omia-product-page .benefitBanner__title { font:600 16px/1.4 Georgia,serif; } body.omia-product-page .benefitBanner__data { font:14px/1.5 Georgia,serif; color:#645d59; } body.omia-product-page .p-detail-full-width { margin:35px 0 0!important; width:100%!important; padding:0!important; background:transparent!important; } body.omia-product-page .p-detail-full-width .container-full-width { width:100%!important; padding:0!important; } body.omia-product-page .shp-tabs-wrapper { background:transparent; padding:0!important; } body.omia-product-page .shp-tabs { border-color:#d7ccbe; } body.omia-product-page :is(.shp-tabs-holder,.shp-tabs-row) { background:transparent!important; } body.omia-product-page .shp-tabs a { font:16px/1.5 Georgia,serif; color:#222440; } body.omia-product-page #tab-content { background:transparent; border:0; box-shadow:none; padding:26px 0; font:16px/1.7 Georgia,serif; } body.omia-product-page .description-inner { gap:36px; } body.omia-product-page .basic-description { min-width:0; } body.omia-product-page .basic-description :is(h2,h3,h4) { font-family:Georgia,serif; color:#222440; font-weight:400; line-height:1.25; } body.omia-product-page .basic-description img { max-width:100%; height:auto; } body.omia-product-page .basic-description :is(iframe,video) { max-width:100%; } body.omia-product-page .detail-parameters-wrapper { min-width:0; } body.omia-product-page :is(button,a,input,select,textarea):focus-visible { outline:2px solid #66538c; outline-offset:4px; } @media(max-width:900px) { body.omia-product-page .p-detail-inner { gap:28px; } body.omia-product-page .p-data-wrapper { padding:0!important; } } @media(max-width:700px) { body.omia-product-page .p-detail-inner { grid-template-columns:minmax(0,1fr); gap:26px; } body.omia-product-page .op-native-gallery .p-main-image { max-height:440px; } body.omia-product-page .p-short-description { font-size:17px; } body.omia-product-page .description-inner { flex-direction:column; } body.omia-product-page .description-inner>* { width:100%; max-width:100%; } body.omia-product-page .stars-wrapper { flex-wrap:wrap; } } /* v92: homepage hero colors and three-line closing motto. */ body.omia-editorial #omia-editorial .oe-hero-copy { container-type: inline-size; } body.omia-editorial #omia-editorial .oe-hero-copy h1, body.omia-editorial #omia-editorial .oe-hero-copy > p, body.omia-editorial #omia-editorial .oe-hero-copy .oe-pill { color: #172653; } body.omia-editorial #omia-editorial .oe-hero-copy .oe-pill { background: #efda98; } body.omia-editorial #omia-editorial .oe-hero-copy .oe-motto { color: #172653; max-width: none; width: 100%; margin: 18px 0 0; text-align: center; transform: none; font-size: clamp(12px, 3.6vw, 23px); font-size: clamp(12px, 4.5cqw, 26px); line-height: 1.4; } body.omia-editorial #omia-editorial .oe-hero-copy .oe-motto::before { display: none; } body.omia-editorial #omia-editorial .oe-motto-line { display: block; white-space: nowrap; } /* v95: book synopsis above the preview gallery. */ .omia-content-modal--gallery .omia-book-modal__description { max-width: 760px; margin: 22px auto 28px; text-align: left; color: #172653; } .omia-content-modal--gallery .omia-book-modal__description p { margin: 0 0 16px; font-size: 18px; line-height: 1.65; } .omia-content-modal--gallery .omia-book-modal__description p:last-child { margin-bottom: 0; } @media (max-width: 600px) { .omia-content-modal--gallery .omia-book-modal__description { margin: 18px auto 22px; } .omia-content-modal--gallery .omia-book-modal__description p { font-size: 16px; line-height: 1.6; } } /* v97: one continuous panoramic image, no duplicate background or masking. */ body.in-index.omia-editorial .oe-quote { height: max(260px, 20vw); background: #15133d; } body.in-index.omia-editorial .oe-quote > img { position: absolute; inset: 0; width: 100%; max-width: none; height: 100%; object-fit: cover; object-position: center center; -webkit-mask-image: none; mask-image: none; } body.in-index.omia-editorial .oe-quote::after { display: none; } body.in-index.omia-editorial #omia-editorial .oe-quote blockquote { color: #fff4df; text-shadow: 0 2px 8px rgba(10,8,35,.55); } @media (max-width: 767px) { body.in-index.omia-editorial .oe-quote { height: auto; } body.in-index.omia-editorial .oe-quote > img { position: relative; inset: auto; width: 100%; height: auto; display: block; object-fit: contain; } body.in-index.omia-editorial .oe-quote .oe-wrap { width: calc(100% - 36px); height: auto; padding: 22px 0 26px; justify-content: center; } body.in-index.omia-editorial #omia-editorial .oe-quote blockquote { width: 100%; font-size: clamp(19px, 4.6vw, 25px); line-height: 1.45; } } /* v101: non-blocking market suggestion. Styles are separate from JS. */ .omia-market-prompt { position:fixed; right:24px; bottom:24px; z-index:1000; width:420px; max-width:calc(100% - 32px); padding:28px; box-sizing:border-box; background:#fbf5ef; color:#172653; border:1px solid #e5d5b2; border-radius:14px; box-shadow:0 12px 48px #15133d33; max-height:calc(100dvh - 32px); overflow:auto; } .omia-market-prompt h2 { margin:0 20px 12px 0; font:26px/1.2 Georgia,serif; color:#172653; } .omia-market-prompt p { margin:0 0 12px; font:16px/1.5 Arial,sans-serif; } .omia-market-prompt .omia-market-note { font-size:13px; } .omia-market-close { position:absolute; right:10px; top:8px; border:0; background:transparent; color:#172653; font-size:28px; width:36px; height:36px; cursor:pointer; } .omia-market-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; } .omia-market-go,.omia-market-stay { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 16px; border-radius:24px; font:600 14px/1.4 Arial,sans-serif; text-decoration:none; cursor:pointer; box-sizing:border-box; } .omia-market-go { background:#efda98; border:1px solid #efda98; color:#172653; } .omia-market-stay { background:transparent; border:1px solid #cfc6b8; color:#172653; } .omia-market-prompt a:focus-visible,.omia-market-prompt button:focus-visible { outline:3px solid #665599; outline-offset:3px; } body.omia-site-header #header .oe-language a { color:inherit; text-decoration:none; } body.omia-site-header #header .oe-language [aria-current] { font-weight:700; } @media(max-width:600px) { .omia-market-prompt { right:16px; bottom:16px; padding:24px; } .omia-market-actions > * { width:100%; } } /* v102: isolate text links from Shoptet header icon/link typography. */ body.omia-site-header #header .navigation-buttons .oe-language > a, body.omia-site-header #header .navigation-buttons .oe-language > span { display:inline-flex!important; align-items:center!important; justify-content:center!important; position:static!important; float:none!important; width:auto!important; min-width:0!important; height:36px!important; margin:0!important; padding:0!important; font:400 13px/1 Georgia,serif!important; letter-spacing:normal!important; text-transform:none!important; text-decoration:none!important; color:#222440!important; background:none!important; border:0!important; box-shadow:none!important; transform:none!important; } body.omia-site-header #header .navigation-buttons .oe-language > [aria-current] { font-weight:700!important; } body.omia-site-header #header .navigation-buttons .oe-language > [aria-hidden] { opacity:.45; } body.omia-site-header #header .navigation-buttons .oe-language > a::before, body.omia-site-header #header .navigation-buttons .oe-language > a::after { display:none!important; content:none!important; } body.omia-site-header #header .navigation-buttons .oe-language > a:hover { text-decoration:underline!important; } body.omia-site-header #header .navigation-buttons .oe-language > a:focus-visible { outline:2px solid #222440; outline-offset:3px; } /* v104: approved landscape product reference, native Shoptet content and controls. Reference artwork is a CSS sprite, not a screenshot replacing the page. */ body.omia-product-v104 { background:#fcf4e9; color:#07143e; } body.omia-product-v104 #content-wrapper { overflow:visible!important; } body.omia-product-v104 .overall-wrapper { overflow-x:clip; } body.omia-product-v104 .benefit-banners-full-width { display:none!important; } body.omia-product-v104 .p-detail { position:relative; isolation:isolate; } body.omia-product-v104 .breadcrumbs { font:11px/1.5 Arial,sans-serif; letter-spacing:.14em; text-transform:uppercase; padding:24px 0 30px; } body.omia-product-v104 .p-detail-inner { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(30px,4.5vw,68px); align-items:start; position:relative; z-index:1; } body.omia-product-v104 .p-data-wrapper { grid-column:2; grid-row:1; order:0; padding:0!important; align-self:start; } body.omia-product-v104 .op-native-gallery { grid-column:1; grid-row:1; order:0; } body.omia-product-v104 .op104-kicker { font:12px/1.4 Arial,sans-serif; letter-spacing:.3em; margin:0 0 14px; color:#07143e; } body.omia-product-v104 .op104-kicker::after { content:""; display:inline-block; vertical-align:middle; width:58px; height:1px; background:#07143e; margin-left:14px; } body.omia-product-v104 .p-detail-inner-header h1 { font:400 clamp(29px,3.1vw,46px)/1.1 Georgia,serif!important; color:#07143e; letter-spacing:-.025em; margin:0 0 10px!important; } body.omia-product-v104 .op104-signature { position:absolute; right:0; top:-58px; margin:0; font:italic 20px/1.25 Neucha,"Segoe Print",cursive; transform:rotate(-7deg); color:#07143e; text-align:center; pointer-events:none; } body.omia-product-v104 .p-short-description { margin:0 0 12px; font:17px/1.4 Georgia,serif; color:#07143e; } body.omia-product-v104 .p-short-description p { margin:0 0 14px; } body.omia-product-v104 .p-short-description .op104-lead { font:italic 23px/1.3 Georgia,serif; margin-bottom:14px; } body.omia-product-v104 .p-short-description .op104-age { font-size:21px; margin-bottom:12px; } body.omia-product-v104 .op-native-gallery .p-image { position:relative; padding:20px 55px; border-radius:18px; background:radial-gradient(ellipse at center,#f9eedc,#efe0c8); } body.omia-product-v104 .op-native-gallery .p-main-image { aspect-ratio:1; height:auto; max-height:440px; display:flex!important; align-items:center; justify-content:center; } body.omia-product-v104 .op-native-gallery .p-main-image img { width:115%!important; height:115%!important; max-width:none!important; max-height:470px; object-fit:contain; mix-blend-mode:multiply; filter:drop-shadow(0 8px 7px #49301f26); } body.omia-product-v104 .op-native-gallery .p-image::before,body.omia-product-v104 .op-native-gallery .p-image::after { position:absolute; top:48%; bottom:auto; width:96px; height:auto; margin:0; padding:0; background:none!important; border:0; box-shadow:none; z-index:2; pointer-events:none; font:italic 16px/1.45 Neucha,"Segoe Print",cursive; text-align:center; color:#07143e; white-space:pre-line; transform:rotate(-8deg); } body.omia-product-v104 .op-native-gallery .p-image::before { content:"Pre všetky deti, ktoré v sebe nosia svetlo. ♡"; left:12px; } body.omia-product-v104 .op-native-gallery .p-image::after { content:"Krásny príbeh o odvahe, dobrote a viere v seba."; right:12px; } body.omia-product-v104 .op-native-gallery .p-image #wrap { width:100%!important; } body.omia-product-v104 .op-native-gallery .flags { position:absolute; top:0; left:0; z-index:3; } body.omia-product-v104 .op-native-gallery .flag { border-radius:40px; padding:20px 16px; background:linear-gradient(#ffd46a,#f6b934); color:#07143e; font:14px Arial,sans-serif; } body.omia-product-v104 .op-native-gallery .p-thumbnails-wrapper { width:100%; padding:0 20px; margin-top:18px; } body.omia-product-v104 .op-native-gallery .p-thumbnails { margin:0; height:106px; } body.omia-product-v104 .op-native-gallery .p-thumbnails-inner { height:106px; } body.omia-product-v104 .op-native-gallery .p-thumbnail { width:94px!important; height:100px!important; padding:6px!important; margin:0 8px 0 0!important; background:transparent; border:2px solid transparent!important; border-radius:7px; } body.omia-product-v104 .op-native-gallery .p-thumbnail.highlighted { border-color:#efb638!important; background:#fff8ed; } body.omia-product-v104 .op-native-gallery .p-thumbnail img { width:100%!important; height:100%!important; object-fit:contain; max-height:88px; } body.omia-product-v104 .p-price-wrapper { margin:8px 0 10px!important; } body.omia-product-v104 .price-final { font:400 48px/1.1 Georgia,serif!important; color:#07143e!important; } body.omia-product-v104 #product-detail-form .add-to-cart { gap:26px; align-items:center; flex-wrap:wrap; } body.omia-product-v104 #product-detail-form .quantity { flex:0 0 126px; border-radius:9px; background:#f7ead6; overflow:hidden; } body.omia-product-v104 #product-detail-form .quantity label { background:#fffdf9; } body.omia-product-v104 #product-detail-form .add-to-cart-button { min-height:62px; max-width:330px; flex:1 1 190px; padding:14px 22px!important; border:1px solid #e4a729!important; border-radius:38px; background:linear-gradient(120deg,#ffd064,#edaf29)!important; box-shadow:inset 0 2px 1px #ffe6a7; font:600 22px/1.2 Arial,sans-serif!important; color:#07143e!important; } body.omia-product-v104 #product-detail-form .add-to-cart-button:hover { background:#f7c24c!important; } body.omia-product-v104 .detail-parameters { font:12px/1.3 Arial,sans-serif; margin:0 0 10px!important; } body.omia-product-v104 .detail-parameter-product-code { display:none; } body.omia-product-v104 .op104-meta { display:flex; gap:45px; margin:18px 0 0; font:15px/1.5 Georgia,serif; color:#07143e; } body.omia-product-v104 .op104-meta dt { font:12px/1.5 Georgia,serif; color:#8a8885; text-transform:uppercase; font-weight:400; } body.omia-product-v104 .op104-meta dd { margin:0; } body.omia-product-v104 .op104-benefits { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); max-width:920px; margin:26px auto 0; position:relative; z-index:1; } body.omia-product-v104 .op104-benefits > div { position:relative; text-align:center; padding:0 14px; font:18px/1.2 Georgia,serif; color:#07143e; } body.omia-product-v104 .op104-benefits > div+div::before { content:""; position:absolute; left:0; top:40%; height:55%; width:1px; background:#ded0bd; } body.omia-product-v104 .op104-benefits p { font:inherit; margin:0; } body.omia-product-v104 .op104-art { display:block; width:160px; max-width:100%; aspect-ratio:180/122; margin:0 auto 8px; background-image:url("/user/documents/omia-icons/omia-product-reference-v104.png"); background-size:853.333% 839.344%; background-repeat:no-repeat; } body.omia-product-v104 .op104-art-child { background-position:22.86% 80.266%; } body.omia-product-v104 .op104-art-book { background-position:40.93% 80.266%; } body.omia-product-v104 .op104-art-language { background-position:58.85% 80.266%; } body.omia-product-v104 .op104-art-gift { background-position:76.92% 80.266%; } body.omia-product-v104 .op104-trust { display:flex; flex-wrap:wrap; justify-content:center; gap:0; margin:34px auto 24px; position:relative; z-index:1; } body.omia-product-v104 .op104-trust > span { display:flex; align-items:center; gap:10px; padding:6px 22px; font:14px/1.4 Georgia,serif; color:#07143e; } body.omia-product-v104 .op104-trust > span+span { border-left:1px solid #ded0bd; } body.omia-product-v104 .op104-trust b { font:28px/1 Georgia,serif; font-weight:400; } body.omia-product-v104 .op104-trust svg { display:block; width:30px; height:30px; fill:none; stroke:currentColor; stroke-width:1.5; } body.omia-product-v104 .op104-decoration { position:absolute; inset:0; z-index:-1; pointer-events:none; } body.omia-product-v104 .op104-corner { position:absolute; top:560px; width:250px; height:360px; background-image:url("/user/documents/omia-icons/omia-product-reference-v104.png"); background-repeat:no-repeat; background-size:1536px 1024px; } body.omia-product-v104 .op104-corner-left { right:calc(100% - 60px); background-position:left bottom; } body.omia-product-v104 .op104-corner-right { left:calc(100% - 60px); background-position:right bottom; } body.omia-product-v104 .op104-spark { position:absolute; color:#efb43c; text-shadow:1px 1px 0 #c98c29; font:36px/1 Georgia,serif; } body.omia-product-v104 .s1 { top:20px; left:-55px; } body.omia-product-v104 .s2 { top:190px; right:-48px; } body.omia-product-v104 .s3 { top:400px; right:-70px; } body.omia-product-v104 .s4 { top:530px; left:-50px; } body.omia-product-v104 .social-buttons-wrapper { margin:36px 0 12px; } body.omia-product-v104 .op104-rating { margin:18px 0; } @media(max-width:1000px) and (min-width:768px) { body.omia-product-v104 .p-short-description { font-size:16px; } body.omia-product-v104 .op-native-gallery .p-image { padding:20px; } body.omia-product-v104 #product-detail-form .add-to-cart { gap:12px; } body.omia-product-v104 #product-detail-form .add-to-cart-button { font-size:18px!important; } body.omia-product-v104 .op104-benefits { margin-top:50px; } } @media(max-width:1100px) { body.omia-product-v104 .op-native-gallery .p-image::before,body.omia-product-v104 .op-native-gallery .p-image::after { display:none; } } @media(max-width:767px) { body.omia-product-v104 .p-detail-inner { grid-template-columns:minmax(0,1fr); gap:26px; } body.omia-product-v104 .op-native-gallery { grid-column:1; grid-row:1; } body.omia-product-v104 .p-data-wrapper { grid-column:1; grid-row:2; } body.omia-product-v104 .op104-signature { display:none; } body.omia-product-v104 .op-native-gallery .p-image { padding:18px 32px; } body.omia-product-v104 .op-native-gallery .p-main-image { max-height:390px; } body.omia-product-v104 .p-short-description { font-size:17px; } body.omia-product-v104 .op104-benefits { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 0; } body.omia-product-v104 .op104-benefits > div { padding:0 8px; font-size:17px; } body.omia-product-v104 .op104-benefits > div:nth-child(3)::before { display:none; } body.omia-product-v104 .op104-trust { gap:12px; flex-direction:column; align-items:center; } body.omia-product-v104 .op104-trust > span+span { border:0; } body.omia-product-v104 #product-detail-form .add-to-cart { gap:12px; } body.omia-product-v104 #product-detail-form .add-to-cart-button { max-width:none; font-size:20px!important; } body.omia-product-v104 .op104-corner { display:none; } body.omia-product-v104 .op104-meta { gap:25px; flex-wrap:wrap; } body.omia-product-v104 .price-final { font-size:42px!important; } } /* v105: four original supplied PNG illustrations, with editable HTML captions. */ body.omia-product-v104 .op105-benefits { max-width:1100px; margin:38px auto 22px; gap:12px; } body.omia-product-v104 .op105-benefits > div { padding:0 10px; } body.omia-product-v104 .op105-benefits > div+div::before { display:none; } body.omia-product-v104 .op105-benefit-icon { display:block; width:100%; max-width:230px; height:auto; aspect-ratio:543/436; object-fit:contain; margin:0 auto 10px; } body.omia-product-v104 .op105-benefits h3 { margin:0 0 8px; font:700 clamp(17px,1.6vw,22px)/1.2 Georgia,serif; color:#07143e; letter-spacing:normal; text-transform:none; } body.omia-product-v104 .op105-benefits p { margin:0; font:18px/1.35 Georgia,serif; color:#07143e; } @media(max-width:767px) { body.omia-product-v104 .op105-benefits { gap:28px 12px; margin-top:50px; } body.omia-product-v104 .op105-benefits > div { padding:0; min-width:0; } body.omia-product-v104 .op105-benefits h3 { font-size:17px; overflow-wrap:normal; } body.omia-product-v104 .op105-benefits p { font-size:16px; } body.omia-product-v104 .op105-benefit-icon { max-width:190px; } } /* v106: hide the lower utility/rating/tab area on product details only. Product data remains in Shoptet; the introductory description and cart are unaffected. */ body.type-detail.omia-product-page .p-detail .social-buttons-wrapper, body.type-detail.omia-product-page .p-detail .stars-wrapper, body.type-detail.omia-product-page .p-detail .shp-tabs-wrapper { display:none!important; } /* v107: no handwritten cover callouts; always-visible photo navigation. */ body.omia-product-v104 .op-native-gallery .p-image::before, body.omia-product-v104 .op-native-gallery .p-image::after { content:none!important; display:none!important; } body.omia-product-v104 .op-native-gallery .p-main-image img { mix-blend-mode:normal; } body.omia-product-v104 .op107-gallery-controls { position:absolute; inset:0; z-index:5; pointer-events:none; } body.omia-product-v104 .op107-gallery-controls button { position:absolute; top:50%; transform:translateY(-50%); display:flex; align-items:center; justify-content:center; width:42px; height:48px; padding:0 0 5px; margin:0; border:1px solid #decead; border-radius:24px; background:#fff9efed; color:#07143e; font:38px/1 Georgia,serif; box-shadow:0 2px 8px #37251912; cursor:pointer; pointer-events:auto; } body.omia-product-v104 .op107-gallery-prev { left:8px; } body.omia-product-v104 .op107-gallery-next { right:8px; } body.omia-product-v104 .op107-gallery-controls button:hover { background:#f8d67a; } body.omia-product-v104 .op107-gallery-controls button:focus-visible { outline:2px solid #07143e; outline-offset:3px; } @media(max-width:767px) { body.omia-product-v104 .op107-gallery-controls button { width:34px; height:42px; font-size:32px; } body.omia-product-v104 .op107-gallery-prev { left:4px; } body.omia-product-v104 .op107-gallery-next { right:4px; } } /* v108: align purchase controls with price; hide availability label on detail only. */ body.type-detail.omia-product-v104 #product-detail-form .detail-parameter-availability { display:none!important; } body.type-detail.omia-product-v104 #product-detail-form .detail-parameters { margin:0!important; } body.type-detail.omia-product-v104 #product-detail-form .p-to-cart-block { margin:0!important; padding:0!important; width:100%!important; } body.type-detail.omia-product-v104 #product-detail-form .add-to-cart { justify-content:flex-start!important; margin:0!important; padding:0!important; width:100%!important; text-align:left!important; } body.type-detail.omia-product-v104 #product-detail-form .add-to-cart .quantity { margin:0!important; flex-shrink:0; } body.type-detail.omia-product-v104 #product-detail-form .p-price-wrapper { margin-bottom:18px!important; } /* v110: metadata uses editor-compatible div/span markup. */ body.omia-product-v104 .op104-meta > div > span { display:block; } body.omia-product-v104 .op104-meta .op110-meta-label { font:12px/1.5 Georgia,serif; color:#8a8885; text-transform:uppercase; } /* v118: full middle banner, without an overlaid quotation or cropping. */ body.in-index.omia-editorial #omia-editorial .oe-middle-banner { height:auto!important; min-height:0; padding:0; background:#f1f0ec; } body.in-index.omia-editorial #omia-editorial .oe-middle-banner > img { position:static!important; display:block; width:100%; max-width:100%; height:auto!important; object-fit:contain; margin:0; } /* v124: a separate mobile asset; both images retain their full composition. */ body.in-index.omia-editorial #omia-editorial .oe-middle-banner > picture { display:block; width:100%; } body.in-index.omia-editorial #omia-editorial .oe-middle-banner > picture > img { position:static!important; display:block; width:100%!important; max-width:100%!important; height:auto!important; aspect-ratio:auto; object-fit:contain; margin:0; } /* v113 trial homepage: white header in normal flow, full uncropped artwork. */ body.in-index.omia-editorial #header { position:relative!important; top:auto!important; background:#f1f0ec!important; height:100px!important; margin:0!important; } body.in-index.omia-editorial #header .header-top, body.in-index.omia-editorial #header .header-top-wrapper { background:#f1f0ec!important; } body.in-index.omia-editorial #omia-editorial .oe-hero { height:auto!important; min-height:0!important; padding:0!important; display:block; background:#f3f0eb; } body.in-index.omia-editorial #omia-editorial .oe-hero-art { position:static!important; display:block; width:100%!important; height:auto!important; max-height:none; object-fit:contain!important; margin:0; } body.in-index.omia-editorial #omia-editorial .oe-hero-inner { display:none!important; } @media(max-width:767px) { body.in-index.omia-editorial #header { height:80px!important; } body.in-index.omia-editorial #header .header-top .header-top-wrapper .header-bottom { background:#f1f0ec!important; } } /* v112: contain unpadded originals without oversizing; retain click lightbox. */ body.type-detail.omia-product-v104 .op-native-gallery .p-main-image img { width:100%!important; height:100%!important; max-width:100%!important; max-height:440px!important; object-fit:contain; opacity:1!important; } body.type-detail.omia-product-page .p-image .cloud-zoom-big, body.type-detail.omia-product-page .p-image .cloud-zoom-lens, body.type-detail.omia-product-page .p-image .cloud-zoom-title { display:none!important; } @media (max-width:767px) { body.type-detail.omia-product-v104 .op-native-gallery .p-main-image img { max-height:390px!important; } } /* Source icon assets cropped from the supplied concept image. */ .omia-editorial .oe-book-specs { grid-template-columns:repeat(4,max-content); justify-content:start; gap:0; } .omia-editorial .oe-book-specs>div { min-width:130px; text-align:center; padding:0 18px; } .omia-editorial .oe-book-specs img { margin:0 auto 7px; } @media(max-width:900px){ .omia-editorial .oe-books{padding:84px 0;} .omia-editorial .oe-book-specs{grid-template-columns:repeat(2,max-content);gap:12px 0;width:100%;} .omia-editorial .oe-book-specs>div{min-width:125px;padding:0 8px;} .omia-editorial .oe-book-specs>div:nth-child(odd){border-left:0;padding-left:0;} }